هزینه و قیمت نگارش پروپوزال رشته زبان و ادبیات فرانسه

/* Basic reset for better consistency */
body, h1, h2, h3, p, ul, table, th, td {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Font import for Vazirmatn (assuming it’s available or linked in the actual environment) */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Variable-font-face.css’);

/* Global styles for responsiveness – for block editor implementation */
@media (max-width: 768px) {
div[style*=”max-width: 1200px”] {
padding: 15px;
}
h1[style*=”font-size”] {
font-size: 2em !important;
}
h2[style*=”font-size”] {
font-size: 1.5em !important;
}
h3[style*=”font-size”] {
font-size: 1.2em !important;
}
p[style*=”font-size: 1.1em”], li[style*=”font-size: 1.05em”] {
font-size: 1em !important;
}
div[style*=”flex: 1 1 300px”] {
flex: 1 1 100% !important; /* Stacks items on small screens */
max-width: 100% !important;
}
table {
display: block;
width: 100%;
}
thead, tbody, th, td, tr {
display: block;
}
tr {
margin-bottom: 10px;
border: 1px solid #bdc3c7;
border-radius: 5px;
overflow: hidden;
}
td {
border: none;
position: relative;
padding-left: 50% !important;
text-align: right !important;
font-size: 0.95em;
}
td:before {
content: attr(data-label);
position: absolute;
right: 0px;
width: 45%;
padding-right: 15px;
font-weight: bold;
text-align: right;
color: #2c3e50;
}
th {
display: none; /* Hide original headers */
}
td:nth-of-type(1):before { content: “عامل مؤثر:”; }
td:nth-of-type(2):before { content: “توضیح و تأثیر:”; }
}

@media (min-width: 769px) and (max-width: 1024px) {
h1[style*=”font-size”] {
font-size: 2.2em !important;
}
h2[style*=”font-size”] {
font-size: 1.6em !important;
}
h3[style*=”font-size”] {
font-size: 1.3em !important;
}
p[style*=”font-size: 1.1em”], li[style*=”font-size: 1.05em”] {
font-size: 1.05em !important;
}
}

/* Additional styles for table data labels for small screens (JavaScript might be needed for dynamic assignment in some contexts) */
/* For block editor, user might need to manually add data-label attributes or use a plugin that does it. */

// This script is for dynamic data-label assignment for table on smaller screens,
// which enhances accessibility and readability. It might need to be added
// to the website’s custom JS or a block editor’s script area.
document.addEventListener(‘DOMContentLoaded’, function() {
if (window.innerWidth <= 768) {
var headers = [];
var table = document.querySelector('table');
if (table) {
table.querySelectorAll('th').forEach(function(th) {
headers.push(th.textContent.trim());
});

table.querySelectorAll('tr').forEach(function(row) {
row.querySelectorAll('td').forEach(function(td, index) {
if (headers[index]) {
td.setAttribute('data-label', headers[index] + ':');
}
});
});
}
}
});