مشاوره رساله تخصصی مدیریت بازرگانی

/* CSS برای رسپانسیو بودن و نمایش بهتر در ابزارهای مختلف */
@media (max-width: 768px) {
h1 {
font-size: 2em !important;
padding: 15px 0 !important;
}
h2 {
font-size: 1.5em !important;
margin-top: 25px !important;
}
h3 {
font-size: 1.2em !important;
margin-top: 20px !important;
}
p, li, table {
font-size: 1em !important;
}
div[style*=”display: flex”] {
flex-direction: column;
align-items: center;
}
div[style*=”flex: 1 1 200px”] {
width: 90%;
margin-bottom: 10px;
}
span[style*=”font-size: 2em”] {
transform: rotate(90deg); /* فلش‌ها به سمت پایین بیایند */
margin: 5px 0;
}
table, th, td {
display: block;
width: 100%;
box-sizing: border-box;
}
thead {
display: none; /* در موبایل هدر جدول پنهان شود */
}
tr {
margin-bottom: 10px;
display: block;
border: 1px solid #BDC3C7;
border-radius: 5px;
padding: 10px;
}
td {
border: none !important;
text-align: right;
padding: 8px 0;
position: relative;
padding-right: 120px; /* برای لیبل */
}
td::before {
content: attr(data-label);
position: absolute;
right: 0;
width: 110px;
font-weight: bold;
color: #34495E;
}
tr:nth-child(even) {
background-color: #F8F8F8;
}
}

/* افزودن لیبل‌ها برای رسپانسیو بودن جدول در موبایل */
@media (max-width: 768px) {
td:nth-of-type(1)::before { content: “چالش رایج:”; }
td:nth-of-type(2)::before { content: “نقش مشاوره تخصصی:”; }
}

/* برای نمایش در تبلت */
@media (min-width: 769px) and (max-width: 1024px) {
h1 { font-size: 2.2em !important; }
h2 { font-size: 1.6em !important; }
h3 { font-size: 1.3em !important; }
p, li { font-size: 1.05em !important; }
div[style*=”flex: 1 1 200px”] {
flex: 1 1 25%; /* کمی بزرگتر */
}
}

/* فونت فارسی (مثال: B Nazanin) */
@font-face {
font-family: ‘B Nazanin’;
src: url(‘path/to/BNazanin.eot’); /* For IE */
src: url(‘path/to/BNazanin.eot?#iefix’) format(’embedded-opentype’),
url(‘path/to/BNazanin.woff2’) format(‘woff2’),
url(‘path/to/BNazanin.woff’) format(‘woff’),
url(‘path/to/BNazanin.ttf’) format(‘truetype’);
font-weight: normal;
font-style: normal;
}
/* در صورت نیاز برای bold */
@font-face {
font-family: ‘B Nazanin’;
src: url(‘path/to/BNazanin_Bold.eot’);
src: url(‘path/to/BNazanin_Bold.eot?#iefix’) format(’embedded-opentype’),
url(‘path/to/BNazanin_Bold.woff2’) format(‘woff2’),
url(‘path/to/BNazanin_Bold.woff’) format(‘woff’),
url(‘path/to/BNazanin_Bold.ttf’) format(‘truetype’);
font-weight: bold;
font-style: normal;
}