/* Additional Theme Stylesheets for Homepage */

/* ==========================================================================
   THEME 2: DARK SLATE & NEON ACCENT (DARK MODE)
   ========================================================================== */
body.theme-dark {
    background-color: #0b0f19 !important;
    color: #cbd5e1 !important;
}
body.theme-dark .header-top-wrap,
body.theme-dark .header-navigation,
body.theme-dark .menu-area {
    background-color: #0f172a !important;
    border-bottom: 1px solid #1e293b;
}
body.theme-dark .tgmenu__navbar li a,
body.theme-dark .header-action li a,
body.theme-dark .tgmenu__navbar li.menu-item-has-children > a::after {
    color: #f1f5f9 !important;
}
body.theme-dark .banner-area {
    background-color: #0b0f19 !important;
}
body.theme-dark .banner-content .title,
body.theme-dark .section-title .title,
body.theme-dark .about-content .title {
    color: #ffffff !important;
}
body.theme-dark .banner-content p,
body.theme-dark .about-content p,
body.theme-dark .pricing-box p {
    color: #94a3b8 !important;
}
body.theme-dark .btn,
body.theme-dark .pricing-footer .btn {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}
body.theme-dark .about-area,
body.theme-dark .services-area,
body.theme-dark .features-area {
    background-color: #0f172a !important;
}
body.theme-dark .about-content .list-wrap li .content .title {
    color: #e2e8f0 !important;
}
body.theme-dark .pricing-area {
    background-color: #0b0f19 !important;
}
body.theme-dark .pricing-box {
    background-color: #0f172a !important;
    border: 1px solid #1e293b !important;
}
body.theme-dark .pricing-header .title {
    color: #ffffff !important;
}
body.theme-dark .pricing-header .price {
    color: #10b981 !important;
}
body.theme-dark .pricing-body ul {
    color: #cbd5e1 !important;
}
body.theme-dark .footer-area {
    background-color: #0b0f19 !important;
    border-top: 1px solid #1e293b;
}
body.theme-dark .footer-widget .fw-title,
body.theme-dark .footer-bottom {
    color: #ffffff !important;
}


/* ==========================================================================
   THEME 3: ROYAL PURPLE & GOLDEN ACCENT (ROYAL MODE)
   ========================================================================== */
body.theme-royal {
    background-color: #1e1b4b !important;
    color: #f5f3ff !important;
}
body.theme-royal .header-top-wrap,
body.theme-royal .header-navigation,
body.theme-royal .menu-area {
    background-color: #312e81 !important;
    border-bottom: 1px solid #4338ca;
}
body.theme-royal .tgmenu__navbar li a,
body.theme-royal .header-action li a,
body.theme-royal .tgmenu__navbar li.menu-item-has-children > a::after {
    color: #f5f3ff !important;
}
body.theme-royal .banner-area {
    background-color: #1e1b4b !important;
}
body.theme-royal .banner-content .title,
body.theme-royal .section-title .title,
body.theme-royal .about-content .title {
    color: #ffffff !important;
}
body.theme-royal .banner-content p,
body.theme-royal .about-content p,
body.theme-royal .pricing-box p {
    color: #c7d2fe !important;
}
body.theme-royal .btn,
body.theme-royal .pricing-footer .btn {
    background-color: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #1e1b4b !important;
}
body.theme-royal .about-area,
body.theme-royal .services-area,
body.theme-royal .features-area {
    background-color: #312e81 !important;
}
body.theme-royal .about-content .list-wrap li .content .title {
    color: #f5f3ff !important;
}
body.theme-royal .pricing-area {
    background-color: #1e1b4b !important;
}
body.theme-royal .pricing-box {
    background-color: #312e81 !important;
    border: 1px solid #4338ca !important;
}
body.theme-royal .pricing-header .title {
    color: #ffffff !important;
}
body.theme-royal .pricing-header .price {
    color: #f59e0b !important;
}
body.theme-royal .pricing-body ul {
    color: #e0e7ff !important;
}
body.theme-royal .footer-area {
    background-color: #1e1b4b !important;
    border-top: 1px solid #4338ca;
}
body.theme-royal .footer-widget .fw-title,
body.theme-royal .footer-bottom {
    color: #ffffff !important;
}