/* ==========================================================================
   theme_1 — "Arogya" SHELL THEME (shared storefront pages)
   Loaded by app/Views/partials/storefront_header.php via StorefrontTheme::hasCss()
   on EVERY legacy storefront page (product, cart, checkout, about, faq, contact,
   policy, track-order, thank-you…). Both when theme_1 is active AND when an admin
   previews it. Gives the shared Bootstrap shell the same dark-emerald Arogya
   identity as the homepage (arogya.css) — matching nav, menus, buttons, footer.
   Scoped under body[data-theme="theme_1"] / .nav-theme_1 so it can never affect
   another theme or the admin panel. Self-hosted fonts only (CSP: font-src 'self').
   ========================================================================== */

/* ---- Fonts (self-hosted latin subsets) ---- */
@font-face { font-family: 'Inter Tight'; src: url('../fonts/inter-tight-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter Tight'; src: url('../fonts/inter-tight-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter Tight'; src: url('../fonts/inter-tight-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter Tight'; src: url('../fonts/inter-tight-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter Tight'; src: url('../fonts/inter-tight-800.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter Tight'; src: url('../fonts/inter-tight-900.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/manrope-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/manrope-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/manrope-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/manrope-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/manrope-800.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }

:root {
  --aro-forest:  #0d2f24;
  --aro-forest2: #14382c;
  --aro-forest3: #1b4335;
  --aro-leaf:    #2f8059;
  --aro-leaf-dk: #1b6a47;
  --aro-gold:    #c9a15a;
  --aro-gold2:   #e3c78d;
  --aro-cream:   #f8f5ec;
  --aro-ink:     #17261e;
  --aro-muted:   #65756b;
  --aro-fh: 'Inter Tight', 'Manrope', system-ui, sans-serif;
  --aro-fb: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---- Base typography on theme-my pages only ---- */
body[data-theme="theme_1"] {
  font-family: var(--aro-fb);
  color: var(--aro-ink);
  background-color: #fdfcf8;
}
body[data-theme="theme_1"] h1,
body[data-theme="theme_1"] h2,
body[data-theme="theme_1"] h3,
body[data-theme="theme_1"] h4,
body[data-theme="theme_1"] h5,
body[data-theme="theme_1"] h6 {
  font-family: var(--aro-fh);
}
body[data-theme="theme_1"] .section-head .kicker { color: var(--aro-leaf); }
body[data-theme="theme_1"] .section-head h2 { color: var(--aro-forest2); }

/* ==========================================================================
   1. Header / nav (dark emerald Arogya bar)
   ========================================================================== */
.nav-shell.nav-theme_1 {
  background: linear-gradient(180deg, var(--aro-forest) 0%, var(--aro-forest2) 100%);
  color: #fff;
  box-shadow: 0 12px 30px -18px rgba(10, 36, 27, 0.55);
}
.nav-shell.nav-theme_1 .top-strip {
  background: rgba(0, 0, 0, 0.22);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.nav-shell.nav-theme_1 .top-strip .text-muted { color: rgba(255, 255, 255, 0.88) !important; }
.nav-shell.nav-theme_1 .top-strip .bi { color: var(--aro-gold2); }

.nav-shell.nav-theme_1 .navbar { padding-block: 0.65rem; }
.nav-shell.nav-theme_1 .navbar-brand { color: #fff; }
.nav-shell.nav-theme_1 .brand-mark {
  background: linear-gradient(135deg, var(--aro-gold), var(--aro-gold2));
  color: var(--aro-forest);
  box-shadow: 0 6px 14px -6px rgba(201, 161, 90, 0.65);
}
.nav-shell.nav-theme_1 .brand-text {
  font-family: var(--aro-fh);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #fff;
}
.nav-shell.nav-theme_1 .nav-link {
  color: rgba(255, 255, 255, 0.88);
  font-family: var(--aro-fh);
  font-weight: 600;
}
.nav-shell.nav-theme_1 .nav-link:hover,
.nav-shell.nav-theme_1 .nav-link:focus { color: var(--aro-gold2); }
.nav-shell.nav-theme_1 .nav-link.active {
  color: var(--aro-gold2);
  font-weight: 700;
  position: relative;
}
.nav-shell.nav-theme_1 .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0.85rem; right: 0.85rem; bottom: 0.15rem;
  height: 2px;
  border-radius: 2px;
  background: var(--aro-gold2);
}
.nav-shell.nav-theme_1 .nav-icon-link { color: #fff; }
.nav-shell.nav-theme_1 .nav-icon-link:hover { background: rgba(201, 161, 90, 0.18); color: var(--aro-gold2); }
.nav-shell.nav-theme_1 .cart-badge { background: var(--aro-gold); color: var(--aro-forest); }
.nav-shell.nav-theme_1 .btn-jo {
  background: var(--aro-gold);
  border-color: var(--aro-gold);
  color: var(--aro-forest);
  font-family: var(--aro-fh);
  font-weight: 700;
  border-radius: 999px;
}
.nav-shell.nav-theme_1 .btn-jo:hover { background: var(--aro-gold2); border-color: var(--aro-gold2); color: var(--aro-forest); }

/* mobile toggler: white bars on dark */
.nav-shell.nav-theme_1 .navbar-toggler { border: 0; }
.nav-shell.nav-theme_1 .navbar-toggler:focus { box-shadow: none; }
.nav-shell.nav-theme_1 .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(227,199,141,0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* account + mega dropdowns: keep the Arogya dark panes */
.nav-shell.nav-theme_1 .dropdown-menu,
.nav-shell.nav-theme_1 .store-mega > .dropdown-menu {
  background: var(--aro-forest);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.9rem;
  box-shadow: 0 18px 48px -18px rgba(0, 0, 0, 0.6);
  color: #fff;
}
.nav-shell.nav-theme_1 .dropdown-menu .dropdown-item { color: rgba(255, 255, 255, 0.88); }
.nav-shell.nav-theme_1 .dropdown-menu .dropdown-item:hover { background: rgba(201, 161, 90, 0.16); color: var(--aro-gold2); }
.nav-shell.nav-theme_1 .dropdown-menu .dropdown-item.text-danger { color: #f2a9a0 !important; }
.nav-shell.nav-theme_1 .dropdown-item-text.text-muted { color: rgba(255, 255, 255, 0.6) !important; }
.nav-shell.nav-theme_1 .dropdown-divider { border-color: rgba(255, 255, 255, 0.12); }

/* mega menu contents */
.nav-shell.nav-theme_1 .mega-heading { color: var(--aro-gold2); }
.nav-shell.nav-theme_1 .mega-link { color: rgba(255, 255, 255, 0.85); }
.nav-shell.nav-theme_1 .mega-link:hover,
.nav-shell.nav-theme_1 .mega-link.is-active { background: rgba(201, 161, 90, 0.16); color: var(--aro-gold2); }
.nav-shell.nav-theme_1 .store-mega-preview,
.nav-shell.nav-theme_1 .preview-panel {
  background: linear-gradient(165deg, var(--aro-forest2), var(--aro-forest));
  border-radius: 0 0.9rem 0.9rem 0;
}
.nav-shell.nav-theme_1 .preview-eyebrow { color: var(--aro-gold); }
.nav-shell.nav-theme_1 .preview-title { color: #fff; }
.nav-shell.nav-theme_1 .preview-sub { color: rgba(255, 255, 255, 0.68); }

/* ==========================================================================
   2. Page content: Arogya palette on Bootstrap components
   ========================================================================== */
body[data-theme="theme_1"] .btn-jo {
  background: var(--aro-leaf);
  border-color: var(--aro-leaf);
  color: #fff;
  font-family: var(--aro-fh);
  font-weight: 700;
  border-radius: 999px;
}
body[data-theme="theme_1"] .btn-jo:hover { background: var(--aro-leaf-dk); border-color: var(--aro-leaf-dk); color: #fff; }
body[data-theme="theme_1"] .btn-outline-jo { border-color: var(--aro-leaf); color: var(--aro-leaf-dk); font-weight: 700; border-radius: 999px; }
body[data-theme="theme_1"] .btn-outline-jo:hover { background: var(--aro-leaf); color: #fff; }

body[data-theme="theme_1"] .product-card { border-color: #e9eadf; border-radius: 1rem; }
body[data-theme="theme_1"] .product-card:hover { box-shadow: 0 14px 34px -14px rgba(13, 47, 36, 0.22); }
body[data-theme="theme_1"] .price .sale { color: var(--aro-forest2); }
body[data-theme="theme_1"] .rating-stars { color: var(--aro-gold); }
body[data-theme="theme_1"] .badge-soft { background: rgba(47, 128, 89, 0.12); color: var(--aro-leaf-dk); }
body[data-theme="theme_1"] .cert-chip { background: #eef3e9; color: var(--aro-leaf-dk); }
body[data-theme="theme_1"] .variant-btn.is-selected { background: var(--aro-leaf); border-color: var(--aro-leaf); color: #fff; }
body[data-theme="theme_1"] .ai-band { background: linear-gradient(135deg, var(--aro-forest), var(--aro-forest3)); }
body[data-theme="theme_1"] .checkout-summary { background: var(--aro-cream); border-color: #e9eadf; }
body[data-theme="theme_1"] .sum-line.grand { color: var(--aro-forest2); }
body[data-theme="theme_1"] .gateway-option:has(input[type="radio"]:checked) { border-color: var(--aro-leaf); box-shadow: 0 0 0 0.2rem rgba(47, 128, 89, 0.14); }

/* ==========================================================================
   2b. Shared content pages — full Arogya treatment for product/cart/checkout/
       policy/about/faq/contact/track-order pages (bootstrap legacy markup,
       re-skinned to match the homepage theme exactly).
   ========================================================================== */
body[data-theme="theme_1"] .product-card {
  border: 1px solid rgba(13, 47, 36, 0.12);
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 28px -18px rgba(13, 47, 36, 0.18);
  transition: transform .25s ease, box-shadow .25s ease;
}
body[data-theme="theme_1"] .product-card:hover { transform: translateY(-5px); box-shadow: 0 22px 46px -22px rgba(13, 47, 36, 0.34); }
body[data-theme="theme_1"] .product-media {
  position: relative;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  background: linear-gradient(160deg, #fdfbf4 0%, #f2ece0 100%);
  overflow: hidden;
}
body[data-theme="theme_1"] .product-media::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(180px 180px at 78% 18%, rgba(201, 161, 90, 0.28), transparent 70%);
  pointer-events: none;
}
body[data-theme="theme_1"] .product-media img {
  width: 86%;
  height: 86%;
  object-fit: contain;
  transition: transform .3s ease;
  position: relative;
}
body[data-theme="theme_1"] .product-card:hover .product-media img { transform: scale(1.05) rotate(-2deg); }
body[data-theme="theme_1"] .product-card .card-body { padding: 1.05rem 1.15rem 1.2rem; }
body[data-theme="theme_1"] .product-card .fw-semibold,
body[data-theme="theme_1"] .product-card h6 { color: var(--aro-forest2); font-family: var(--aro-fh); }
body[data-theme="theme_1"] .product-card .price .sale { color: var(--aro-leaf-dk); font-weight: 800; }
body[data-theme="theme_1"] .product-card .price .mrp { color: #9aa396; }

body[data-theme="theme_1"] .pdp-media {
  border-radius: 24px;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  background:
    radial-gradient(320px 320px at 82% 14%, rgba(201, 161, 90, 0.30), transparent 70%),
    linear-gradient(160deg, #fdfbf4 0%, #f2ece0 100%);
  border: 1px solid rgba(13, 47, 36, 0.1);
  box-shadow: 0 26px 60px -34px rgba(13, 47, 36, 0.45);
  overflow: hidden;
}
body[data-theme="theme_1"] .pdp-media img { width: 82%; height: 82%; object-fit: contain; }

/* section heads + page headers */
body[data-theme="theme_1"] .section-head { max-width: 720px; }
body[data-theme="theme_1"] .section-head .kicker {
  display: inline-block;
  font-family: var(--aro-fh);
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--aro-gold);
  background: rgba(201, 161, 90, 0.14);
  border: 1px solid rgba(201, 161, 90, 0.28);
  border-radius: 999px;
  padding: 0.35rem 0.85rem;
  margin-bottom: 0.6rem;
}
body[data-theme="theme_1"] .section-head h1,
body[data-theme="theme_1"] .section-head h2 {
  color: var(--aro-forest);
  font-weight: 800;
  letter-spacing: -0.02em;
}
body[data-theme="theme_1"] .cf-eyebrow {
  font-family: var(--aro-fh);
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--aro-gold);
  font-size: 0.78rem;
}
body[data-theme="theme_1"] .text-success { color: var(--aro-leaf-dk) !important; }

/* cards (about / contact) */
body[data-theme="theme_1"] .card.border-0 {
  border: 1px solid rgba(13, 47, 36, 0.1) !important;
  border-radius: 20px;
  background: #fff;
}
body[data-theme="theme_1"] .card .card-body { border-radius: 20px; }
body[data-theme="theme_1"] .bg-light { background-color: var(--aro-cream) !important; }

/* forms */
body[data-theme="theme_1"] .form-control,
body[data-theme="theme_1"] .form-select {
  border-color: rgba(13, 47, 36, 0.16);
  border-radius: 12px;
  background: #fff;
  color: var(--aro-ink);
  font-family: var(--aro-fb);
  padding: 0.6rem 0.9rem;
}
body[data-theme="theme_1"] .form-control:focus,
body[data-theme="theme_1"] .form-select:focus {
  border-color: var(--aro-leaf);
  box-shadow: 0 0 0 0.2rem rgba(47, 128, 89, 0.16);
}
body[data-theme="theme_1"] .form-label { font-weight: 700; color: var(--aro-forest2); font-family: var(--aro-fh); }

/* faq accordion */
body[data-theme="theme_1"] .accordion.rounded-4,
body[data-theme="theme_1"] .accordion-flush { border: 1px solid rgba(13, 47, 36, 0.12) !important; border-radius: 20px !important; overflow: hidden; background: #fff; }
body[data-theme="theme_1"] .accordion-item { border-color: rgba(13, 47, 36, 0.1); }
body[data-theme="theme_1"] .accordion-button {
  font-family: var(--aro-fh);
  font-weight: 700;
  color: var(--aro-forest2);
  background: #fff;
  padding: 1.05rem 1.25rem;
}
body[data-theme="theme_1"] .accordion-button:not(.collapsed) { color: var(--aro-leaf-dk); background: var(--aro-cream); box-shadow: none; }
body[data-theme="theme_1"] .accordion-button:focus { box-shadow: 0 0 0 0.2rem rgba(47, 128, 89, 0.14); }
body[data-theme="theme_1"] .accordion-button::after { background-size: 1rem; }

/* alerts */
body[data-theme="theme_1"] .alert { border-radius: 14px; }
body[data-theme="theme_1"] .alert-success { background: rgba(47, 128, 89, 0.1); border-color: rgba(47, 128, 89, 0.28); color: var(--aro-leaf-dk); }
body[data-theme="theme_1"] .alert-danger { background: rgba(179, 60, 60, 0.08); border-color: rgba(179, 60, 60, 0.3); color: #8f2f2f; }

/* policy page tabs */
body[data-theme="theme_1"] .policy-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
body[data-theme="theme_1"] .policy-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--aro-fh);
  font-weight: 700;
  font-size: .86rem;
  color: var(--aro-forest2);
  background: #fff;
  border: 1px solid rgba(13, 47, 36, 0.14);
  border-radius: 999px;
  padding: 9px 18px;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body[data-theme="theme_1"] .policy-tab i { color: var(--aro-gold); }
body[data-theme="theme_1"] .policy-tab:hover { border-color: var(--aro-leaf); color: var(--aro-leaf-dk); }
body[data-theme="theme_1"] .policy-tab.is-active {
  background: linear-gradient(135deg, var(--aro-leaf), var(--aro-leaf-dk));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 12px 24px -12px rgba(27, 106, 71, 0.55);
}
body[data-theme="theme_1"] .policy-tab.is-active i { color: #fff; }

/* policy prose */
body[data-theme="theme_1"] .prose,
body[data-theme="theme_1"] .policy-body {
  background: #fff;
  border: 1px solid rgba(13, 47, 36, 0.1);
  border-radius: 20px;
  padding: 1.75rem 1.9rem;
  color: #4a5746;
  line-height: 1.75;
}
body[data-theme="theme_1"] .prose h2,
body[data-theme="theme_1"] .policy-body h2,
body[data-theme="theme_1"] .prose .h5,
body[data-theme="theme_1"] .policy-body .h5 {
  color: var(--aro-forest);
  font-family: var(--aro-fh);
  font-weight: 800;
  letter-spacing: -0.01em;
}
body[data-theme="theme_1"] .prose a,
body[data-theme="theme_1"] .policy-body a { color: var(--aro-leaf-dk); font-weight: 600; }
body[data-theme="theme_1"] .prose ul,
body[data-theme="theme_1"] .policy-body ul,
body[data-theme="theme_1"] .prose ol,
body[data-theme="theme_1"] .policy-body ol { padding-left: 1.2rem; }

/* cart + checkout thumbnails */
body[data-theme="theme_1"] .cart-thumb {
  width: 64px; height: 64px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid rgba(13, 47, 36, 0.12);
  background: #fff;
  flex: 0 0 auto;
}
body[data-theme="theme_1"] .cart-thumb-ph {
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--aro-fh); font-weight: 800; font-size: 1.4rem;
  color: var(--aro-leaf-dk);
  background: var(--aro-cream);
}

/* track order timeline */
body[data-theme="theme_1"] .track-dot {
  flex: 0 0 14px;
  width: 14px; height: 14px;
  margin-top: 0.3rem;
  border-radius: 50%;
  background: var(--aro-gold);
  box-shadow: 0 0 0 4px rgba(201, 161, 90, 0.22);
}
body[data-theme="theme_1"] .track-dot.is-last { background: var(--aro-leaf); box-shadow: 0 0 0 4px rgba(47, 128, 89, 0.22); }

/* breadcrumb + links */
body[data-theme="theme_1"] .breadcrumb { background: transparent; }
body[data-theme="theme_1"] .breadcrumb a.muted-link { color: var(--aro-leaf-dk); font-weight: 600; }
body[data-theme="theme_1"] .breadcrumb .active { color: var(--aro-muted); }
body[data-theme="theme_1"] .muted-link { color: var(--aro-leaf-dk); }

/* about page media */
body[data-theme="theme_1"] .about-media {
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
  background: linear-gradient(160deg, #fdfbf4 0%, #f2ece0 100%);
  border: 1px solid rgba(13, 47, 36, 0.1);
  box-shadow: 0 26px 58px -34px rgba(13, 47, 36, 0.45);
}
body[data-theme="theme_1"] .about-media img { width: 88%; height: 88%; object-fit: contain; }

/* numbered promise steps (about) */
body[data-theme="theme_1"] .badge.rounded-circle.bg-success {
  background: var(--aro-leaf) !important;
  font-family: var(--aro-fh);
}
body[data-theme="theme_1"] .img-fallback { display: none; }

/* ==========================================================================
   3. Footer: dark emerald + gold, matching the homepage footer
   ========================================================================== */
body[data-theme="theme_1"] .store-footer {
  background: #0a241b;
  color: rgba(255, 255, 255, 0.78);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
body[data-theme="theme_1"] .store-footer h5,
body[data-theme="theme_1"] .store-footer h6 { color: #fff; font-weight: 800; }
body[data-theme="theme_1"] .store-footer .brand-mark {
  background: linear-gradient(135deg, var(--aro-gold), var(--aro-gold2));
  color: var(--aro-forest);
  box-shadow: none;
}
body[data-theme="theme_1"] .store-footer .small.text-muted,
body[data-theme="theme_1"] .store-footer .footer-links .text-muted { color: rgba(255, 255, 255, 0.72) !important; }
body[data-theme="theme_1"] .store-footer .footer-links a:hover { color: var(--aro-gold2) !important; }
body[data-theme="theme_1"] .store-footer .footer-social {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.18);
  color: var(--aro-gold2);
}
body[data-theme="theme_1"] .store-footer .footer-social:hover { background: var(--aro-gold); border-color: var(--aro-gold); color: var(--aro-forest); }
body[data-theme="theme_1"] .store-footer hr.border-light { border-color: rgba(255, 255, 255, 0.12) !important; opacity: 1; }
body[data-theme="theme_1"] .store-footer .form-control {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
}
body[data-theme="theme_1"] .store-footer .form-control:focus { border-color: var(--aro-gold); box-shadow: 0 0 0 0.2rem rgba(201, 161, 90, 0.18); }
body[data-theme="theme_1"] .store-footer .form-control::placeholder { color: rgba(255, 255, 255, 0.45); }
body[data-theme="theme_1"] .store-footer .btn-success {
  background: var(--aro-gold);
  border-color: var(--aro-gold);
  color: var(--aro-forest);
  font-weight: 700;
}
body[data-theme="theme_1"] .store-footer .btn-success:hover { background: var(--aro-gold2); border-color: var(--aro-gold2); color: var(--aro-forest); }
body[data-theme="theme_1"] .store-footer .nc-attribution { color: rgba(255, 255, 255, 0.38); }
body[data-theme="theme_1"] .store-footer .nc-attribution:hover { color: var(--aro-gold2); opacity: 1; }

/* ==========================================================================
   4. Floating widgets: forest/gold to match the theme
   ========================================================================== */
body[data-theme="theme_1"] .ai-chat-launcher {
  background: linear-gradient(135deg, var(--aro-leaf), var(--aro-forest3));
  box-shadow: 0 10px 25px -8px rgba(13, 47, 36, 0.5);
}
body[data-theme="theme_1"] .ai-chat-head { background: linear-gradient(135deg, var(--aro-forest), var(--aro-forest3)); }
body[data-theme="theme_1"] .ai-chat-send { background: linear-gradient(135deg, var(--aro-leaf), var(--aro-forest3)); }

/* ==========================================================================
   5. Responsive tidiness
   ========================================================================== */
@media (max-width: 991.98px) {
  .nav-shell.nav-theme_1 .store-mega > .dropdown-menu {
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: none;
  }
  .nav-shell.nav-theme_1 .dropdown-divider { border-color: rgba(255, 255, 255, 0.1); }
}