/*
 Theme Name: Kadence Child - Jensen & Gyn
 Theme URI: https://jensenandgyn.com/
 Description: Kadence child theme for Jensen & Gyn family lifestyle store (custom header, mega menu, footer, and seasonal themes).
 Author: JC
 Template: kadence
 Version: 1.0.0
*/

/* =======================================================
   MAX MEGA MENU – CLEAN SOFT BLUE DROPDOWN
   ======================================================= */

/* Main dropdown panel under "Categories" */
.mega-menu-wrap .mega-menu > li.mega-menu-item-has-children > ul.mega-sub-menu {
    background-color: #EAF2FF !important;
    border-radius: 18px !important;
    padding: 24px 32px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18) !important;
    border: 1px solid #D7E4FF !important;
}

/* Remove nested internal cards */
.mega-menu-wrap .mega-menu > li.mega-menu-item-has-children ul.mega-sub-menu ul.mega-sub-menu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Remove backgrounds from columns */
.mega-menu-wrap .mega-sub-menu .mega-menu-item.mega-menu-item-has-children,
.mega-menu-wrap .mega-sub-menu .mega-menu-column {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Column headings (HOME & LIFESTYLE, KIDS & FAMILY, GIFTS) */
.mega-menu-wrap .mega-sub-menu .mega-menu-item.mega-menu-item-has-children > a.mega-menu-link {
    color: #1F2933 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 4px;
}

/* Links inside columns */
.mega-menu-wrap .mega-sub-menu .mega-menu-link {
    color: #4B5563 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 4px 6px !important;
    border-radius: 6px !important;
}

/* Hover effect */
.mega-menu-wrap .mega-sub-menu .mega-menu-link:hover {
    background-color: #CFE2FF !important;
    color: #111827 !important;
}

/* Remove stray item borders */
.mega-menu-wrap .mega-sub-menu .mega-menu-item {
    border: none !important;
}

/* =======================================================
   TOP NAVIGATION — JENSEN & GYN LIGHT THEME
   ======================================================= */

/* All top-level menu items */
.mega-menu-wrap .mega-menu > li > a.mega-menu-link {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    padding: 14px 22px !important;
    background: transparent !important;
    transition: all 0.25s ease;
    border-radius: 8px !important;
}

/* Hover state for regular items (NOT Category button) */
.mega-menu-wrap .mega-menu > li:not(:last-child) > a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu > li.mega-current-menu-item:not(:last-child) > a.mega-menu-link,
.mega-menu-wrap .mega-menu > li.mega-current-menu-ancestor:not(:last-child) > a.mega-menu-link {
    background: rgba(255, 255, 255, 0.55) !important;
    color: #1E3A8A !important;
}

/* "Categories" button */
.mega-menu-wrap .mega-menu > li:last-child > a.mega-menu-link {
    background: #3B82F6 !important;
    color: #FFFFFF !important;
}

/* Categories hover */
.mega-menu-wrap .mega-menu > li:last-child > a.mega-menu-link:hover,
.mega-menu-wrap .mega-menu > li:last-child.mega-current-menu-item > a.mega-menu-link,
.mega-menu-wrap .mega-menu > li:last-child.mega-current-menu-ancestor > a.mega-menu-link {
    background: #2563EB !important;
    color: #FFFFFF !important;
}

/* Dropdown style (backup) */
.mega-menu-wrap .mega-sub-menu {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(10px);
    border-radius: 16px !important;
    padding: 28px 32px !important;
}

/* =======================================================
   GLOBAL JG PAGE STYLES
   ======================================================= */

.jg-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #0f172a;
}

.jg-page-header {
    margin-bottom: 40px;
}

.jg-page-kicker {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    background: #e0ebff;
    color: #1d4ed8;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.jg-page-title {
    font-size: 32px;
    font-weight: 700;
}

.jg-page-subtitle {
    color: #64748b;
    font-size: 15px;
    max-width: 640px;
}

/* Sections */
.jg-section {
    background: #f6f8ff;
    padding: 32px 28px;
    margin-top: 40px;
    border-radius: 16px;
}

/* Grid */
.jg-grid-2,
.jg-grid-3 {
    display: grid;
    gap: 24px;
}

