/* Aakar Jewells — Revamp theme to match new logo (emerald + lime on black)
   Keeps all content, categories, product images. Overrides Nicepage gold theme.
   New logo files: images/aakar-new-logo-hero.png, header, footer, hexagon-icon */
:root{
  --aakar-green:#35b26f;
  --aakar-green-dark:#1f8a52;
  --aakar-lime:#a8d500;
  --aakar-lime-soft:rgba(168,213,0,.4);
  --aakar-bg:#000000;
  --aakar-surface:#101010;
  --aakar-card:#141414;
  --aakar-text:#f2f2f2;
  --aakar-muted:#9aa0a6;
}

/* ---------- global header / footer : pure black ---------- */
.u-header.u-grey-80, .u-footer.u-grey-80{
  background:#000 !important;
  border-bottom:2px solid rgba(168,213,0,.35);
}
.u-footer.u-grey-80{ border-bottom:none; border-top:2px solid rgba(168,213,0,.35); }

/* nav links: white -> lime on hover/active (replaces gold custom-color-2) */
.u-nav-link, .u-nav .u-nav-link{
  color:#fff !important;
  font-weight:500;
  letter-spacing:.3px;
}
.u-nav-link:hover, .u-nav-item:hover > .u-nav-link,
.u-text-active-custom-color-2, .u-text-hover-custom-color-2:hover{
  color:var(--aakar-lime) !important;
}
.u-nav-popup{ background:#0a0a0a !important; border:1px solid rgba(168,213,0,.35); border-radius:12px; }
.u-nav-popup .u-nav-link{ color:#eee !important; }
.u-nav-popup .u-nav-link:hover{ color:var(--aakar-lime) !important; }

/* kill old gold text colors */
.u-text-custom-color-2, .u-text-custom-color-3,
.u-social-icon.u-text-custom-color-2{
  color:var(--aakar-green) !important;
}
a.u-social-url:hover .u-icon{ color:var(--aakar-lime) !important; }

/* header brand icons */
.u-header .u-icon-1 img{
  filter:drop-shadow(0 0 6px rgba(168,213,0,.6));
}
/* if header home icon swapped to hexagon, size it */
.u-header .u-icon-1 img[src*="aakar-hexagon"]{
  border-radius:8px;
}

/* ---------- logos ---------- */
img[src*="aakar-new-logo"]{
  filter:drop-shadow(0 6px 24px rgba(0,0,0,.65)) drop-shadow(0 0 18px rgba(53,178,111,.25));
}
.u-section-1 .u-image-1{ /* hero */
  width:min(420px,70vw) !important;
  height:auto !important;
  object-fit:contain !important;
}
.u-footer .u-image-1{
  width:230px !important;
  height:auto !important;
  object-fit:contain !important;
}

/* ---------- hero : deepen overlay so white/green logo pops ---------- */
.u-section-1{
  background-color:#000 !important;
}
.u-section-1::before, #sec-7b94::before{
  background:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.72)) !important;
}

/* ---------- headings : emerald + lime hexagon accent ---------- */
h1.u-text-1, h2.u-text-1, h2.u-text-2{
  color:#111 !important;
}
.u-section-1 h1, .u-section-1 h2,
footer h1, footer h2,
.u-black h1, .u-black h2,
.u-grey-80 h1, .u-grey-80 h2{
  color:#fff !important;
}
h1.u-title::after, h2.u-text-1::after{
  content:"";
  display:block;
  width:64px; height:4px;
  margin:14px auto 0;
  border-radius:99px;
  background:linear-gradient(90deg, var(--aakar-green), var(--aakar-lime));
}
/* left-aligned headings */
.u-align-left h1::after, .u-align-left h2::after{ margin-left:0; }

/* body copy stays readable */
.u-text-grey-40{ color:#4b4b4b !important; }
.u-black .u-text-grey-40{ color:#c9c9c9 !important; }

/* ---------- galleries / product cards : keep product photos, new frame ---------- */
.u-gallery-item, .u-back-slide{
  border-radius:16px !important;
  overflow:hidden !important;
}
.u-gallery-item{
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 24px rgba(0,0,0,.10);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
}
.u-gallery-item:hover{
  transform:translateY(-4px);
  border-color:var(--aakar-lime-soft) !important;
  box-shadow:0 16px 40px rgba(53,178,111,.25) !important;
}
/* collection cover tiles on home */
#jewelrycollectionblock .u-gallery-item img{
  filter:none !important; /* keep original; remove old black-fade hack on covers */
}

/* ---------- buttons : black + lime (replaces gold) ---------- */
.u-btn, .u-btn-1, .u-button-style.u-btn{
  background:#000 !important;
  color:#fff !important;
  border:2px solid var(--aakar-lime) !important;
  border-radius:999px !important;
  letter-spacing:.4px;
  transition:all .3s ease !important;
}
.u-btn:hover, .u-btn-1:hover{
  background:linear-gradient(135deg, var(--aakar-green), var(--aakar-lime)) !important;
  color:#000 !important;
  border-color:var(--aakar-lime) !important;
  box-shadow:0 10px 30px rgba(168,213,0,.35) !important;
}
/* B2B store buttons: green version of gold */
.store-button{
  background:linear-gradient(145deg,#111,#000) !important;
  border:2px solid rgba(168,213,0,.6) !important;
  border-radius:18px !important;
}
.store-button::after{
  background:linear-gradient(90deg,transparent,var(--aakar-lime),transparent) !important;
}
.store-button:hover{
  background:linear-gradient(135deg,var(--aakar-green),var(--aakar-lime)) !important;
  border-color:var(--aakar-lime) !important;
  box-shadow:0 14px 38px rgba(53,178,111,.45) !important;
}
.store-text .top-line{ color:#cfe8a8 !important; }
.store-text .bottom-line{ color:#fff !important; }
.store-button:hover .top-line, .store-button:hover .bottom-line{ color:#000 !important; }

/* ---------- collection page bands : dark luxe rhythm, photos untouched ---------- */
#sec-6586{ background-color:#000 !important; }
#sec-6586 h2{ color:#fff !important; }

/* ---------- forms ---------- */
.u-input{
  border-radius:10px !important;
  border:1.5px solid #ddd !important;
}
.u-input:focus{
  border-color:var(--aakar-green) !important;
  box-shadow:0 0 0 3px rgba(53,178,111,.18) !important;
  outline:none;
}
#popup-6079 .u-dialog{
  background:#111 !important;
  border:1px solid rgba(168,213,0,.4) !important;
  border-radius:18px !important;
}
#popup-6079 .u-text-1{ color:#fff !important; }

/* ---------- insta block ---------- */
.insta-heading{ color:#111 !important; }
.insta-heading::after{
  content:""; display:block; width:64px; height:4px; margin:12px auto 0;
  background:linear-gradient(90deg,var(--aakar-green),var(--aakar-lime)); border-radius:99px;
}
.insta-subtext{ color:var(--aakar-muted) !important; }

/* ---------- misc: replace blue theme-color remnants ---------- */
::selection{ background:var(--aakar-lime); color:#000; }
a{ color:var(--aakar-green-dark); }
a:hover{ color:var(--aakar-green); }

/* favicon hexagon in sidenav */
.u-sidenav{ background:#000 !important; }

/* responsive logo */
@media (max-width:575px){
  .u-section-1 .u-image-1{ width:250px !important; }
  .u-footer .u-image-1{ width:190px !important; }
}