/**
 * Lagna Chakra - Mockup v2 Theme Overrides
 * Parchment + Gold Premium Theme
 * This file overrides ALL old Astroway styles
 */

/* ==========================================
   CSS VARIABLES
   ========================================== */
:root {
    --lc-gold: #c5a059;
    --lc-gold-light: #d4b978;
    --lc-gold-dark: #a6843c;
    --lc-gold-transparent: rgba(197, 160, 89, 0.15);
    --lc-bg: #f9f4eb;
    --lc-bg-light: #fdfbf7;
    --lc-text: #4a3728;
    --lc-text-muted: #6b5344;
    --lc-header: #1a1208;
    --lc-header-light: #2a1f14;
    --lc-cream: #e8dcc8;
    --lc-border: rgba(197, 160, 89, 0.25);
    --lc-border-hover: rgba(197, 160, 89, 0.45);
    --lc-card-bg: #ffffff;
    --lc-shadow: rgba(74, 55, 40, 0.08);
}

/* ==========================================
   GLOBAL RESET & TYPOGRAPHY
   ========================================== */
#lc-v2 body {
    background: var(--lc-bg) !important;
    color: var(--lc-text) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

#lc-v2 h1, h2, h3, h4, h5, h6,
.heading, .section-title, .page-title,
.font-22, .font-18, .font-16, .font-15,
.font-weight-bold, .font-weight-semi-bold {
    font-family: 'Cormorant Garamond', 'Georgia', serif !important;
    color: var(--lc-text) !important;
}

/* ==========================================
   HEADER / NAVBAR
   ========================================== */
#lc-v2 .header.lc-header {
    background: rgba(15, 12, 8, 0.92) !important;
    border-bottom: none !important;
}

#lc-v2 .header-section,
#lc-v2 .top-navbar,
#lc-v2 .lc-header .premium-navbar,
#main-header,
#lc-v2 .navbar-light,
.nav-header {
    background: linear-gradient(135deg, var(--lc-header), var(--lc-header-light)) !important;
    border-bottom: 2px solid var(--lc-gold) !important;
}

#lc-v2 .lc-header .top-navbar,
#lc-v2 .lc-header .premium-navbar {
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

#lc-v2 .lc-header .lc-main-nav,
#lc-v2 .lc-header .premium-secondary-nav {
    background: rgba(15, 15, 42, 0.9) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid var(--lc-border) !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

#lc-v2 .top-navbar .nav-link,
#lc-v2 .header .nav-link,
.nav-link-mobile,
.dropdown-toggle,
.nav-item a {
    color: var(--lc-cream) !important;
    font-weight: 500 !important;
    font-family: 'Inter', sans-serif !important;
}

#lc-v2 .lc-header .lc-main-nav .nav-link,
#lc-v2 .lc-header .lc-main-nav .navbar-nav .nav-link,
#lc-v2 .lc-header .lc-main-nav .nav-link.font-weight-semi-bold {
    color: #F5F0FF !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.45rem;
    white-space: nowrap;
}

#lc-v2 .header .nav-link:hover,
#lc-v2 .top-navbar .nav-link:hover,
.nav-link-mobile:hover,
.nav-item a:hover,
.dropdown-item:hover {
    color: var(--lc-gold) !important;
    background: rgba(197, 160, 89, 0.1) !important;
}

.dropdown-menu {
    background: var(--lc-header-light) !important;
    border: 1px solid var(--lc-border) !important;
}

.dropdown-item {
    color: var(--lc-cream) !important;
}

/* ==========================================
   LOGO
   ========================================== */
.astroway-logo-text,
.logo-text,
.brand-name,
.notranslate {
    font-family: 'Cormorant Garamond', serif !important;
    color: var(--lc-gold) !important;
    font-weight: 700 !important;
}

.astroway-logo-subtext,
.logo-subtext {
    color: var(--lc-cream) !important;
    opacity: 0.8;
    font-family: 'Inter', sans-serif !important;
}

/* Mandala icon */
.mandala-icon {
    color: var(--lc-gold) !important;
    font-size: 1.5rem;
}

/* ==========================================
   BUTTONS
   ========================================== */
