/* Force styles even when admin bar is present */
html.wp-toolbar {
    padding-top: 0 !important;
}
.admin-bar #masthead {
    top: 0 !important;
}
/* ═══════════════════════════════════════════════════════════════
   NavAarmbha Membership — Frontend Styles v2.0
   ═══════════════════════════════════════════════════════════════ */

/* ── Reset / base ─────────────────────────────────────────────── */
.nam-form *, .nam-notice *, .nam-countdown-box *, .nam-session-tracker * {
    box-sizing: border-box;
}

/* ── Notices ─────────────────────────────────────────────────── */
.nam-notice {
    padding: 14px 18px;
    border-radius: 6px;
    margin: 16px 0;
    font-size: 15px;
    line-height: 1.5;
    border-left: 4px solid transparent;
}
.nam-notice-info    { background: #e8f4fd; border-color: #3498db; color: #1a5276; }
.nam-notice-success { background: #e9f7ef; border-color: #27ae60; color: #1a5e35; }
.nam-notice-warn    { background: #fef9e7; border-color: #f39c12; color: #7d6608; }
.nam-notice-error   { background: #fdedec; border-color: #e74c3c; color: #7b241c; }

/* ── Role badge ──────────────────────────────────────────────── */
.nam-role-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.nam-role-nam_pending  { background: #fef3cd; color: #856404; }
.nam-role-nam_level1   { background: #d1ecf1; color: #0c5460; }
.nam-role-nam_level2   { background: #d4edda; color: #155724; }
.nam-role-nam_oneonone { background: #e2d9f3; color: #5a3e8a; }

/* ── Countdown box ───────────────────────────────────────────── */
.nam-countdown-box {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #e07b39, #c0602a);
    color: #fff;
    border-radius: 10px;
    padding: 18px 28px;
    min-width: 110px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(224,123,57,0.3);
}
.nam-countdown-number {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    display: block;
}
.nam-countdown-label {
    font-size: 13px;
    opacity: 0.9;
    margin-top: 6px;
    display: block;
}
.nam-days-active-box {
    background: linear-gradient(135deg, #27ae60, #1e8449);
    box-shadow: 0 4px 12px rgba(39,174,96,0.3);
}

/* ── Session tracker / progress dots ────────────────────────── */
.nam-session-tracker {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    margin: 16px 0;
}
.nam-session-dots {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
.nam-session-dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: help;
    transition: transform 0.2s;
}
.nam-session-dot:hover { transform: scale(1.15); }
.nam-dot-done    { background: #27ae60; box-shadow: 0 2px 6px rgba(39,174,96,0.4); }
.nam-dot-pending { background: #e0e0e0; border: 2px dashed #bdbdbd; }
.nam-session-stats {
    font-size: 14px;
    color: #555;
    margin: 8px 0 4px;
}
.nam-next-session { font-size: 14px; color: #e07b39; font-weight: 600; margin: 4px 0; }
.nam-session-complete { font-size: 14px; color: #27ae60; font-weight: 600; margin: 4px 0; }

/* ── Progress bar ────────────────────────────────────────────── */
.nam-progrest-wrap {
    position: relative;
    background: #e9ecef;
    border-radius: 8px;
    height: 28px;
    overflow: hidden;
    margin: 12px 0;
}
.nam-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #e07b39, #f5a623);
    border-radius: 8px;
    transition: width 0.8s ease;
    min-width: 2%;
}
.nam-progress-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
}

/* ── Greeting ────────────────────────────────────────────────── */
.nam-greeting {
    font-weight: 600;
    color: #e07b39;
}

/* ── Unlock notice ───────────────────────────────────────────── */
.nam-unlock-notice {
    background: #fff8ee;
    border: 1px solid #f5c06e;
    border-radius: 8px;
    padding: 16px 20px;
    margin: 16px 0;
    font-size: 15px;
    color: #7a5200;
}

/* ── Buttons ─────────────────────────────────────────────────── */
.nam-btn {
    display: inline-block;
    padding: 12px 28px;
    background: #e07b39;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    line-height: 1;
}
.nam-btn:hover    { background: #c0602a; transform: translateY(-1px); }
.nam-btn:active   { transform: translateY(0); }
.nam-btn-upgrade  { background: linear-gradient(135deg, #2ecc71, #27ae60); font-size: 16px; padding: 14px 32px; }
.nam-btn-upgrade:hover { background: linear-gradient(135deg, #27ae60, #1e8449); }

/* ── Forms ───────────────────────────────────────────────────── */
.nam-form {
    max-width: 480px;
    margin: 0 auto;
}
.nam-form p, .nam-form .nam-field {
    margin-bottom: 16px;
}
.nam-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
}
.nam-form input[type="text"],
.nam-form input[type="email"],
.nam-form input[type="password"],
.nam-form input[type="date"],
.nam-form input[type="time"],
.nam-form select,
.nam-form textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1.5;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.nam-form input:focus,
.nam-form select:focus,
.nam-form textarea:focus {
    outline: none;
    border-color: #e07b39;
    box-shadow: 0 0 0 3px rgba(224,123,57,0.15);
}
.nam-form .nam-submit {
    text-align: center;
    margin-top: 20px;
}
.nam-form .nam-links {
    text-align: center;
    margin-top: 14px;
    font-size: 13px;
    color: #666;
}
.nam-form .nam-links a { color: #e07b39; text-decoration: none; }
.nam-form .nam-links a:hover { text-decoration: underline; }

/* ── Profile ─────────────────────────────────────────────────── */
.nam-profile-wrap {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 24px;
    max-width: 700px;
}
.nam-profile-avatar img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 3px solid #e07b39;
}
.nam-profile-info h3 { margin: 0 0 4px; }
.nam-profile-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 16px;
}
.nam-stat-box {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
}
.nam-stat-number { font-size: 28px; font-weight: 700; color: #e07b39; display: block; }
.nam-stat-label  { font-size: 11px; color: #666; text-transform: uppercase; letter-spacing: 0.5px; }

/* ── Booking form ────────────────────────────────────────────── */
.nam-book-form { max-width: 380px; }
.nam-instructions {
    background: #f0f4ff;
    border-left: 4px solid #3498db;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 0 6px 6px 0;
    font-size: 14px;
    color: #2c3e50;
}

/* ── Status badge (admin bookings) ──────────────────────────── */
.nam-status-badge {
    padding: 3px 9px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}
.nam-status-pending   { background: #fef9e7; color: #9a7d0a; }
.nam-status-confirmed { background: #d4edda; color: #155724; }
.nam-status-completed { background: #d1ecf1; color: #0c5460; }
.nam-status-cancelled { background: #f8d7da; color: #721c24; }

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 600px) {
    .nam-countdown-number { font-size: 36px; }
    .nam-profile-wrap     { grid-template-columns: 1fr; }
    .nam-profile-stats    { grid-template-columns: repeat(2, 1fr); }

}

/* ═══════════════════════════════════════════════
   NAVAARMBHA — COMPLETE VEDIC THEME (FINAL v4)
═══════════════════════════════════════════════ */

/* ── Body background ──────────────────────────── */
body {
    background-color: #FEFCF9 !important;
    background-image: radial-gradient(circle, rgba(212,172,13,0.04) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
    background-attachment: fixed !important;
}
@media(max-width:768px) {
    body { background-size: 22px 22px !important; }
}

/* ── Transparent wrappers ─────────────────────── */
#wrapper, #page, .site, #inner-wrap,
.wrap.kt-clear, #main, .site-main,
.site-content, .content-area, .hfeed,
.wp-site-blocks, .kadence-inner-column-inner,
.wp-block-group__inner-container,
.entry-content-wrap, .content-bg {
    background: transparent !important;
}

/* ── Header & nav background ──────────────────── */
#masthead, .site-header,
.site-header-wrap, #main-header,
.site-header-inner-wrap,
.site-header-row-container,
.site-header-row-container-inner,
.site-bottom-header-wrap,
.site-header-row-container.site-bottom-header-row-container,
.site-header-row-container.site-bottom-header-row-container .site-header-row-container-inner,
[class*="header-row"],
[class*="header-row"] > div,
[class*="site-bottom"],
[class*="site-bottom"] > div {
    background: #6B1A20 !important;
    background-color: #6B1A20 !important;
    background-image: none !important;
}
#masthead {
    border-bottom: 3px solid #D4AC0D !important;
    box-shadow: 0 4px 20px rgba(107,26,32,0.3) !important;
}

/* ── Primary nav links ────────────────────────── */
.primary-menu-container > ul > li > a,
.nav--toggle-sub > ul > li > a,
#site-navigation a, .primary-menu a {
    color: #FAF5EB !important;
    font-family: Georgia, serif !important;
    font-size: .93em !important;
    letter-spacing: .3px !important;
    padding: 10px 14px !important;
    position: relative !important;
    transition: color .2s !important;
}
.primary-menu-container > ul > li > a:hover,
.primary-menu-container > ul > li.current-menu-item > a,
#site-navigation a:hover { color: #D4AC0D !important; }

/* Gold underline on hover */
.primary-menu-container > ul > li > a::after {
    content: "" !important;
    position: absolute !important;
    bottom: 4px !important;
    left: 14px !important; right: 14px !important;
    height: 2px !important;
    background: #D4AC0D !important;
    transform: scaleX(0) !important;
    transition: transform .2s !important;
    border-radius: 2px !important;
}
.primary-menu-container > ul > li > a:hover::after,
.primary-menu-container > ul > li.current-menu-item > a::after {
    transform: scaleX(1) !important;
}
.primary-menu-container .dropdown-nav-toggle svg {
    stroke: #FAF5EB !important;
}

/* ── Submenu dropdown ─────────────────────────── */
.header-navigation ul.sub-menu,
.header-navigation ul.submenu,
.header-navigation .header-menu-container ul ul.sub-menu,
.header-navigation .header-menu-container ul ul.submenu {
    --global-palette2: #FAF5EB !important;
    background: #FAF5EB !important;
    background-color: #FAF5EB !important;
    border-top: 3px solid #D4AC0D !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 8px 24px rgba(107,26,32,0.2) !important;
    padding: 6px 0 !important;
    min-width: 220px !important;
    z-index: 9999 !important;
}
ul.sub-menu a,
ul.sub-menu li a,
ul.sub-menu li a:link,
ul.sub-menu li a:visited,
.header-navigation ul.sub-menu li a,
nav ul ul a, nav ul ul li a {
    color: #6B1A20 !important;
    -webkit-text-fill-color: #6B1A20 !important;
    text-shadow: none !important;
    font-family: Georgia, serif !important;
    font-size: .9em !important;
    padding: 10px 18px !important;
    display: block !important;
    background: transparent !important;
    border-bottom: 1px solid #f0e8d8 !important;
    transition: background .15s, color .15s !important;
}
ul.sub-menu li:last-child a { border-bottom: none !important; }
ul.sub-menu li a:hover,
.header-navigation ul.sub-menu li a:hover {
    background: #fff3e0 !important;
    color: #C85A00 !important;
    -webkit-text-fill-color: #C85A00 !important;
    padding-left: 24px !important;
}

/* ── Mobile header ────────────────────────────── */
.site-mobile-header-wrap, #mobile-header,
.mobile-header-wrap {
    background: #6B1A20 !important;
    border-bottom: 3px solid #D4AC0D !important;
}
.mobile-toggle-open svg polyline,
.mobile-toggle-open svg line { stroke: #FAF5EB !important; }
.drawer-nav-drop-wrap, .mobile-html-nav-wrap { background: #FAF5EB !important; }
.drawer-nav-drop-wrap a, .mobile-html-nav-wrap a {
    color: #6B1A20 !important;
    font-family: Georgia, serif !important;
    border-bottom: 1px solid #f0e8d8 !important;
}
.drawer-nav-drop-wrap a:hover, .mobile-html-nav-wrap a:hover {
    color: #C85A00 !important;
    background: #fff8e7 !important;
}

/* ── Vedic gold divider strip ─────────────────── */
.site-main::before {
    content: "" !important;
    display: block !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #D4AC0D 20%, #C85A00 50%, #D4AC0D 80%, transparent) !important;
    margin-bottom: 0px !important;
}

/* ── Category hero section ────────────────────── */
section.entry-hero,
section.entry-hero.post-archive-hero-section,
.entry-hero-layout-standard,
.hero-container, .hero-container.site-container,
.entry-hero-container-inner, .hero-section-overlay,
div.archive-description, .archive-description,
.archive-description * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.category .page-title,
.archive .page-title,
h1.page-title.archive-title {
    background: linear-gradient(135deg, #6B1A20, #C85A00, #D4AC0D) !important;
    color: #FAF5EB !important;
    padding: 20px 28px !important;
    border-radius: 12px !important;
    font-family: Georgia, serif !important;
    text-align: center !important;
}
.category .archive-description p,
.archive .archive-description p {
    color: #4a3010 !important;
    font-family: Georgia, serif !important;
    border-left: 4px solid #D4AC0D !important;
    padding: 12px 18px !important;
    border-radius: 0 8px 8px 0 !important;
}

/* ── Post cards on archive/category ───────────── */
.category article, .archive article {
    background: #FAF5EB !important;
    border-radius: 14px !important;
    border-top: 4px solid #D4AC0D !important;
    box-shadow: 0 4px 18px rgba(107,26,32,.10) !important;
    padding: 0 0 20px !important;
    margin-bottom: 28px !important;
    overflow: hidden !important;
    transition: box-shadow .2s, transform .2s !important;
}
.category article:hover, .archive article:hover {
    box-shadow: 0 8px 32px rgba(107,26,32,.18) !important;
    transform: translateY(-2px) !important;
}
.category article .post-thumbnail img,
.archive article .post-thumbnail img {
    border-radius: 10px 10px 0 0 !important;
    width: 100% !important; height: 220px !important;
    object-fit: cover !important;
}
.category article .entry-categories-inner a,
.archive article .entry-categories-inner a {
    background: linear-gradient(90deg, #6B1A20, #C85A00) !important;
    color: #FAF5EB !important;
    padding: 3px 12px !important;
    border-radius: 20px !important;
    font-size: .78em !important;
    text-decoration: none !important;
}
.category article .entry-title a,
.archive article .entry-title a {
    color: #6B1A20 !important;
    font-family: Georgia, serif !important;
    text-decoration: none !important;
}
.category article .entry-title a:hover,
.archive article .entry-title a:hover { color: #C85A00 !important; }
.category article .entry-content-wrap,
.archive article .entry-content-wrap { padding: 16px 24px 0 !important; }
.category article .entry-summary p,
.archive article .entry-summary p {
    color: #4a3010 !important;
    font-family: Georgia, serif !important;
    font-size: .93em !important;
    line-height: 1.8 !important;
}
.category article .read-more-link,
.archive article .read-more-link {
    background: linear-gradient(90deg, #6B1A20, #C85A00) !important;
    color: #FAF5EB !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: .88em !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 8px !important;
}

/* ── Single post ──────────────────────────────── */
.single .post-thumbnail img,
.single .featured-image-wide img {
    border-radius: 14px !important;
    box-shadow: 0 6px 24px rgba(107,26,32,.15) !important;
    margin-bottom: 8px !important;
}
.single .entry-categories-inner a {
    background: linear-gradient(90deg, #6B1A20, #C85A00) !important;
    color: #FAF5EB !important;
    padding: 3px 14px !important;
    border-radius: 20px !important;
    font-size: .82em !important;
    text-decoration: none !important;
}
.single .entry-title {
    color: #6B1A20 !important;
    font-family: Georgia, serif !important;
    border-bottom: 2px solid #D4AC0D !important;
    padding-bottom: 14px !important;
    margin-bottom: 16px !important;
}
.single .entry-meta,
.single .entry-meta a { color: #C85A00 !important; font-family: Georgia, serif !important; }
.single .entry-content {
    background: #FAF5EB !important;
    border-radius: 14px !important;
    padding: 28px 32px !important;
    box-shadow: 0 4px 18px rgba(107,26,32,.08) !important;
    border-left: 4px solid #D4AC0D !important;
    font-family: Georgia, serif !important;
}
.single .entry-content p { color: #4a3010 !important; font-size: 1.02em !important; line-height: 1.95 !important; }
.single .entry-content h2 { color: #6B1A20 !important; border-bottom: 1.5px solid #D4AC0D !important; padding-bottom: 8px !important; margin: 28px 0 14px !important; }
.single .entry-content h3 { color: #C85A00 !important; margin: 20px 0 10px !important; }
.single .entry-content strong { color: #6B1A20 !important; }
.single .entry-content blockquote {
    background: #fff8e7 !important;
    border-left: 4px solid #D4AC0D !important;
    border-radius: 0 10px 10px 0 !important;
    padding: 14px 20px !important;
    color: #6B1A20 !important;
    font-style: italic !important;
}
.single .post-navigation {
    background: #FAF5EB !important;
    border-radius: 12px !important;
    border-top: 3px solid #D4AC0D !important;
    padding: 16px 24px !important;
    margin-top: 28px !important;
}
.single .post-navigation a { color: #C85A00 !important; font-weight: bold !important; text-decoration: none !important; }

/* ── Sidebar ───────────────────────────────────── */
.widget-area .widget, #secondary .widget {
    background: #FAF5EB !important;
    border-radius: 12px !important;
    border-top: 3px solid #D4AC0D !important;
    padding: 18px 20px !important;
    box-shadow: 0 4px 16px rgba(107,26,32,.08) !important;
    margin-bottom: 24px !important;
}
.widget-area .widget-title, #secondary .widget-title {
    color: #6B1A20 !important;
    font-family: Georgia, serif !important;
    border-bottom: 1.5px solid #D4AC0D !important;
    padding-bottom: 8px !important;
}

/* ── Footer ───────────────────────────────────── */
.site-footer, #colophon {
    background: linear-gradient(180deg, #3a0d10 0%, #6B1A20 100%) !important;
    border-top: 4px solid #D4AC0D !important;
    color: #FAF5EB !important;
}
.site-footer a, #colophon a { color: #D4AC0D !important; }
.site-footer a:hover, #colophon a:hover { color: #FFE8B0 !important; }
.site-footer p, #colophon p { color: #e8d5a3 !important; font-family: Georgia, serif !important; }
.footer-widget-title, .site-footer .widget-title {
    color: #D4AC0D !important;
    font-family: Georgia, serif !important;
    border-bottom: 1px solid rgba(212,172,13,0.4) !important;
    padding-bottom: 8px !important;
}

/* ── Scrollbar ─────────────────────────────────── */
::-webkit-scrollbar { width: 7px !important; }
::-webkit-scrollbar-track { background: #FEFCF9 !important; }
::-webkit-scrollbar-thumb { background: linear-gradient(#6B1A20, #D4AC0D) !important; border-radius: 10px !important; }
::-webkit-scrollbar-thumb:hover { background: #C85A00 !important; }

/* ── Text selection ────────────────────────────── */
::selection { background: rgba(212,172,13,0.3) !important; color: #6B1A20 !important; }
/* Fix CLS — prevent layout shift */
.site-header-inner-wrap {
    height: auto !important;
    min-height: 0 !important;
    contain: layout !important;
}
img, video {
    width: 100% !important;
    height: auto !important;
}
/* Reserve space for hero image */
.kb-row-layout-id8152_90a87b-09 {
    min-height: 400px !important;
    contain: layout size !important;
}