/* CSS برای تضمین رسپانسیو بودن و نمایش مناسب در دیوایس‌های مختلف */
@media (max-width: 768px) {
div[style*=”font-size: 2.5em”] {
font-size: 1.8em !important;
}
div[style*=”font-size: 2em”] {
font-size: 1.5em !important;
}
div[style*=”font-size: 1.5em”] {
font-size: 1.2em !important;
}
div[style*=”flex: 1 1 calc(50% – 20px)”] {
flex: 1 1 100% !important; /* Single column layout for smaller screens */
}
table {
display: block;
width: 100%;
overflow-x: auto;
white-space: nowrap; /* Prevent line breaks within cells */
}
table thead, table tbody, table th, table td, table tr {
display: block;
}
table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table tr {
border: 1px solid #ccc;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap; /* Allow cells to wrap */
align-items: stretch;
}
table td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: right;
white-space: normal;
flex: 1 1 100%;
box-sizing: border-box;
}
table td::before {
position: absolute;
top: 0;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
content: attr(data-label); /* Use data-label for responsive table headers */
}
table td:nth-of-type(1)::before { content: “مقطع تحصیلی:”; }
table td:nth-of-type(2)::before { content: “حدود قیمت:”; }
}
@media (min-width: 769px) and (max-width: 1024px) {
/* Tablet specific adjustments if needed */
div[style*=”flex: 1 1 calc(50% – 20px)”] {
flex: 1 1 calc(50% – 20px) !important;
}
}

// Script for responsive table headers (for accessibility and mobile viewing)
// This part ensures that when copied, if the platform supports JS, it enhances table readability on small screens.
document.addEventListener(‘DOMContentLoaded’, function() {
const table = document.querySelector(‘table’);
if (table) {
const headers = Array.from(table.querySelectorAll(‘thead th’)).map(th => th.textContent);
table.querySelectorAll(‘tbody tr’).forEach(row => {
row.querySelectorAll(‘td’).forEach((td, index) => {
td.setAttribute(‘data-label’, headers[index]);
});
});
}
});