#lc-v2 .btn-primary,
.btn-chat-astro,
.btn-gold,
.btn-main,
.btn-red,
.btn-pink,
.btn-danger,
.gWalletbalance {
    background: linear-gradient(135deg, var(--lc-gold), var(--lc-gold-dark)) !important;
    border-color: var(--lc-gold-dark) !important;
    color: var(--lc-header) !important;
    font-weight: 600 !important;
    border-radius: 25px !important;
}

#lc-v2 .btn-primary:hover,
.btn-chat-astro:hover,
.btn-red:hover,
.btn-pink:hover {
    background: linear-gradient(135deg, var(--lc-gold-light), var(--lc-gold)) !important;
    box-shadow: 0 4px 16px rgba(197, 160, 89, 0.3) !important;
    color: var(--lc-header) !important;
}

.btn-outline-primary,
.btn-outline-gold {
    border-color: var(--lc-gold) !important;
    color: var(--lc-gold) !important;
    background: transparent !important;
}

.btn-outline-primary:hover {
    background: var(--lc-gold) !important;
    color: var(--lc-header) !important;
}

/* ==========================================
   CARDS
   ========================================== */
#lc-v2 .card,
.product-card,
.astrologer-card,
.service-card,
.blog-card,
.news-card,
.puja-card {
    background: var(--lc-card-bg) !important;
    border: 1px solid var(--lc-border) !important;
    border-radius: 14px !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    overflow: hidden !important;
}

#lc-v2 .card:hover,
.product-card:hover,
.astrologer-card:hover,
.service-card:hover,
.blog-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px var(--lc-shadow) !important;
    border-color: var(--lc-border-hover) !important;
}

#lc-v2 .card-body, .card-content {
    background: var(--lc-card-bg) !important;
}

/* ==========================================
   PANCHANG STRIP
   ========================================== */
.panchang-strip,
.daily-panchang,
.panchang-bar,
.panchang-section {
    background: linear-gradient(90deg, var(--lc-header), var(--lc-header-light)) !important;
    color: var(--lc-cream) !important;
    border-bottom: 1px solid var(--lc-gold) !important;
    font-family: 'Inter', sans-serif !important;
}

.panchang-strip .panchang-item,
.panchang-bar span,
.panchang-item {
    color: var(--lc-gold-light) !important;
}

/* ==========================================
   TRUST BADGES
   ========================================== */
.trust-badge,
.security-badge,
.verified-badge,
.trust-badges-section {
    background: rgba(197, 160, 89, 0.08) !important;
    border: 1px solid var(--lc-border) !important;
    color: var(--lc-text) !important;
    border-radius: 8px !important;
}

.trust-badges-section {
    background: linear-gradient(135deg, var(--lc-bg-light) 0%, var(--lc-bg) 100%) !important;
    border-top: 1px solid var(--lc-border) !important;
    border-bottom: 1px solid var(--lc-border) !important;
}

/* ==========================================
   FOOTER
   ========================================== */
#lc-v2 footer,
.footer-section,
.main-footer,
.footer,
.footer-content {
    background: linear-gradient(135deg, var(--lc-header), var(--lc-header-light)) !important;
    color: var(--lc-cream) !important;
    border-top: 1px solid var(--lc-border) !important;
}

#lc-v2 footer a,
.footer-section a,
.main-footer a,
#lc-v2 .footer-link,
.text-gray-dark,
.footer-item a {
    color: var(--lc-cream) !important;
    opacity: 0.85;
}

#lc-v2 footer a:hover,
.footer-section a:hover,
.main-footer a:hover,
#lc-v2 .footer-link:hover,
.text-gray-dark:hover {
    color: var(--lc-gold) !important;
    opacity: 1;
}

#lc-v2 footer h5,
.footer-section h5,
.footer h5 {
    color: var(--lc-gold) !important;
    font-family: 'Cormorant Garamond', serif !important;
}

/* ==========================================
   LINKS
   ========================================== */
#lc-v2 a, .link, .text-link {
    color: var(--lc-gold-dark) !important;
}

a:hover, .link:hover, .text-link:hover {
    color: var(--lc-gold) !important;
}

/* ==========================================
   BREADCRUMB
   ========================================== */
