/* =========================================================================
   🌿 GLOBAL LEGAL SCHOOL WHATSAPP GREEN THEME (green-theme.css)
   Matches Right Sidebar WhatsApp Box Colors Across Entire Website
   ========================================================================= */

:root {
    --primary-color: #25D366 !important;
    --dark-color: #166534 !important;
    --btn-apply: #25D366 !important;
    --btn-download: #15803d !important;
    --wa-bg-light: #f0fdf4;
    --wa-bg-soft: #dcfce7;
    --wa-border: #bbf7d0;
    --wa-heading: #166534;
    --wa-text: #15803d;
    --wa-accent: #25D366;
}

/* 1. Page Background & Global Text */
html, body, .sticky-header-container {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
    background-attachment: fixed !important;
    color: #15803d !important;
}

/* 2. Top Navbar & Dropdowns */
.site-navbar {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%) !important;
    border-bottom: 1.5px solid #86efac !important;
    box-shadow: 0 4px 15px rgba(22, 101, 52, 0.08) !important;
}

.navbar-nav .nav-link {
    color: #166534 !important;
    font-weight: 700 !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    background-color: #166534 !important;
    color: #ffffff !important;
    box-shadow: 0 3px 10px rgba(22, 101, 52, 0.2) !important;
}

.dropdown-menu {
    background-color: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
}

.dropdown-item {
    color: #166534 !important;
}

.dropdown-item:hover {
    background-color: #dcfce7 !important;
    color: #14532d !important;
}

/* 3. All Main Boxes, Cards, Utility Bars & Widgets */
.utility-bar,
.secondary-utility-bar,
.news-ticker-wrapper,
.main-content-box,
.post-card,
.breadcrumb-nav,
.sidebar-widget-card,
.official-community-box,
.links-container,
.author-box-card,
.sarkari-box,
.post-navigation .nav-link-box {
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%) !important;
    border: 1px solid #bbf7d0 !important;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.08) !important;
    color: #15803d !important;
}

/* Inner Highlight Boxes (About, Eligibility, Dates, etc.) */
.about-org-box,
.details-box-custom,
.expiry-filter-box,
.search-box-wrapper,
.language-selector-box {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
    border-color: #86efac !important;
    color: #15803d !important;
}

.about-org-box,
.details-box-custom {
    border-left: 5px solid #25D366 !important;
}

/* 4. All Headings, Titles & Links (Matches "Join Legal School WhatsApp" #166534) */
h1, h2, h3, h4, h5, h6,
.section-title,
.post-title-main,
.post-title-link,
.sidebar-widget-title,
.top-post-title,
.author-name,
.community-text,
.link-title,
.info-label,
.breadcrumb-current,
.post-navigation .nav-title,
.translate-label,
.php-lang-select,
.expiry-select,
.search-input-field {
    color: #166534 !important;
}

.post-title-link:hover,
.top-post-item:hover .top-post-title,
.breadcrumb-nav a:hover {
    color: #15803d !important;
    text-decoration: underline;
}

.breadcrumb-nav a,
.author-heading-text {
    color: #15803d !important;
}

/* 5. General Body Text, Descriptions & Meta */
p, li, span, small,
.author-bio,
.application-content,
.share-text,
.post-publish-meta,
.top-post-meta {
    color: #15803d;
}

/* Preserve white text on colorful badges and buttons */
.cv-draft-pill, .cv-draft-pill span, .cv-draft-pill i,
.quiz-pill, .quiz-pill span, .quiz-pill i,
.events-pill, .events-pill span, .events-pill i,
.cv-new-badge,
.community-pill, .community-pill span, .community-pill i,
.btn-share, .btn-share span, .btn-share i,
.btn-sidebar-wa-join, .btn-sidebar-wa-join i,
.btn-action-apply, .btn-action-apply i,
.btn-action-download, .btn-action-download i,
.footer-social-btn, .footer-social-btn i {
    color: #ffffff !important;
}

/* 6. Icons & Accents */
.text-warning,
.fa-bolt,
.fa-fire,
.fa-briefcase,
.fa-bell,
.fa-share-nodes,
.fa-calendar-check,
.fa-user-pen,
.fa-id-badge,
.search-btn-icon,
.language-selector-box i,
.expiry-filter-box i,
.info-list li i {
    color: #16a34a !important;
}