.jg-grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.jg-grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
    .jg-grid-2, .jg-grid-3 {
        grid-template-columns: 1fr;
    }
}

/* Cards */
.jg-card {
    background: #fff;
    border-radius: 14px;
    padding: 22px 20px;
    box-shadow: 0 14px 30px rgba(15,23,42,0.08);
}

.jg-card-title {
    font-size: 16px;
    font-weight: 600;
}

.jg-card-body {
    font-size: 14px;
    color: #64748b;
}

/* Lists */
.jg-list {
    font-size: 14px;
    color: #4b5563;
    padding-left: 18px;
}

.jg-list li + li {
    margin-top: 4px;
}

/* FAQ */
.jg-faq-item {
    padding: 16px 0;
    border-bottom: 1px dashed #dbe3ff;
}

.jg-faq-question {
    font-weight: 600;
    font-size: 15px;
}

.jg-faq-answer {
    color: #4b5563;
    font-size: 14px;
}

/* Legal text */
.jg-legal p {
    font-size: 14px;
    line-height: 1.7;
    color: #4b5563;
}

.jg-legal h3 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 22px;
}

/* Buttons */
.jg-btn {
    padding: 10px 20px;
    border-radius: 999px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    transition: 0.2s ease;
}

.jg-btn-primary {
    background: #2563eb;
    color: #fff;
}

.jg-btn-primary:hover {
    background: #1d4ed8;
    transform: translateY(-1px);
}

.jg-btn-ghost {
    background: #e0ebff;
    color: #1d4ed8;
}

.jg-btn-ghost:hover {
    background: #d2e0ff;
    transform: translateY(-1px);
}

/* =======================================================
   FOOTER FIX — CENTER EVERYTHING
   ======================================================= */

.site-footer .site-footer-inner,
.site-footer .footer-bottom-inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    text-align: center !important;
    width: 100% !important;
}

/* Reduce excessive space */
.site-footer .site-footer-inner {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}

.site-footer .footer-bottom-inner {
    padding-top: 6px !important;
    padding-bottom: 20px !important;
}