.astroway-breadcrumb,
.breadcrumb-section,
.breadcrumb,
.breadcrumb-bar {
    background: var(--lc-header) !important;
    color: var(--lc-cream) !important;
}

/* ==========================================
   FORM INPUTS
   ========================================== */
#lc-v2 .form-control,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
select,
textarea,
.inputform input {
    background: var(--lc-bg-light) !important;
    border: 1px solid var(--lc-border) !important;
    color: var(--lc-text) !important;
    border-radius: 8px !important;
    font-family: 'Inter', sans-serif !important;
}

#lc-v2 .form-control:focus,
input:focus,
select:focus,
textarea:focus,
.inputform input:focus {
    border-color: var(--lc-gold) !important;
    box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.15) !important;
    outline: none !important;
}

/* ==========================================
   BACKGROUNDS
   ========================================== */
.section-bg,
.bg-light,
.bg-grey,
.bg-gray,
.bg-secondary {
    background: var(--lc-bg-light) !important;
}

.bg-white,
.modal-content .bg-white,
.body.bg-white {
    background: var(--lc-card-bg) !important;
}

/* Override old Astroway colors */
#lc-v2 .bg-pink {
    background-color: rgba(197, 160, 89, 0.15) !important;
}

#lc-v2 .bg-red,
.bg-danger {
    background-color: var(--lc-header) !important;
}

#lc-v2 .color-red,
.text-danger {
    color: var(--lc-gold) !important;
}

.text-muted,
.text-gray {
    color: var(--lc-text-muted) !important;
}

/* ==========================================
   MODALS
   ========================================== */
.modal-content {
    background: var(--lc-card-bg) !important;
    border: 1px solid var(--lc-border) !important;
    border-radius: 14px !important;
}

.modal-header {
    background: linear-gradient(135deg, var(--lc-header), var(--lc-header-light)) !important;
    color: var(--lc-cream) !important;
    border-bottom: 1px solid var(--lc-border) !important;
}

.modal-header .close {
    color: var(--lc-gold) !important;
}

.modal-body, .modal-footer {
    background: var(--lc-card-bg) !important;
}

/* ==========================================
   TABLES
   ========================================== */
table, .table {
    background: var(--lc-card-bg) !important;
}

.table thead th,
.table th {
    background: linear-gradient(135deg, var(--lc-header), var(--lc-header-light)) !important;
    color: var(--lc-gold) !important;
    border-bottom: 2px solid var(--lc-gold) !important;
    font-family: 'Cormorant Garamond', serif !important;
}

.table td {
    border-bottom: 1px solid var(--lc-border) !important;
    color: var(--lc-text) !important;
}

/* ==========================================
   BADGES & LABELS
   ========================================== */
.badge,
.label,
.tag {
    background: var(--lc-gold-transparent) !important;
    color: var(--lc-gold-dark) !important;
    border: 1px solid var(--lc-border) !important;
}

/* ==========================================
   PAGINATION
   ========================================== */
.pagination .page-item.active .page-link,
.pagination .active a {
    background: var(--lc-gold) !important;
    border-color: var(--lc-gold) !important;
    color: var(--lc-header) !important;
}

.pagination .page-link,
.pagination a {
    color: var(--lc-gold-dark) !important;
    border-color: var(--lc-border) !important;
}

.pagination .page-link:hover,
.pagination a:hover {
    background: var(--lc-gold-transparent) !important;
    color: var(--lc-gold) !important;
}

/* ==========================================
   ACCORDION / TABS
   ========================================== */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background: var(--lc-gold) !important;
    color: var(--lc-header) !important;
    border-color: var(--lc-gold) !important;
}

.nav-tabs .nav-link,
.nav-pills .nav-link {
    color: var(--lc-text) !important;
    border-color: var(--lc-border) !important;
}

.accordion .card-header,
.accordion-button {
    background: var(--lc-bg-light) !important;
    color: var(--lc-text) !important;
    border-bottom: 1px solid var(--lc-border) !important;
}

/* ==========================================
   ALERTS
   ========================================== */
.alert-success {
    background: rgba(34, 197, 94, 0.1) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
    color: #15803d !important;
}

.alert-danger {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #b91c1c !important;
}

