/* Alabdullatif Jewelry: Salla custom CSS (theme Raed). Paste into theme editor > تخصيص متقدم > CSS. */

@font-face{font-family:"Thmanyah Sans";src:url("https://ajgold.vercel.app/assets/thmanyah-sans-400.woff2") format("woff2");font-weight:100 400;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("https://ajgold.vercel.app/assets/thmanyah-sans-500.woff2") format("woff2");font-weight:500 900;font-display:swap}
@font-face{font-family:"Thmanyah Serif";src:url("https://ajgold.vercel.app/assets/thmanyah-serif-500.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root{
  --aj-wine:#682128;
  --aj-wine-deep:#48171d;
  --aj-wine-ink:#3b1217;
  --aj-gold:#c6a56b;
  --aj-ivory:#faf7f2;
  --aj-f-text:#eadcd0;
  --aj-f-muted:#c9b3a3;
  --aj-f-line:rgba(255,255,255,.12);
  --aj-sans:"Thmanyah Sans","PingARLT",system-ui,sans-serif;
  --aj-serif:"Thmanyah Serif","Thmanyah Sans","PingARLT",serif;
  --font-main:var(--aj-sans)!important;
  --font-light:var(--aj-sans)!important;
  --font-regular:var(--aj-sans)!important;
  --font-medium:var(--aj-sans)!important;
  --font-bold:var(--aj-sans)!important;
}

/* ---------- Type ---------- */
body,body.font-pingarlt,button,input,select,textarea{font-family:var(--aj-sans)}
h1:not(.sr-only),
h2:not(.product-entry__sub-title):not(.sr-only){
  font-family:var(--aj-serif)!important;
  font-feature-settings:"ss01";
  font-weight:500!important;
  letter-spacing:0;
  line-height:1.45;
}

/* ---------- Footer: burgundy ---------- */
.store-footer{background:var(--aj-wine-deep)!important;color:var(--aj-f-text)!important;border:0!important}
.store-footer__inner{border-color:var(--aj-f-line)!important}
.store-footer h3,.store-footer h3[class*="text-gray"]{color:var(--aj-gold)!important;font-weight:500!important}
.store-footer a,.store-footer p,.store-footer span,.store-footer li,.store-footer i,
.store-footer .text-gray-500,.store-footer .text-gray-600,.store-footer .text-gray-700,.store-footer .text-gray-800,.store-footer .text-gray-900{color:var(--aj-f-text)!important}
.store-footer a:hover,.store-footer a:focus-visible{color:#fff!important}
.store-footer__desc{opacity:1!important;color:var(--aj-f-muted)!important}
.store-footer__desc p{color:var(--aj-f-muted)!important}
.store-footer__bottom{color:var(--aj-f-muted)!important}
.store-footer__bottom .copyright-text,.store-footer__bottom .copyright-text a{color:var(--aj-f-muted)!important}
.store-footer .border,.store-footer [class*="border-gray"],.store-footer hr{border-color:var(--aj-f-line)!important}
.store-footer salla-contacts,.store-footer salla-social,.store-footer salla-trust-badges{color:var(--aj-f-text)}
.store-footer__logo img{height:56px!important;width:auto!important;max-width:220px!important;object-fit:contain!important}

/* ---------- Header logo (SVG swapped in by custom JS) ---------- */
.site-header__brand img.aj-logo{object-fit:contain!important;width:auto!important;height:30px!important;max-width:200px!important}
@media (max-width:767px){.site-header__brand img.aj-logo{height:24px!important;max-width:160px!important}}

/* ---------- Mobile bottom bar: active pill is burgundy, so its icon and label are white ---------- */
.mobile-bottom-bar__item.is-active,.mobile-bottom-bar__item.active,.mobile-bottom-bar__item[aria-current="page"],
.mobile-bottom-bar__item.is-active .mobile-bottom-bar__icon,.mobile-bottom-bar__item.is-active .mobile-bottom-bar__label{color:#fff!important}
body.menu-opened [component-name="whatsapp-chat"],body.menu-opened .aj-wa{opacity:0!important;pointer-events:none!important}

/* ---------- Gold ticker: brand font, no gap above ---------- */
.s-block--bundle-gold-ticker{margin-top:0!important}
[component-name="gold-ticker"]{font-family:var(--aj-sans)!important;font-variant-numeric:tabular-nums}

/* ---------- Hero (Raed enhanced slider), same layout as the site ---------- */
.s-block--enhanced-slider{margin-top:0!important}
.s-block--enhanced-slider .swiper,.s-block--enhanced-slider .swiper-wrapper{height:auto!important}
.s-block--enhanced-slider .swiper-slide{height:clamp(480px,36vw,600px)!important;background:var(--aj-ivory)!important}
.s-block--enhanced-slider .overlay-bg{inset:0 auto 0 0!important;width:70%!important}
.s-block--enhanced-slider .overlay-bg img{object-position:left 52%!important}
.s-block--enhanced-slider .overlay-bg::after{background:linear-gradient(to left,var(--aj-ivory) 0%,rgba(250,247,242,.85) 14%,rgba(250,247,242,0) 45%)!important}
.s-block--enhanced-slider .home-slider__content{justify-content:flex-start!important;align-items:center!important;padding-block:0!important;padding-inline:clamp(24px,6vw,96px)!important}
.s-block--enhanced-slider .home-slider__content > div{width:auto!important;max-width:620px;text-align:right!important;color:var(--aj-wine-ink)!important}
.s-block--enhanced-slider .home-slider__content h2{font-size:clamp(56px,5.6vw,88px)!important;line-height:1.15!important;color:var(--aj-wine)!important;margin-bottom:16px!important}
.s-block--enhanced-slider .home-slider__content .description{font-size:19px;line-height:1.6;color:#5b4a44;max-width:34rem;-webkit-line-clamp:3!important;text-wrap:balance}
.s-block--enhanced-slider .home-slider__cta{display:inline-flex!important;align-items:center;min-height:48px;padding:0 28px!important;margin-top:28px!important;background:var(--aj-wine)!important;color:var(--aj-ivory)!important;font-size:16px!important;font-weight:500!important;border-radius:999px!important;transition:background-color .18s,transform .18s}
.s-block--enhanced-slider .home-slider__cta:hover{background:var(--aj-wine-deep)!important}
.s-block--enhanced-slider .home-slider__cta:active{transform:scale(.97)}
.s-block--enhanced-slider .swiper-pagination-bullet{background:var(--aj-wine)!important;opacity:.3}
.s-block--enhanced-slider .swiper-pagination-bullet-active{opacity:1}
@media (max-width:767px){
  .s-block--enhanced-slider .swiper-slide{height:min(76svh,600px)!important;min-height:500px}
  .s-block--enhanced-slider .overlay-bg{width:100%!important}
  .s-block--enhanced-slider .overlay-bg img{object-position:22% center!important}
  .s-block--enhanced-slider .overlay-bg::after{background:linear-gradient(to top,rgba(59,18,23,.94) 0%,rgba(59,18,23,.72) 32%,rgba(59,18,23,0) 64%)!important}
  .s-block--enhanced-slider .home-slider__content{align-items:flex-end!important;justify-content:center!important;padding-bottom:56px!important;padding-inline:20px!important}
  .s-block--enhanced-slider .home-slider__content > div{text-align:center!important;max-width:22rem;color:#fff!important}
  .s-block--enhanced-slider .home-slider__content h2{font-size:44px!important;color:#fff!important;margin-bottom:10px!important}
  .s-block--enhanced-slider .home-slider__content .description{font-size:15px;color:#efe3d6;margin-inline:auto}
  .s-block--enhanced-slider .home-slider__cta{margin-top:20px!important;min-height:44px;background:var(--aj-ivory)!important;color:var(--aj-wine-ink)!important}
  .s-block--enhanced-slider .swiper-pagination-bullet{background:#fff!important}
}

/* ---------- Menu drawer: icon rows and photo cards for categories ---------- */
.site-nav-drawer__list[data-aj-nav]{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:12px}
[data-aj-nav] > li.aj-nav-row{grid-column:1/-1}
[data-aj-nav] > li.aj-nav-cat:last-child:nth-child(odd){grid-column:1/-1}
[data-aj-nav] .aj-nav-row .site-nav-drawer__link{display:flex!important;align-items:center;gap:12px;min-height:56px;padding:0 4px!important;border-bottom:1px solid #efe7dd;font-size:16px;color:var(--aj-wine-ink)!important}
[data-aj-nav] .aj-nav-ico{flex:none;width:38px;height:38px;border-radius:50%;background:var(--aj-ivory);color:var(--aj-wine);display:grid;place-items:center}
[data-aj-nav] .aj-nav-ico svg{width:20px;height:20px}
[data-aj-nav] .aj-nav-chev{width:16px;height:16px;margin-inline-start:auto;color:#a8968c}
[data-aj-nav] .aj-nav-cat .site-nav-drawer__link{display:flex!important;flex-direction:column;gap:8px;padding:8px 8px 12px!important;border-radius:16px;background:var(--aj-ivory);transition:background-color .16s,transform .16s}
[data-aj-nav] .aj-nav-cat .site-nav-drawer__link:active{transform:scale(.98);background:#f3ece2}
[data-aj-nav] .aj-nav-cat img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:11px;background:#efe7dd}
[data-aj-nav] > li.aj-nav-cat:last-child:nth-child(odd) img{aspect-ratio:3}
[data-aj-nav] .aj-nav-cat span{padding-inline:4px;font-family:var(--aj-serif);font-feature-settings:"ss01";font-size:18px;font-weight:500;color:var(--aj-wine)}

/* ---------- WhatsApp button (pages without the home chat section) ---------- */
.aj-wa{
  position:fixed;left:20px;bottom:calc(20px + var(--aj-wa-lift,0px));z-index:40;
  width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;
  background:#25d366;color:#fff;
  box-shadow:0 6px 20px rgba(0,0,0,.18);
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,bottom .2s;
}
.aj-wa:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.22)}
.aj-wa:active{transform:scale(.96)}
.aj-wa:focus-visible{outline:2px solid var(--aj-wine);outline-offset:3px}
.aj-wa i{font-size:30px;line-height:1;color:#fff}
@media (prefers-reduced-motion:reduce){.aj-wa{transition:none}}
@media print{.aj-wa{display:none}}