/* ==========================================================================
   Londe Jewellers Gold & Diamonds, 2026 redesign layer (owner brief 2026-11-10)
   Layout positions follow the Indian jewellery category standard (Tanishq level
   craft), white ground, brand green #0A5C50 locked, Gilda Display headings,
   Mulish text, antique gold #B08D3C only for small accents.
   Loaded LAST (after apple-ui.css) and only when the redesign is on ($lj26).
   ========================================================================== */
:root{
  --lj-green:#0A5C50;--lj-green-d:#074037;--lj-ink:#1C1C1C;--lj-mute:#5F6361;
  --lj-line:#E7E7E4;--lj-well:#F6F6F4;--lj-tint:#EAF2F0;--lj-gold:#B08D3C;
  --lj-serif:'Gilda Display',Georgia,'Times New Roman',serif;
  --lj-sans:'Mulish',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --lj-r:14px;--lj-r-lg:20px
}

/* Type: retire hard coded legacy families everywhere */
body{font-family:var(--lj-sans) !important;color:var(--lj-ink);background:#fff}
/* Zero specificity catch all: 122 views hard code the legacy serif in class rules and inline styles.
   :where() keeps this at 0,0,0 so headings and every explicit serif rule below still win; icon fonts
   (FontAwesome .fa, Simple Line .icon-*, swiper pseudo elements) are excluded. */
:where(body *:not(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.fa,[class^="icon-"],[class*=" icon-"],[class*="material"],svg,svg *)){font-family:var(--lj-sans) !important}
h1 *,h2 *,h3 *,h4 *{font-family:inherit}
h1,h2,h3,h4,.tj-head h2,.tj-head h3,.section-title,.page-title{font-family:var(--lj-serif) !important;font-weight:400 !important;color:var(--lj-ink);letter-spacing:0}
p,li,td,th,label,small,a,button,input,select,textarea,.btn,.price{font-family:var(--lj-sans)}
a{color:var(--lj-green)}
a:hover{color:var(--lj-green-d)}

/* Section heading, centred serif with a quiet line under it */
.tj-head{padding:48px 16px 24px !important}
.tj-head h2,.tj-head h3{font-size:clamp(1.75rem,3vw,2.5rem) !important;line-height:1.15 !important;margin:0 0 6px !important}
.tj-head p{font:400 1rem/1.5 var(--lj-sans) !important;color:var(--lj-mute) !important;font-style:normal !important}
@media (max-width:767px){.tj-head{padding:36px 16px 18px !important}}

/* Hero: inset, rounded, like the category standard */
.tj-hero{margin:12px 16px 0;border-radius:var(--lj-r);overflow:hidden}
@media (min-width:1024px){.tj-hero{max-width:1320px;margin:16px auto 0;border-radius:var(--lj-r-lg)}}

/* Collection banners */
.tj-collections__grid{gap:14px !important}
.tj-col-card{border-radius:var(--lj-r) !important;overflow:hidden}
.tj-col-card img{transition:transform .5s ease}
.tj-col-card:hover img{transform:scale(1.03)}
.tj-col-card__title{font-family:var(--lj-serif) !important;font-weight:400 !important;font-size:1.6rem !important;letter-spacing:0 !important}
.tj-col-card__cta{font:600 .95rem var(--lj-sans) !important;letter-spacing:.02em}

/* Category tiles on one brand tint backdrop */
.tj-cats__grid{gap:14px !important}
.tj-cat-item__img{background:var(--lj-tint) !important;border-radius:var(--lj-r) !important;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:0 !important;box-shadow:none !important}
.tj-cat-item__img img{width:84% !important;height:84% !important;object-fit:contain !important;border-radius:50%}
.tj-cat-item__label{font:400 1.15rem var(--lj-serif) !important;color:var(--lj-ink) !important;text-align:center;margin-top:10px !important;letter-spacing:.01em}

/* Product cards (home rails and listings share these classes) */
.tj-tab-pill{font:600 .95rem var(--lj-sans) !important;border-radius:999px !important;border:1px solid var(--lj-line) !important;color:var(--lj-ink) !important;background:#fff !important;padding:8px 18px !important}
.tj-tab-pill.active{background:var(--lj-green) !important;border-color:var(--lj-green) !important;color:#fff !important}
.product-default-single-item{background:#fff;border:0 !important;box-shadow:none !important}
.product-default-single-item .image-box{background:var(--lj-well);border-radius:var(--lj-r);overflow:hidden}
.product-default-single-item .image-link img{object-fit:contain !important;mix-blend-mode:multiply}
.product-default-single-item .tag span{font:600 .75rem var(--lj-sans) !important;background:#fff !important;color:var(--lj-green) !important;border-radius:999px !important;padding:3px 10px !important}
.product-card-title,.product-default-single-item .title{text-align:left !important;font:500 .98rem/1.35 var(--lj-sans) !important;color:var(--lj-ink) !important;margin:0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-card-title a,.product-default-single-item .title a{color:var(--lj-ink) !important}
.product-default-single-item .content-right{text-align:left !important;margin-top:4px !important}
.product-default-single-item .price{font:700 1rem var(--lj-sans) !important;color:var(--lj-ink) !important;font-variant-numeric:tabular-nums}
.swiper-button-prev,.swiper-button-next{width:40px !important;height:40px !important;border-radius:50% !important;background:#fff !important;box-shadow:0 2px 10px rgba(0,0,0,.12) !important;color:var(--lj-green) !important}

/* Londe World, celebrity, trust, exchange */
.tj-world-card{border-radius:var(--lj-r) !important;overflow:hidden}
.tj-world-card__label{font:400 1.6rem var(--lj-serif) !important}
.tj-world-card__btn{font:600 .95rem var(--lj-sans) !important;border-radius:999px !important}
.tj-celeb-wrap{background:var(--lj-green) !important}
.tj-v-card{border-radius:var(--lj-r) !important;overflow:hidden}
.tj-v-name strong{font-family:var(--lj-serif) !important;font-weight:400 !important}
.tj-assurance{background:#fff !important}
.tj-assurance__left h2{font-size:clamp(1.75rem,3vw,2.5rem) !important}
.tj-assurance__left h2 em{font-style:normal !important;color:var(--lj-green) !important}
.tj-badge{background:var(--lj-well) !important;border:0 !important;border-radius:var(--lj-r) !important;box-shadow:none !important}
.tj-badge__icon{color:var(--lj-green) !important}
.tj-badge__title{font:600 .95rem/1.3 var(--lj-sans) !important;color:var(--lj-ink) !important}
.tj-exchange{border-radius:var(--lj-r-lg);margin-left:16px;margin-right:16px}
.tj-exstat__val{font:400 2rem var(--lj-serif) !important}
.tj-exstat__lbl{font:500 .9rem var(--lj-sans) !important}
.tj-goldplan__inner img{border-radius:var(--lj-r)}

/* FAQ: clean accordion rows */
.tj-faq-item{border:0 !important;border-bottom:1px solid var(--lj-line) !important;border-radius:0 !important;background:#fff !important;box-shadow:none !important}
.tj-faq-q{font:600 1.02rem/1.45 var(--lj-sans) !important;color:var(--lj-ink) !important}
.tj-faq-a,.tj-faq-a p{font:400 1rem/1.65 var(--lj-sans) !important;color:#3A3D3C !important}

/* Buttons */
.btn,a.btn,button.btn,.tj-anniv__cta,.tj-exchange__cta a,.tj-exchange__cta{border-radius:999px !important;font-family:var(--lj-sans) !important;font-weight:600 !important}

/* Footer and the phone action bar */
.lj-actionbar a,.lj-enq-fab{font-family:var(--lj-sans) !important;font-weight:600 !important;letter-spacing:0 !important}
.lj-actionbar a.is-enq{background:var(--lj-gold) !important;color:#fff !important}
.footer-section,.footer-section p,.footer-section a,.footer-section li{font-family:var(--lj-sans) !important}
.footer-section h3,.footer-section h4,.footer-section .title{font-family:var(--lj-serif) !important;font-weight:400 !important;letter-spacing:.02em}

/* "10+ categories" tile: was legacy cream */
.tj-cat-viewall{background:var(--lj-green) !important;border-radius:var(--lj-r) !important;border:0 !important}
.tj-cat-viewall__num{font-family:var(--lj-serif) !important;color:#fff !important}
.tj-cat-viewall__lbl{color:rgba(255,255,255,.9) !important}

/* Listing page variables (products.php declares --lj-ivory cream): white ground in the redesign */
:root{--lj-ivory:#FFFFFF;--lj-stone:#5F6361}
.lj-tile{background:#fff !important;border:0 !important;box-shadow:none !important}
.lj-tile__img{background:var(--lj-well) !important;border-radius:var(--lj-r) !important;overflow:hidden}
.lj-tile__badge{background:#fff !important;color:var(--lj-green) !important;font:600 .75rem var(--lj-sans) !important;border-radius:999px !important;padding:3px 10px !important}
.lj-tile__wishlist{background:#fff !important;color:var(--lj-green) !important}
.lj-tile__price{font:700 1rem var(--lj-sans) !important;color:var(--lj-ink) !important;font-variant-numeric:tabular-nums}

/* Breadcrumbs: one quiet line on white, scrolls sideways instead of wrapping */
.breadcrumb-section{background:#fff !important;padding:12px 0 4px !important;margin:0 !important;border:0 !important;min-height:0 !important}
.breadcrumb-section .breadcrumb-nav ul,.breadcrumb-section .breadcrumb-nav ol,.breadcrumb-section .breadcrumb{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;gap:4px;white-space:nowrap;padding:0 !important;margin:0 !important;background:none !important}
.breadcrumb-section li,.breadcrumb-section li a,.breadcrumb-section .breadcrumb-item{font:500 13px var(--lj-sans) !important;color:var(--lj-mute) !important;letter-spacing:0 !important}
.breadcrumb-section li:last-child,.breadcrumb-section li:last-child a{color:var(--lj-ink) !important}
.breadcrumb-section h1,.breadcrumb-section h2,.breadcrumb-section .breadcrumb-title{display:none !important}