مجازات کلاهبرداری اینترنتی

/* Basic Reset & Font Import (assuming Vazirmatn is available or fallback) */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Variable-font-face.css’);
body, html {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: ‘Vazirmatn’, sans-serif;
direction: rtl; /* For Persian text */
text-align: right;
background-color: #f0f2f5; /* Light background for the whole page */
}

/* General container styling for responsiveness */
div[style*=”max-width: 900px”] {
padding: 20px; /* Default padding */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
h1 {
font-size: 2em !important;
}
h2 {
font-size: 1.6em !important;
}
h3 {
font-size: 1.3em !important;
}
p, ul, table, a {
font-size: 1em !important;
}
div[style*=”max-width: 900px”] {
padding: 15px; /* Reduce padding on smaller screens */
border-radius: 0; /* No border-radius on very small screens for full width effect */
box-shadow: none; /* No shadow on very small screens */
}
table thead th, table tbody td {
padding: 10px 15px !important; /* Adjust table padding */
}
div[style*=”display: flex”] {
flex-direction: column; /* Stack infographic items vertically */
gap: 15px !important;
}
div[style*=”flex: 1 1 300px”] {
flex: 1 1 100% !important; /* Infographic items take full width */
}
div[style*=”margin-bottom: 20px; border: 1px solid #ddd”] {
margin-bottom: 15px;
}
}

/* Medium screen adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
div[style*=”max-width: 900px”] {
padding: 25px;
}
h1 {
font-size: 2.4em !important;
}
h2 {
font-size: 1.8em !important;
}
}

/* Specific link hover styles */
a {
transition: color 0.3s ease;
}
a:hover {
color: #2980b9 !important; /* Slightly darker blue on hover */
text-decoration: underline !important;
}
.cta-button:hover {
background-color: #2980b9 !important;
}
a[href^=”tel:”]:hover {
opacity: 0.8;
}

/* FAQ accordion icon rotation */
.faq-question.active span {
transform: rotate(45deg); /* Simple visual change for active state, needs JS */
}

// Simple JavaScript for FAQ accordion functionality
document.addEventListener(‘DOMContentLoaded’, function() {
const faqQuestions = document.querySelectorAll(‘.faq-question’);
faqQuestions.forEach(question => {
question.addEventListener(‘click’, function() {
const answer = this.nextElementSibling;
const icon = this.querySelector(‘span’);
if (answer.style.display === ‘block’) {
answer.style.display = ‘none’;
icon.textContent = ‘+’;
} else {
answer.style.display = ‘block’;
icon.textContent = ‘-‘; // Change to minus when open
}
});
});

// Re-applying the inline click events to reflect the changes for copy-paste
// This is a more robust way for the block editor environment where external JS might not be loaded initially
const faqDivs = document.querySelectorAll(‘div[style*=”margin-bottom: 20px; border: 1px solid #ddd;”]’);
faqDivs.forEach(div => {
const headerDiv = div.querySelector(‘div[onclick*=”document.getElementById”]’);
if (headerDiv) {
// Ensure the H3 inside has the correct structure for dynamic icon update
const h3 = headerDiv.querySelector(‘h3’);
if (h3 && !h3.querySelector(‘span’)) {
const span = document.createElement(‘span’);
span.style.cssText = ‘font-size: 1.5em; color: #3498DB;’;
span.textContent = ‘+’;
h3.appendChild(span);
}

headerDiv.onclick = function() {
const answerId = this.querySelector(‘h3’).nextElementSibling ? this.querySelector(‘h3’).nextElementSibling.id : this.id.replace(‘header’, ‘answer’);
const answer = document.getElementById(answerId);
const icon = this.querySelector(‘span’);

if (answer.style.display === ‘block’) {
answer.style.display = ‘none’;
icon.textContent = ‘+’;
} else {
answer.style.display = ‘block’;
icon.textContent = ‘-‘;
}
};
}
});
});

// A small fix to ensure the initial FAQ + icons are correct on copy/paste
document.addEventListener(‘DOMContentLoaded’, () => {
const faqHeaders = document.querySelectorAll(‘div[onclick*=”document.getElementById”] h3’);
faqHeaders.forEach(h3 => {
let span = h3.querySelector(‘span’);
if (!span) {
span = document.createElement(‘span’);
span.style.cssText = ‘font-size: 1.5em; color: #3498DB;’;
h3.appendChild(span);
}
const answerId = h3.parentNode.onclick.toString().match(/getElementById([‘”]([^'”]+)[‘”])/)[1];
const answer = document.getElementById(answerId);
span.textContent = answer && answer.style.display === ‘block’ ? ‘-‘ : ‘+’;
});
});