انجام پایان نامه ارشد رشته باغبانی گرایش درختان میوه + تضمینی

/* Basic Reset & Font for better compatibility */
body {
margin: 0;
padding: 0;
font-family: ‘Vazirmatn’, ‘Tahoma’, sans-serif; /* Fallback fonts */
direction: rtl; /* Ensure right-to-left for Persian */
text-align: right; /* Default text alignment */
}

/* General responsive styling for all elements within the main container */
div, p, ul, ol, h1, h2, h3, table {
box-sizing: border-box; /* Include padding and border in the element’s total width and height */
max-width: 100%; /* Ensure elements don’t overflow on smaller screens */
}

/* Ensure images (if any were present) are responsive */
img {
max-width: 100%;
height: auto;
display: block; /* Prevents extra space below image */
}

/* Specific styles for links in table of contents for responsiveness */
.farsi-link { /* Example class if I had more links */
word-wrap: break-word; /* Prevents long words from breaking layout */
}

/* Adjust font sizes for smaller screens (e.g., mobile) */
@media (max-width: 768px) {
h1 { font-size: 2em !important; padding: 15px 10px !important; margin-bottom: 30px !important; }
h2 { font-size: 1.7em !important; margin-top: 35px !important; margin-bottom: 25px !important; }
h3 { font-size: 1.3em !important; margin-top: 25px !important; margin-bottom: 15px !important; padding: 8px 10px !important; }
p, ul, ol, table, td, th { font-size: 1em !important; }
.flex > div { flex: 1 1 100% !important; max-width: 100% !important; margin-bottom: 15px; } /* For infographic-like cards */
.farsi-link { font-size: 0.95em !important; } /* Smaller links for mobile */
.farsi-ul li { margin-bottom: 8px !important; } /* Adjust list item spacing */
}

/* Adjust for even smaller screens (e.g., very small phones) */
@media (max-width: 480px) {
h1 { font-size: 1.8em !important; padding: 10px 5px !important; margin-bottom: 20px !important; }
h2 { font-size: 1.5em !important; margin-top: 30px !important; margin-bottom: 20px !important; }
h3 { font-size: 1.2em !important; margin-top: 20px !important; margin-bottom: 10px !important; padding: 5px 8px !important; }
p, ul, ol, table, td, th { font-size: 0.95em !important; }
.farsi-link { font-size: 0.9em !important; }
}

/* Table specific responsive adjustments */
@media (max-width: 600px) {
table {
display: block;
overflow-x: auto;
white-space: nowrap; /* Prevent content from wrapping inside cells */
}
thead, tbody, th, td, tr {
display: block;
}
th, td {
width: 100%;
text-align: right !important; /* Ensure text alignment is correct */
padding: 8px 10px !important;
box-sizing: border-box;
border-bottom: 1px solid #ddd; /* Add border between “rows” */
}
th {
background-color: #e0f2f1;
color: #004d40;
font-weight: bold;
font-size: 1em !important;
}
tr {
margin-bottom: 10px;
border: 1px solid #eee; /* Visual separation for each “row” */
border-radius: 5px;
overflow: hidden;
display: block; /* Ensure each tr takes full width */
}
tr:nth-child(odd) td {
background-color: #fcfcfc; /* Lighter background for odd rows for better readability */
}
tr:nth-child(even) td {
background-color: #f5f5f5; /* Slightly darker for even rows */
}
/* Hide the header on small screens and display it as part of each data cell */
td:nth-of-type(1):before { content: “مرحله: “; font-weight: bold; color: #00796b; display: block; margin-bottom: 5px;}
td:nth-of-type(2):before { content: “نکات کلیدی برای موفقیت: “; font-weight: bold; color: #00796b; display: block; margin-bottom: 5px;}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
}