.alert-warning {
    background: rgba(234, 179, 8, 0.1) !important;
    border-color: rgba(234, 179, 8, 0.3) !important;
    color: #a16207 !important;
}

/* ==========================================
   MISC
   ========================================== */
.gold-text,
.text-gold,
.text-accent,
.highlight-text,
.featured-text {
    color: var(--lc-gold) !important;
}

.rating-star,
.star-rating i,
.review-stars,
.fa-star {
    color: var(--lc-gold) !important;
}

.price,
.product-price,
.astrologer-charge,
.charge,
.amount {
    color: var(--lc-gold-dark) !important;
    font-weight: 700 !important;
}

.online-status,
.status-online,
.badge-success {
    background: #22c55e !important;
}

.offline-status,
.status-offline {
    background: #9ca3af !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--lc-bg);
}

::-webkit-scrollbar-thumb {
    background: var(--lc-gold);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--lc-gold-dark);
}

/* ==========================================
   MOBILE RESPONSIVE
   ========================================== */
@media (max-width: 768px) {
    .astroway-logo-text,
    .logo-text {
        font-size: 1.1rem !important;
    }

    .card,
    .product-card,
    .astrologer-card,
    .service-card {
        border-radius: 10px !important;
    }

    .header,
    .top-navbar,
    .navbar {
        padding: 0.5rem !important;
    }
}

/* ==========================================
   DARK SECTIONS (HERO, CTA)
   ========================================== */
.hero-section,
.cta-section,
.dark-section,
.gold-section {
    background: linear-gradient(135deg, var(--lc-header), var(--lc-header-light)) !important;
    color: var(--lc-cream) !important;
}

.hero-section h1,
.hero-section h2,
.cta-section h1,
.cta-section h2 {
    color: var(--lc-gold) !important;
}

/* ==========================================
   CHAT / CALL WIDGET
   ========================================== */
.chat-widget,
.call-widget,
.floating-button,
.sf_chat_button1 button {
    background: linear-gradient(135deg, var(--lc-gold), var(--lc-gold-dark)) !important;
    color: var(--lc-header) !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(197, 160, 89, 0.3) !important;
}

/* ==========================================
   NOTIFICATIONS
   ========================================== */
.notification-item,
.notification-list li {
    border-bottom: 1px solid var(--lc-border) !important;
}

.notification-item:hover {
    background: var(--lc-gold-transparent) !important;
}

/* ==========================================
   BANNER & SECTION OVERRIDES (Old Astroway → v2)
   ========================================== */
.free-chat-banner, .free-chat-banner.expert-specific {
    background: linear-gradient(90deg, var(--lc-bg-light) 0%, var(--lc-bg) 100%) !important;
    border: 1px solid var(--lc-border) !important;
}
.rs-10-banner, .navratri-banner {
    background: linear-gradient(135deg, var(--lc-header), var(--lc-header-light)) !important;
}
.rs-10-banner .banner-content .banner-price,
.free-chat-banner .banner-content .banner-price,
.astroway-live-astrologers .owl-nav button span {
    color: var(--lc-gold) !important;
}
.rs-10-banner .banner-content .btn,
.free-chat-banner .banner-content .btn,
.rashmi-deasi-banner .content-section .btn,
.freechatbanner-extra .btn-chat {
    background: linear-gradient(135deg, var(--lc-gold), var(--lc-gold-dark)) !important;
    border-color: var(--lc-gold-dark) !important;
    color: var(--lc-header) !important;
    box-shadow: 0 4px 16px rgba(197, 160, 89, 0.3) !important;
}
.refer-banner {
    background: var(--lc-bg-light) !important;
    border: 1px solid var(--lc-border) !important;
}
.astroway-live-astrologers .bg-yellow {
    background: var(--lc-gold) !important;
}
.freechatbanner-extra {
    background: var(--lc-bg-light) !important;
    border: 1px solid var(--lc-border) !important;
}
.psychic-card .must-try-badge {
    background: var(--lc-gold-dark) !important;
}
.astroway-astrologers, .astroway-call-action, .astroway-puja,
.astroway-menu, .astroway-breadcrumb, .bg-astrologer-pink-light {
    background: var(--lc-bg) !important;
}