html, body { overflow-x: hidden; width: 100%; }

/* Extracted CSS from Blade components */
/* From: latest-grid.blade.php */
.article-card-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.article-card-hover:hover { transform: translateY(-5px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }

/* From: hero-section.blade.php */
.bg-gradient-dark { background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); }
.text-hover-accent:hover { color: var(--bs-primary) !important; }
.object-fit-cover { object-fit: cover; }
.overflow-hidden:hover img { transform: scale(1.05); }

/* From: most-read.blade.php */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* From: cookie-consent-modal.blade.php */
#cookie-consent-modal {
    direction: ltr;
    text-align: left;
}
#cookie-consent-modal * {
    direction: ltr;
    text-align: left;
}


/* Theme variables overrides */
.text-primary, .text-theme-main { color: var(--theme-main-color) !important; }
.bg-primary, .bg-theme-main { background-color: var(--theme-main-color) !important; }
.btn-primary { background-color: var(--theme-main-color) !important; border-color: var(--theme-main-color) !important; }
.btn-primary:hover { background-color: var(--theme-hover-color) !important; border-color: var(--theme-hover-color) !important; }

.footer-theme { background-color: var(--theme-footer-bg) !important; color: var(--theme-footer-text) !important; }
.footer-theme a, .footer-theme .text-muted { color: var(--theme-footer-text) !important; opacity: 0.8; }
.footer-theme a:hover { color: var(--theme-main-color) !important; opacity: 1; }

.small-header-theme { background-color: var(--theme-small-header-bg) !important; color: var(--theme-small-header-text) !important; }
.small-header-theme a, .small-header-theme .text-muted { color: var(--theme-small-header-text) !important; }

/* Header components */
.hover-bg-primary:hover {
    background-color: var(--theme-main-color, #00A4D7) !important;
    color: white !important;
}
.hover-text-primary:hover {
    color: var(--theme-main-color, #00A4D7) !important;
}

#mainNav .nav-link {
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}
#mainNav.bg-white .nav-link:hover,
#mainNav .nav-link:hover {
    background-color: rgba(0,0,0,0.03);
    color: var(--theme-main-color, #00A4D7) !important;
}

/* Ensure the language list button fits nicely in the new layout */
.language-switcher .btn {
    border-radius: 2rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Footer Custom Styles */
.footer-text {
    color: var(--footer-text);
}
.footer-text-muted {
    color: var(--footer-text);
    opacity: 0.7;
}
.footer-box-bg {
    background-color: rgba(128, 128, 128, 0.08);
}
.footer-border {
    border-color: rgba(128, 128, 128, 0.15) !important;
}
.footer-glow {
    background: radial-gradient(circle at top right, var(--theme-main-color, rgba(0, 164, 215, 0.2)) 0%, transparent 40%);
    opacity: 0.15;
}
.footer-links li {
    margin-bottom: 0.8rem;
}
.footer-links a {
    color: var(--footer-text);
    opacity: 0.7;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}
.footer-links a:hover {
    color: var(--theme-main-color, #00A4D7);
    opacity: 1;
    transform: translateX(-5px);
}
html[dir="ltr"] .footer-links a:hover {
    transform: translateX(5px);
}
html[dir="rtl"] .footer-links a .bi-chevron-left {
    transform: scaleX(-1);
}
.social-icon-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--footer-bg);
    background-color: var(--footer-text);
    font-size: 1.1rem;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-decoration: none;
}
.social-icon-btn:hover {
    transform: translateY(-5px) scale(1.1);
    color: #fff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}
.social-icon-btn.facebook:hover {
    background: #1877F2;
}
.social-icon-btn.twitter:hover {
    background: #000000;
}
.social-icon-btn.instagram:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.social-icon-btn.youtube:hover {
    background: #FF0000;
}
.social-icon-btn.telegram:hover {
    background: #0088cc;
}
.social-icon-btn.linkedin:hover {
    background: #0A66C2;
}
.hover-highlight:hover {
    opacity: 1;
    color: var(--theme-main-color, #00A4D7) !important;
}
.backdrop-blur {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.transition-all {
    transition: all 0.3s ease;
}