/* Keep specific colorful legal icons in the WA box vibrant */
.sidebar-wa-icons-row span:nth-child(1) i { color: #2563eb !important; }
.sidebar-wa-icons-row span:nth-child(2) i { color: #d97706 !important; }
.sidebar-wa-icons-row span:nth-child(3) i { color: #059669 !important; }
.sidebar-wa-icons-row span:nth-child(4) i { color: #dc2626 !important; }

/* 7. List Items, Borders & Hover States */
.post-list-container .post-item-card,
.info-list li,
.link-row,
.sarkari-list li {
    border-bottom-color: #bbf7d0 !important;
}

.info-list li:hover,
.link-row:hover,
.top-post-item:hover,
.live-search-item:hover {
    background-color: #dcfce7 !important;
    border-color: #86efac !important;
}

/* 8. Tags, Badges, Rank & Buttons */
.cat-tag,
.tag-default,
.top-post-cat,
.badge-active {
    background-color: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #86efac !important;
}

.top-post-rank,
.links-header,
.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #25D366, #16a34a) !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}

.btn-action-apply {
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3) !important;
}

.btn-action-download {
    background-color: #166534 !important;
    border-color: #166534 !important;
    color: #ffffff !important;
}

.btn-outline-warning {
    color: #166534 !important;
    border-color: #16a34a !important;
}

.btn-outline-warning:hover {
    background-color: #16a34a !important;
    color: #ffffff !important;
}

/* 9. Footer Styling (Deep Emerald Green to match Theme) */
.site-footer {
    background: linear-gradient(135deg, #064e3b 0%, #022c22 100%) !important;
    border-top: 5px solid #25D366 !important;
    color: #dcfce7 !important;
}

.site-footer p, .site-footer span, .site-footer small, .footer-links li a {
    color: #dcfce7 !important;
}

.footer-brand-title, .footer-heading, .footer-contact-item i, .footer-links li i, .msme-badge {
    color: #4ade80 !important;
    border-color: #4ade80 !important;
}

/* 10. Dark Mode Support (Matches WA Card Dark Mode) */
html.dark-mode,
html.dark-mode body,
html.dark-mode .sticky-header-container {
    background: #022c22 !important;
    color: #86efac !important;
}

html.dark-mode .site-navbar {
    background: linear-gradient(135deg, #064e3b 0%, #022c22 100%) !important;
    border-bottom-color: #065f46 !important;
}

html.dark-mode .navbar-nav .nav-link {
    color: #86efac !important;
}

html.dark-mode .navbar-nav .nav-link:hover,
html.dark-mode .navbar-nav .nav-link.active {
    background-color: #25D366 !important;
    color: #022c22 !important;
}

html.dark-mode .utility-bar,
html.dark-mode .secondary-utility-bar,
html.dark-mode .news-ticker-wrapper,
html.dark-mode .main-content-box,
html.dark-mode .post-card,
html.dark-mode .breadcrumb-nav,
html.dark-mode .sidebar-widget-card,
html.dark-mode .official-community-box,
html.dark-mode .links-container,
html.dark-mode .author-box-card,
html.dark-mode .sarkari-box,
html.dark-mode .post-navigation .nav-link-box,
html.dark-mode .dropdown-menu {
    background: linear-gradient(135deg, #064e3b 0%, #042f2e 100%) !important;
    border-color: #065f46 !important;
    color: #86efac !important;
}

html.dark-mode .about-org-box,
html.dark-mode .details-box-custom,
html.dark-mode .expiry-filter-box,
html.dark-mode .search-box-wrapper,
html.dark-mode .language-selector-box {
    background: #022c22 !important;
    border-color: #065f46 !important;
    color: #86efac !important;
}

html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, html.dark-mode h4, html.dark-mode h5, html.dark-mode h6,
html.dark-mode .section-title,
html.dark-mode .post-title-main,
html.dark-mode .post-title-link,
html.dark-mode .sidebar-widget-title,
html.dark-mode .top-post-title,
html.dark-mode .author-name,
html.dark-mode .community-text,
html.dark-mode .link-title,
html.dark-mode .info-label,
html.dark-mode .breadcrumb-current,
html.dark-mode .post-navigation .nav-title,
html.dark-mode .translate-label,
html.dark-mode .php-lang-select,
html.dark-mode .expiry-select,
html.dark-mode .search-input-field {
    color: #4ade80 !important;
}

html.dark-mode p, html.dark-mode li, html.dark-mode span,
html.dark-mode .author-bio,
html.dark-mode .application-content,
html.dark-mode .share-text,
html.dark-mode .post-publish-meta {
    color: #86efac !important;
}

html.dark-mode .post-list-container .post-item-card,
html.dark-mode .info-list li,
html.dark-mode .link-row {
    border-bottom-color: #065f46 !important;
}