انجام پایان نامه در مریوان + مشاوره، نگارش و اصلاح [ارشد و دکتری]

/*
** راهنمای استفاده از این کد در ویرایشگر بلوک وردپرس یا هر ویرایشگر HTML دیگر:
** این کد به صورت یکپارچه شامل ساختار HTML و استایل‌های CSS درون‌خط (inline) و یک بلاک استایل برای کل صفحه است.
** برای استفاده، کافیست تمام محتوای از ابتدای تگ

را کپی کرده و در بخش ویرایشگر HTML (Text Editor) یا بلوک “Custom HTML” در وردپرس جایگذاری کنید.
** استایل‌های درون‌خط تضمین می‌کنند که طراحی حتی در صورت عدم پشتیبانی کامل از فایل‌های CSS خارجی، حفظ شود.
** برای بهترین نمایش، از فونت “Vazirmatn” استفاده شده است که باید در سیستم یا سایت شما موجود باشد یا از طریق Google Fonts فراخوانی شود (در این کد برای سادگی فرض شده موجود است).
** این ساختار به گونه‌ای طراحی شده که در دستگاه‌های مختلف (موبایل، تبلت، لپ‌تاپ، تلویزیون) به دلیل استفاده از واحدهای نسبی و flexbox، ریسپانسیو باشد.
*/

/* استایل‌های کلی برای بخش اصلی مقاله */
.wp-block-group .wp-block-group__inner-container {
padding: 0 !important; /* برای حذف padding اضافی بلوک گروه */
}

body {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
color: #333;
direction: rtl;
text-align: right;
background-color: #f8f9fa;
margin: 0;
padding: 0;
}

/* کانتینر اصلی مقاله */
.article-container {
max-width: 1000px;
margin: 0 auto;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
padding: 30px 40px;
}

/* استایل H1 */
h1 {
font-size: 2.4em; /* معادل حدود 38.4px برای ریشه 16px */
font-weight: 800;
color: #1a2a3a; /* Dark Blue-Gray */
text-align: center;
margin-bottom: 40px;
line-height: 1.3;
}

/* استایل H2 */
h2 {
font-size: 1.8em; /* معادل حدود 28.8px */
font-weight: 700;
color: #2c5f2d; /* Medium Dark Green */
margin-top: 40px;
margin-bottom: 25px;
border-right: 5px solid; /* رنگ border-right بر اساس بخش تغییر می‌کند */
padding-right: 15px;
display: flex;
align-items: center;
line-height: 1.4;
}

h2 span { /* آیکون‌های کنار H2 */
display: inline-block;
vertical-align: middle;
margin-left: 10px;
font-size: 1.2em; /* کمی بزرگتر از متن H2 */
}

/* استایل H3 */
h3 {
font-size: 1.4em; /* معادل حدود 22.4px */
font-weight: 600;
color: #3f51b5; /* Indigo Blue */
margin-top: 30px;
margin-bottom: 15px;
border-bottom: 1px dashed #cfd8dc;
padding-bottom: 8px;
display: flex;
align-items: center;
line-height: 1.4;
}

h3 span { /* آیکون‌های کنار H3 */
display: inline-block;
vertical-align: middle;
margin-left: 8px;
font-size: 1.1em;
}

/* استایل پاراگراف‌ها */
p {
font-size: 1.05em;
color: #555;
text-align: justify;
margin-bottom: 20px;
}

/* استایل لیست‌ها */
ul {
padding-right: 25px;
margin-top: 20px;
}

ul li {
margin-bottom: 12px;
font-size: 1em;
color: #666;
}

/* استایل جدول */
table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
font-size: 0.95em;
}

table th, table td {
border: 1px solid #e0e0e0;
padding: 10px 12px;
text-align: right;
}

table thead tr {
background-color: #e3f2fd;
}

table th {
font-size: 1.1em;
color: #2196f3;
font-weight: 600;
}

table tbody tr:nth-child(odd) {
background-color: #fdfdfd;
}

table tbody tr:nth-child(even) {
background-color: #f9f9f9;
}

/* باکس‌های محتوایی با پس‌زمینه رنگی */
.content-box-green {
background-color: #e8f5e9;
border-radius: 8px;
padding: 25px;
margin-bottom: 30px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
}

.content-box-yellow {
background-color: #fffde7;
border-radius: 8px;
padding: 25px;
margin-bottom: 30px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
}

.content-box-blue {
background-color: #e1f5fe;
border-radius: 8px;
padding: 25px;
margin-bottom: 30px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
}

/* اینفوگرافیک متنی */
.infographic-container {
background-color: #f7fff7;
border-radius: 12px;
padding: 30px;
margin-bottom: 40px;
box-shadow: 0 4px 15px rgba(0, 128, 0, 0.1);
border: 1px dashed #c8e6c9;
display: flex;
flex-direction: column;
align-items: center;
}

.infographic-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 20px;
width: 100%;
}

.infographic-item {
flex: 1 1 300px; /* برای ریسپانسیو شدن در عرض‌های مختلف */
background-color: #e8f5e9; /* رنگ‌های مختلف برای هر آیتم */
border-radius: 10px;
padding: 20px;
text-align: center;
box-shadow: 0 2px 8px rgba(0, 128, 0, 0.08);
}

.infographic-item:nth-child(2) { background-color: #e0f2f7; }
.infographic-item:nth-child(3) { background-color: #fffde7; }
.infographic-item:nth-child(4) { background-color: #ffebee; }
.infographic-item:nth-child(5) { background-color: #f3e5f5; }

.infographic-item div {
font-size: 2.2em;
margin-bottom: 15px;
}

.infographic-item h4 {
font-size: 1.3em;
margin-bottom: 10px;
font-weight: 600;
}

.infographic-item p {
font-size: 0.95em;
color: #666;
margin: 0;
}

/* ریسپانسیو بودن */
@media (max-width: 768px) {
.article-container {
padding: 20px;
border-radius: 8px;
}
h1 {
font-size: 2em;
margin-bottom: 30px;
}
h2 {
font-size: 1.6em;
margin-top: 30px;
margin-bottom: 20px;
padding-right: 10px;
}
h3 {
font-size: 1.2em;
margin-top: 25px;
margin-bottom: 10px;
padding-bottom: 5px;
}
p {
font-size: 1em;
margin-bottom: 15px;
}
table th, table td {
padding: 8px;
}
.infographic-grid {
flex-direction: column;
align-items: center;
}
.infographic-item {
flex: none;
width: 90%; /* یا مقدار دلخواه دیگر */
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.1em;
}
.article-container {
padding: 15px;
}
table {
font-size: 0.85em;
}
}