/* Footer menus */
.site-footer .menu,
footer .menu {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 22px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove bullets */
.site-footer .menu li,
footer .menu li {
    list-style: none !important;
}

/* Footer links */
.site-footer .menu a,
footer .menu a {
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.25s ease;
}

.site-footer .menu a:hover,
footer .menu a:hover {
    color: #2563EB !important;
}

/* Copyright */
.footer-bottom p,
.footer-bottom span {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    color: #475569 !important;
}

/* =======================================================
   SEASONAL THEME BACKGROUNDS & HERO TEXT
   ======================================================= */

/* Base default look */
body.jg-theme-default {
    background: #f7f8fc;
}
body.jg-theme-default .site {
    background: transparent;
}

/* WINTER */
body.jg-theme-winter {
    background: #f4f7fb;
}
body.jg-theme-winter .site {
    background: radial-gradient(circle at top, #fefefe 0, #e3edf9 45%, #d7e3f3 100%);
}

/* VALENTINE */
body.jg-theme-valentines {
    background: #fff5f7;
}
body.jg-theme-valentines .site {
    background: linear-gradient(135deg, #fff5f7 0%, #ffe9f0 40%, #fdf7ff 100%);
}
body.jg-theme-valentines .jg-hero-kicker {
    background: #ffe0eb;
    color: #be185d;
}

/* EASTER */
body.jg-theme-easter {
    background: #f9fbff;
}
body.jg-theme-easter .site {
    background: linear-gradient(135deg, #f9fbff 0%, #fef6ff 50%, #f2fbf5 100%);
}

/* SPRING */
body.jg-theme-spring {
    background: #f3faf6;
}
body.jg-theme-spring .site {
    background: radial-gradient(circle at top left, #ffffff 0, #f3faf6 45%, #e3f4ea 100%);
}

/* SUMMER */
body.jg-theme-summer {
    background: #fdfaf3;
}
body.jg-theme-summer .site {
    background: linear-gradient(135deg, #fdfaf3 0%, #fff7e5 40%, #f4fbff 100%);
}

/* BACK TO SCHOOL tweak */
body.jg-theme-backtoschool .jg-hero-kicker {
    background: #e0edff;
    color: #1d4ed8;
}

/* FALL / AUTUMN */
body.jg-theme-fall {
    background: #faf5f0;
}
body.jg-theme-fall .site {
    background: linear-gradient(135deg, #faf5f0 0%, #fdf7f2 40%, #f3e7d9 100%);
}

/* HALLOWEEN */
body.jg-theme-halloween {
    background: #fff8f2;
}
body.jg-theme-halloween .site {
    background: radial-gradient(circle at top, #fffdf8 0, #ffeede 45%, #fbe6c7 100%);
}

/* THANKSGIVING / BLACK FRIDAY */
body.jg-theme-thanksgiving {
    background: #f9f4ec;
}
body.jg-theme-thanksgiving .site {
    background: linear-gradient(135deg, #fdf7ee 0%, #f5ead9 40%, #f1dfc9 100%);
}

/* CHRISTMAS */
body.jg-theme-christmas {
    background: #f4faf7;
}
body.jg-theme-christmas .site {
    background: radial-gradient(circle at top, #ffffff 0, #f4faf7 40%, #e3f3eb 100%);
}
body.jg-theme-christmas .jg-hero-kicker {
    background: #e0f2e9;
    color: #166534;
}

/* NEW YEAR */
body.jg-theme-newyear {
    background: #fdf9f3;
}
body.jg-theme-newyear .site {
    background: radial-gradient(circle at top, #ffffff 0, #fdf9f3 45%, #f4e7d3 100%);
}

/* Hero kicker base */
.jg-hero-kicker {
    position: relative;
    overflow: hidden;
}

/* Hide original text where we override */
body.jg-theme-christmas .jg-hero-kicker,
body.jg-theme-valentines .jg-hero-kicker,
body.jg-theme-easter .jg-hero-kicker,
body.jg-theme-summer .jg-hero-kicker,
body.jg-theme-fall .jg-hero-kicker {
    color: transparent;
}

/* Shared ::after style */
body.jg-theme-christmas .jg-hero-kicker::after,
body.jg-theme-valentines .jg-hero-kicker::after,
body.jg-theme-easter .jg-hero-kicker::after,
body.jg-theme-summer .jg-hero-kicker::after,
body.jg-theme-fall .jg-hero-kicker::after {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1f2933;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Specific hero texts */
body.jg-theme-christmas .jg-hero-kicker::after {
    content: "Jensen & Gyn · Holiday Edit";
    color: #166534;
}
body.jg-theme-valentines .jg-hero-kicker::after {
    content: "Jensen & Gyn · Valentine Picks";
    color: #be185d;
}
body.jg-theme-easter .jg-hero-kicker::after {
    content: "Jensen & Gyn · Easter Favourites";
    color: #7c3aed;
}
body.jg-theme-summer .jg-hero-kicker::after {
    content: "Jensen & Gyn · Summer Essentials";
    color: #b45309;
}
body.jg-theme-fall .jg-hero-kicker::after {
    content: "Jensen & Gyn · Cozy Autumn Edit";
    color: #92400e;
}

/* Seasonal floating badge using body::after */
body::after {
    content: "";
}

body.jg-theme-christmas::after,
body.jg-theme-valentines::after,
body.jg-theme-easter::after,
body.jg-theme-summer::after,
body.jg-theme-fall::after,
body.jg-theme-thanksgiving::after {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
    pointer-events: none;
    opacity: 0.94;
}

/* Badge variants */
body.jg-theme-christmas::after {
    content: "Holiday Shop";
    background: #166534;
    color: #fefce8;
}
body.jg-theme-valentines::after {
    content: "Valentine Picks";
    background: #be185d;
    color: #fff7f9;
}
body.jg-theme-easter::after {
    content: "Easter Specials";
    background: #7c3aed;
    color: #fef9ff;
}
body.jg-theme-summer::after {
    content: "Summer Edit";
    background: #ea580c;
    color: #fffbeb;
}
body.jg-theme-fall::after {
    content: "Autumn Cozy Finds";
    background: #92400e;
    color: #fffbeb;
}
body.jg-theme-thanksgiving::after {
    content: "Black Friday · Holiday Deals";
    background: #92400e;
    color: #fffbeb;
}