/**
Theme Name: Astra Child
Author: Brainstorm Force
...
*/

/* =========================================
   WEAR HIS TRUTH — WOOCOMMERCE POLISH v2.3
   Date: 2025-11-01
   Notes:
   - Switched brand from orange to neutral charcoal
   - Centralized variables updated
   - Removed category color overrides (we’ll add hover-only later)
   ========================================= */

/* ---------- VARIABLES ---------- */
:root{
  --brand: #2E2E2E;    /* primary brand (neutral charcoal) */
  --brand-dk: #1F1F1F; /* hover/active */
  --ink: #0F1113;      /* headings / core text */
  --muted: #62686F;    /* body-secondary */
  --line: #EAECEE;     /* subtle borders/bg lines */

  /* Category accents (reserved for future hover-only use) */
  --men:   #0D6E78;    /* teal */
  --women: #C84B88;    /* rose */
  --youth: #469A3D;    /* green */
}

/* ---------- GLOBAL ---------- */

.screen-reader-text {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    white-space: nowrap !important;
}

.wht-home-seo {
    max-width: 820px;
    margin: 40px auto;
    text-align: center;
    color: #444;
    font-size: 0.95rem;
    line-height: 1.6;
    padding: 0 20px;
}


/* Buttons: consistent brand look */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background: var(--brand);
  color:#fff;
  border:none;
  border-radius:6px;
  padding:12px 28px;
  transition: background .2s ease, transform .1s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{ background:var(--brand-dk); }
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit:active{ transform:translateY(1px); }

/* Focus ring (keyboard users) */
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:focus{
  outline:2px solid color-mix(in srgb, var(--brand), #fff 40%);
  outline-offset:2px;
}

/* Breadcrumbs */
.woocommerce-breadcrumb{ font-size:13px; color:#777; }
.woocommerce-breadcrumb a{ color:#555; }
.woocommerce-breadcrumb a:hover{ color:var(--brand); }

/* Star rating color */
.woocommerce .star-rating span:before,
.woocommerce p.stars a:hover,
.woocommerce p.stars a.active{ color:var(--brand); }

/* ---------- SHOP / ARCHIVE GRID ---------- */
.woocommerce ul.products li.product{
  transition: box-shadow .25s ease, transform .25s ease;
  margin-bottom:2.2rem;
}
.woocommerce ul.products li.product:hover{
  box-shadow:0 10px 26px rgba(0,0,0,.12);
  transform:translateY(-2px);
}
.woocommerce ul.products li.product a img{
  transition: transform .3s ease, box-shadow .3s ease, filter .3s ease;
  display:block;
}
.woocommerce ul.products li.product:hover a img{
  transform:scale(1.03);
  box-shadow:0 6px 20px rgba(0,0,0,.15);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight:600; letter-spacing:.02em; margin:.6rem 0 .4rem;
}
.woocommerce ul.products li.product .price{ color:var(--ink); font-weight:600; }
.woocommerce ul.products li.product .price ins{ color:var(--brand); text-decoration:none; }

/* Wishlist line */
.yith-wcwl-add-button a{ color:#666; font-size:13px; }
.yith-wcwl-add-button a:hover{ color:var(--brand); }

/* ---------- SINGLE PRODUCT ---------- */

/* Two-column layout */
.single-product div.product{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:48px;
}
@media (max-width:992px){
  .single-product div.product{ grid-template-columns:1fr; gap:28px; }
}

/* Gallery spacing + thumbs */
.woocommerce div.product div.images{ margin-bottom:18px; }
.woocommerce div.product div.images .flex-control-thumbs li{ padding-right:10px; margin-bottom:10px; }
.woocommerce div.product div.images .flex-control-thumbs img{
  width:86px; height:86px; object-fit:cover; border-radius:4px; border:1px solid #eee;
  transition:opacity .2s ease, transform .2s ease;
}
.woocommerce div.product div.images .flex-control-thumbs img:hover{ opacity:.9; transform:translateY(-1px); }
.woocommerce div.product div.images .flex-control-thumbs img.flex-active{
  border-color:var(--brand); box-shadow:0 0 0 2px rgba(46,46,46,.15);
}

/* Summary area */
.woocommerce div.product .summary{ align-self:start; }
.woocommerce div.product .entry-summary .price{
  color:var(--brand); font-weight:700; margin:6px 0 10px;
}
.woocommerce div.product .entry-summary p{ color:var(--muted); }

/* Qty + Add to Cart alignment (consolidated) */
.woocommerce div.product form.cart{
  display:flex;
  gap:14px;
  align-items:center;
  margin:14px 0 18px;
  flex-wrap:wrap; /* allow trust-bar to wrap beneath */
}
.woocommerce .quantity .qty{
  width:64px; height:42px; text-align:center;
  border:1px solid #e5e5e5; border-radius:6px;
}
.woocommerce div.product form.cart .button{
  height:42px; line-height:42px; padding:0 28px;
}
/* Mobile stack */
@media (max-width:576px){
  .woocommerce div.product form.cart{ flex-direction:column; align-items:stretch; }
  .woocommerce div.product form.cart .button{ width:100%; }
  .woocommerce .quantity .qty{ width:100%; }
}

/* Add to Cart button consistency */
.single-product div.product form.cart .single_add_to_cart_button{
  min-width:150px; white-space:nowrap;
}
/* Vertically center Add to Cart text + subtle hover lift */
.single_add_to_cart_button{
  display:flex !important; align-items:center; justify-content:center;
  height:48px; line-height:normal !important; padding-top:0 !important; padding-bottom:0 !important;
  font-weight:600; letter-spacing:.02em;
}
.single_add_to_cart_button:hover{
  filter:brightness(1.08); transform:translateY(-1px); transition:all .2s ease;
}

/* Tabs (Description / Reviews) */
.woocommerce div.product .woocommerce-tabs ul.tabs{ padding-left:0; border-bottom:1px solid var(--line); }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; background:transparent; margin:0 22px 0 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:var(--ink); font-weight:600; padding:10px 0; position:relative;
}
.woocommerce div.product .woocommerce-tabs li.active a,
.woocommerce div.product .woocommerce-tabs li a:hover{ color:var(--brand); }
.woocommerce div.product .woocommerce-tabs li.active a:after,
.woocommerce div.product .woocommerce-tabs li a:hover:after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:var(--brand); border-radius:2px;
}
.woocommerce div.product .woocommerce-tabs .panel{
  padding:18px 0 8px; border-top:1px solid var(--line); color:var(--muted);
}

/* Related products spacing */
.woocommerce .related.products{ margin-top:36px; }
.woocommerce .related.products h2{ margin-bottom:16px; }

/* Meta line (categories/tags) */
.woocommerce div.product .product_meta,
.woocommerce div.product .product_meta a{ color:#666; font-size:13px; }
.woocommerce div.product .product_meta a:hover{ color:var(--brand); }

/* Reviews link */
.woocommerce div.product .woocommerce-review-link{ color:var(--brand); }
.woocommerce div.product .woocommerce-review-link:hover{ color:var(--brand-dk); }

/* ---------- TRUST BAR (PRODUCT PAGE ONLY) ---------- */

.woocommerce div.product form.cart{
  display:flex;
  flex-wrap:wrap;
}

.woocommerce div.product form.cart .single_add_to_cart_button{
  width:100%;
}

.woocommerce div.product form.cart .trust-bar{
  width:100%;
  flex:0 0 100%;
  display:flex;
  justify-content:flex-start;
  gap:18px;
  margin-top:12px;
  font-size:13.5px;
  color:#666;
  letter-spacing:.02em;
  opacity:1;
}

.woocommerce div.product form.cart .trust-bar span + span{
  position:relative;
  padding-left:18px;
}

.woocommerce div.product form.cart .trust-bar span + span::before{
  content:"•";
  position:absolute;
  left:6px;
  top:0;
  color:#ccc;
}

@media (max-width:576px){
  .woocommerce div.product form.cart .trust-bar{
    flex-direction:column;
    gap:6px;
    align-items:flex-start;
  }

  .woocommerce div.product form.cart .trust-bar span + span{
    padding-left:0;
  }

  .woocommerce div.product form.cart .trust-bar span + span::before{
    content:none;
  }
}


/* ---------- MOBILE CART + CHECKOUT SPACING ---------- */
@media (max-width:768px){
  .woocommerce-cart, .woocommerce-checkout{ padding-left:20px !important; padding-right:20px !important; }
  .woocommerce-cart table.shop_table_responsive{ width:100%; }
  .woocommerce-checkout form.checkout, .woocommerce-cart .cart-collaterals{ margin:0 auto; max-width:100%; }
  .woocommerce-checkout-review-order, .woocommerce-cart .cart_totals{ margin-top:16px; border-radius:6px; }
}
@media (max-width:768px){
  .cart_totals, .woocommerce-checkout-review-order{
    padding:14px 16px; border:1px solid #eee; background:#fff;
  }
  .woocommerce .wc-proceed-to-checkout a.checkout-button{ height:48px; border-radius:6px; }
}

/* ---------- LEGAL PAGES POLISH ---------- */
.page-legal .entry-content{
  max-width:880px; margin:0 auto; line-height:1.75; color:var(--ink);
}
.page-legal .entry-content h1{
  font-size:clamp(28px, 4.2vw, 42px); letter-spacing:.01em; margin:6px 0 14px;
}
.page-legal .entry-content h2{
  font-size:clamp(20px, 3vw, 26px); margin:28px 0 12px; letter-spacing:.01em;
}
.page-legal .entry-content h3{ font-size:clamp(18px, 2.4vw, 21px); margin:22px 0 8px; }
.page-legal .entry-content p,
.page-legal .entry-content li{ font-size:16px; color:#333; }
.page-legal .entry-content hr{ border:0; border-top:1px solid var(--line); margin:28px 0; }

/* “Effective Date” pill */
.page-legal .legal-meta{
  display:inline-flex; align-items:center; gap:8px;
  background:#fafafa; border:1px solid #eee; border-radius:999px;
  padding:6px 12px; font-size:13px; color:#555; margin:8px 0 18px;
}

/* Brand link behavior (legal only) */
.page-legal .entry-content a{
  color:inherit; text-decoration:underline; text-decoration-color:#ddd; text-underline-offset:3px;
}
.page-legal .entry-content a:hover{ color:var(--brand); text-decoration-color:var(--brand); }

/* Optional ToC block */
.page-legal .legal-toc{
  background:#fcfcfc; border:1px solid #eee; border-radius:10px; padding:14px 16px; margin:14px 0 20px;
}
.page-legal .legal-toc strong{ display:block; margin-bottom:6px; font-size:14px; color:#444; }
.page-legal .legal-toc a{ text-decoration:none; color:#555; }
.page-legal .legal-toc a:hover{ color:var(--brand); }

/* Small screens breathing room */
@media (max-width:768px){
  .page-legal .site-content, .page-legal .entry-content{ padding-left:16px; padding-right:16px; }
}

/* Size Guide table refinement */
.page-legal table{ border-collapse:collapse; width:100%; margin:18px 0 10px; font-size:15px; color:#333; }
.page-legal table th, .page-legal table td{ border:1px solid #ddd; padding:8px 10px; text-align:left; }
.page-legal table th{
  background:#fafafa; font-weight:600; text-transform:uppercase; letter-spacing:.02em;
}
.page-legal table tr:nth-child(even){ background:#fcfcfc; }
.page-legal table tr:hover{ background:#f5f7f9; } /* neutralized highlight */
.page-legal table td{ line-height:1.4; }
.page-legal p:last-of-type em{ display:block; margin-top:6px; color:#666; font-size:14px; }

/* Hide any login popup/forms on legal pages only */
.page-legal .woocommerce form.login,
.page-legal #ast-hf-account-modal,
.page-legal .ast-account-popup,
.page-legal .ast-account-nav-wrap,
.page-legal .ast-account-popup-wrapper{
  display:none !important; visibility:hidden !important; height:0 !important; overflow:hidden !important;
}

/* ---------- ALL PRODUCT CATEGORY ARCHIVES ---------- */

/* Hide default WooCommerce category titles */
body.tax-product_cat h1.ast-archive-title,
body.tax-product_cat .woocommerce-products-header__title,
body.tax-product_cat .woocommerce-products-header__title.page-title,
body.tax-product_cat h1.page-title {
  display: none !important;
}

/* ---------- CATEGORY ARCHIVES (MEN/WOMEN/YOUTH) ---------- */

/* Hide the big default category title */
body.tax-product_cat.term-men   h1.ast-archive-title,
body.tax-product_cat.term-women h1.ast-archive-title,
body.tax-product_cat.term-youth h1.ast-archive-title,
body.tax-product_cat.term-men   .woocommerce-products-header__title.page-title,
body.tax-product_cat.term-women .woocommerce-products-header__title.page-title,
body.tax-product_cat.term-youth .woocommerce-products-header__title.page-title,
body.tax-product_cat.term-men   h1.page-title,
body.tax-product_cat.term-women h1.page-title,
body.tax-product_cat.term-youth h1.page-title{
  display:none !important;
}

/* Category Header Component (the logo + tagline + verse) */
.category-header{ text-align:center; margin-bottom:40px; }
.category-header img.category-logo{
  max-width:900px; width:90%; height:auto; margin-bottom:20px;
  filter:drop-shadow(0px 2px 4px rgba(0,0,0,.2));
}
.category-header h3{ font-size:1.3rem; margin:10px 0 15px; font-weight:500; }
.category-header h4{ font-size:1.1rem; color:#333; margin:0; line-height:1.5; }

/* Color accents by category (headings only; buttons remain neutral) */
body.tax-product_cat.term-men   .category-header h3,
body.tax-product_cat.term-men   .category-header h4 strong{ color:var(--men); }
body.tax-product_cat.term-women .category-header h3,
body.tax-product_cat.term-women .category-header h4 strong{ color:var(--women); }
body.tax-product_cat.term-youth .category-header h3,
body.tax-product_cat.term-youth .category-header h4 strong{ color:var(--youth); }

/* Scripture lighter */
.category-header h4 em{ color:#666; }

/* Hero fade-up (staggered) */
.category-header,
.category-header img.category-logo,
.category-header h3,
.category-header h4{
  opacity:0; transform:translateY(8px); will-change:opacity, transform;
}
.category-header{ animation:whtFadeUp .60s ease-out .05s forwards; }
.category-header img.category-logo{ animation:whtFadeUp .70s ease-out .05s forwards; transform:translateY(8px) scale(.995); }
.category-header h3{ animation:whtFadeUp .72s ease-out .22s forwards; }
.category-header h4{ animation:whtFadeUp .72s ease-out .36s forwards; }

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .category-header,
  .category-header img.category-logo,
  .category-header h3,
  .category-header h4{
    animation:none !important; opacity:1 !important; transform:none !important;
  }
}

/* Safety net: hide any rogue popup/loader overlays on category archives */
body.tax-product_cat .mfp-bg,
body.tax-product_cat .mfp-wrap,
body.tax-product_cat .mfp-close,
body.tax-product_cat .elementor-popup-modal,
body.tax-product_cat #preloader,
body.tax-product_cat .loader{
  display:none !important; visibility:hidden !important; pointer-events:none !important;
}

/* ================================
   Wear His Truth — About Us (scoped)
   Full-bleed hero, overlap cards, left-aligned bullets
   ================================ */

.about-wrap{
  --brand:#2E2E2E;
  --ink:#0F1113;
  --muted:#62686F;
  --paper:#fafafa;
  --bg:#f6f6f6;

  /* HERO IMAGE — use wide, optimized WebP */
  --about-h-url:url('https://wearhistruth.com/shop/wp-content/uploads/lake-coffee-cropped-scaled-1.webp');
}

/* ---------- HERO (true full-bleed, stable crop) ---------- */
.about-wrap .about-hero{
  position: relative;
  isolation: isolate;

  /* Full-bleed without transform-centering (more reliable across browsers/themes) */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  background:#2e2e2e;
  color:#fff;
  padding:96px 16px 120px;
  text-align:center;
  overflow:hidden;
}

.about-wrap .about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;

  background-image:var(--about-h-url);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:60% 45%;

  opacity: 1;
  filter: brightness(1.14) contrast(1.04) saturate(1.03);
  transform: scale(1.05);
}

/*.about-wrap .about-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.18) 0%,
    rgba(0,0,0,.10) 45%,
    rgba(0,0,0,.22) 100%
  );
  pointer-events:none;
} */

.about-wrap .about-hero__inner{
  position:relative;
  z-index:1;
  max-width:1080px;
  margin:0 auto;
}

.about-wrap .about-hero h1{
  margin:0 0 8px;
  font-size:clamp(40px,7vw,72px);
  letter-spacing:.02em;
}

.about-wrap .about-hero .tagline{
  font-size:clamp(16px,2.2vw,22px);
  text-shadow: 0 2px 14px rgba(0,0,0,.35);
  opacity:.92;
}

@media (max-width: 768px){
  .about-wrap .about-hero{
    padding-top: 120px;
    padding-bottom: 100px;
  }
}

@media (max-width: 768px){
  .about-wrap .about-hero h1{
    letter-spacing: .01em;
  }
}

@media (max-width: 768px){
  .about-wrap .about-hero::before{
    filter: brightness(1.10) contrast(1.02) saturate(1.02);
    transform: scale(1.02);
  }
}

/* Optional: prevents rare 100vw + scrollbar horizontal wiggle on some Windows laptops */
html, body { overflow-x: hidden; }


/* ---------- QUICK PILLARS (overlapping cards) ---------- */
.about-wrap .about-pillars{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  max-width:1100px;
  margin:-60px auto 42px;
  padding:0 16px;
}

.about-wrap .pillar{
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding:22px 22px 20px;
  box-shadow:0 16px 36px rgba(0,0,0,.08);
  opacity:0;
  transform:translateY(8px);
  animation:whtFadeUp .6s ease-out forwards;
}

.about-wrap .pillar h3{
  margin:0 0 6px;
  font-size:20px;
  color:#3E6C91;
}

.about-wrap .pillar p{
  margin:0;
  color:var(--muted);
}

/* Stagger */
.about-wrap .pillar:nth-child(1){ animation-delay:.06s; }
.about-wrap .pillar:nth-child(2){ animation-delay:.16s; }
.about-wrap .pillar:nth-child(3){ animation-delay:.26s; }

/*---------------HOME PAGE BOAT IMAGE ------------------ */
.uagb-block-b2e9f13b .wp-block-image img {
  display: block;
  border-radius: 6px; /* optional – remove if you want sharp edges */
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.18),
    0 4px 10px rgba(0, 0, 0, 0.12);
}

/* ---------- SPLIT SECTIONS ---------- */
.about-wrap .about-split{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:48px;
  align-items:center;
  max-width:1180px;
  margin:48px auto;
  padding:0 16px;
}

.about-wrap .about-split.reverse{
  grid-template-columns:.95fr 1.05fr;
}

.about-wrap .about-split.reverse .about-split__media{ order:2; }
.about-wrap .about-split.reverse .about-split__copy{ order:1; }

.about-wrap .about-split__media img{
  width:100%;
  height:auto;
  border-radius:14px;
  box-shadow:0 12px 40px rgba(0,0,0,.08);
}

.about-wrap .about-split__copy h2{
  font-size:clamp(26px,3.2vw,34px);
  margin:0 0 10px;
  color:#3E6C91;
}

.about-wrap .about-split__copy p{
  color:#444;
}

.about-wrap .about-split__copy .bullets{
  margin:12px 0 0 0;
  padding-left:18px;
  color:#444;
}

.about-wrap .about-split__copy .bullets li{
  margin:6px 0;
}

/* ---------- FAITH IN ACTION ---------- */
.about-wrap .about-action{
  max-width:900px;
  margin:36px auto 64px;
  padding:0 16px;
}

.about-wrap .about-action h2{
  text-align:center;
  margin-bottom:10px;
  color:#3E6C91;
}

.about-wrap .about-action ul{
  list-style:none;
  margin:12px auto 16px;
  padding-left:0;
  max-width:760px;
}

.about-wrap .about-action ul li{
  position:relative;
  padding-left:18px;
  margin:10px 0;
  color:#444;
  text-align:left;
  line-height:1.55;
}

.about-wrap .about-action ul li::before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:var(--brand);
  font-size:20px;
  line-height:1;
}

.about-wrap .about-action .closing{
  text-align:center;
  color:#222;
  font-weight:600;
  letter-spacing:.01em;
}

.about-wrap .cta-row{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:10px;
}

.about-wrap .cta-row .button{
  background:var(--brand);
  color:#fff;
  padding:12px 24px;
  border-radius:8px;
  text-decoration:none;
  transition:transform .15s ease, filter .2s ease;
}

.about-wrap .cta-row .button:hover{
  filter:brightness(.95);
  transform:translateY(-1px);
}

/* ---------- SEO COPY ---------- */
.about-seo{
  max-width:820px;
  margin:40px auto;
  text-align:center;
  font-size:1.2rem;
  line-height:1.6;
  padding-top:50px;
  padding-bottom:35px;
  color:#444;
}


/* ---------- Generic fade-up utility ---------- */
@keyframes whtFadeUp { to { opacity:1; transform:translateY(0); } }

@media (prefers-reduced-motion: reduce){
  .about-wrap .pillar,
  .about-wrap .about-split,
  .about-wrap .about-hero,
  .about-wrap .fade-up{ animation:none !important; opacity:1 !important; transform:none !important; }
}

/* ---------- Responsive ---------- */
@media (max-width: 992px){
  .about-wrap .about-pillars{ grid-template-columns:1fr; gap:16px; margin-top:-46px; }
  .about-wrap .about-split{ grid-template-columns:1fr; gap:24px; }
  .about-wrap .about-split.reverse .about-split__media,
  .about-wrap .about-split.reverse .about-split__copy{ order:unset; }
}

/* Remove top gap above hero (About page) */
body.page-id-603 .site-content,
body.page-id-603 .site-content > .ast-container,
body.page-id-603 .ast-plain-container .site-content,
body.page-id-603 .ast-plain-container .site-content > .ast-container,
body.page-id-603 .entry-content,
body.page-id-603 .hentry { padding-top:0 !important; margin-top:0 !important; }

body.page-id-603 .about-wrap,
body.page-id-603 .about-hero { margin-top:0 !important; border-radius:0 !important; }

@media (min-width: 769px){
  body.page-id-603 .site-content { padding-top:0 !important; }
}

/* Page-specific layout fix */
body.page-id-603 header.site-header { margin-bottom:-77px !important; }
@media (max-width: 782px){ body.page-id-603 header.site-header { margin-bottom:-60px !important; } }

/* Enhancements */
body.page-id-603 .about-hero h1{ text-shadow:0 2px 18px rgba(0,0,0,.35); color:#f6f6f6; letter-spacing:.02em; }
body.page-id-603 .about-hero .tagline{ text-shadow:0 1px 12px rgba(0,0,0,.25); }
body.page-id-603 .about-hero::before{ opacity:.20; filter:saturate(1) contrast(1.05); }

body.page-id-603 .about-pillars .pillar,
body.page-id-603 .about-split__media img{
  box-shadow:0 10px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.06);
  border-radius:12px;
}
body.page-id-603 .about-split__media img{ display:block; transition:transform .35s ease; will-change:transform; }
body.page-id-603 .about-split__media img:hover{ transform:translateY(-2px); }

/* “Faith in Action” split + neutral checks */
body.page-id-603 .about-action.split{
  display:grid; grid-template-columns:1fr 1.3fr; gap:clamp(24px,4vw,56px); align-items:center;
}
body.page-id-603 .about-action__logo{ display:flex; align-items:center; justify-content:center; }
body.page-id-603 .about-action__logo img{ max-width:100%; height:auto; filter:drop-shadow(0 10px 24px rgba(0,0,0,.08)); }
body.page-id-603 .about-action__copy h2{ margin-top:0; }
body.page-id-603 .about-action .checks{ list-style:none; margin:12px 0 18px; padding:0; }
body.page-id-603 .about-action .checks li{ position:relative; padding-left:28px; margin:10px 0; }
body.page-id-603 .about-action .checks li::before{
  content:""; position:absolute; left:0; top:.2em;
  width:18px; height:18px; border-radius:50%;
  background: var(--brand);
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="white" d="M6.2 12.2 2.7 8.7l1.4-1.4 2.1 2.1 5-5 1.4 1.4z"/></svg>') center/12px 12px no-repeat;
}
@supports not (mask: url("")){
  body.page-id-603 .about-action .checks li::before{
    content:"•"; color:var(--brand); background:none; width:auto; height:auto; border-radius:0; transform:translateY(-1px);
  }
}
body.page-id-603 .about-pillars .pillar{ transition:box-shadow .25s ease, transform .25s ease; }
body.page-id-603 .about-pillars .pillar:hover{ box-shadow:0 14px 28px rgba(0,0,0,.15), 0 8px 10px rgba(0,0,0,.20); transform:translateY(-2px); }

@media (max-width: 900px){
  body.page-id-603 .about-action.split{ grid-template-columns:1fr; }
  body.page-id-603 .about-action__logo{ order:-1; margin-bottom:8px; }
}

/* About — Hover video cards */
body.page-id-603 .media-vidcard{
  position:relative; border-radius:12px; overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.20), 0 4px 10px rgba(0,0,0,.20);
}
body.page-id-603 .media-vidcard video{ display:block; width:100%; height:auto; transform:translateZ(0); }
body.page-id-603 .media-vidcard .video-cue{
  position:absolute; inset:auto auto 12px 12px; padding:6px 10px; font-size:12px; letter-spacing:.02em;
  background:rgba(0,0,0,.55); color:#fff; border-radius:999px; opacity:.95; transition:opacity .2s ease, transform .2s ease;
}
body.page-id-603 .media-vidcard:hover .video-cue,
body.page-id-603 .media-vidcard .video-cue.hide{ opacity:0; transform:translateY(2px); }
@media (prefers-reduced-motion: reduce){ body.page-id-603 .media-vidcard .video-cue{ display:none; } }

/* About — responsive fixes */
body.page-id-603 .about-split__media .media-vidcard{ aspect-ratio:16/10; }
body.page-id-603 .media-vidcard video,
body.page-id-603 .about-split__media img{ width:100%; height:100%; object-fit:cover; display:block; }

@media (max-width: 1200px){
  body.page-id-603 .about-split{
    display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,36px); align-items:center;
  }
  body.page-id-603 .about-split .about-split__copy{ padding-top:4px; }
}
@media (max-width: 992px){
  body.page-id-603 .about-split{ grid-template-columns:1fr; gap:22px; }
  body.page-id-603 .about-split.reverse .about-split__media{ order:0; }
  body.page-id-603 .about-split.reverse .about-split__copy{  order:1; }
  body.page-id-603 .media-vidcard{ border-radius:10px; box-shadow:0 8px 22px rgba(0,0,0,.14), 0 3px 8px rgba(0,0,0,.12); }
}
@media (max-width: 600px){
  body.page-id-603 .about-split .about-split__copy h2{ margin-top:2px; margin-bottom:10px; }
  body.page-id-603 .media-vidcard .video-cue{ font-size:11px; padding:4px 8px; inset:auto auto 10px 10px; }
  body.page-id-603 .about-split{ margin-bottom:28px; }
}

/* About — fixed-ratio fallback */
body.page-id-603 .media-vidcard{ position:relative; border-radius:12px; overflow:hidden; background:#000; }
body.page-id-603 .media-vidcard::before{ content:""; display:block; padding-top:62.5%; }
body.page-id-603 .media-vidcard video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
body.page-id-603 .media-vidcard img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }

/* Ensure split layout stability */
body.page-id-603 .about-wrap .about-split{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(20px,3vw,36px); align-items:center;
}
@media (max-width: 992px){
  body.page-id-603 .about-wrap .about-split{ grid-template-columns:1fr; gap:22px; }
  body.page-id-603 .about-wrap .about-split.reverse .about-split__media{ order:0; }
  body.page-id-603 .about-wrap .about-split.reverse .about-split__copy { order:1; }
}

/* Base transitions */
.breadcrumb a,
.woocommerce button.button,
.woocommerce a.button{
  transition:color .3s ease, background-color .3s ease;
}

/* --- Hero overlay + typography --- */
.wht-hero {
  position: relative; min-height: 80vh; display: grid; place-items: center;
  overflow: hidden;
}
.wht-hero video, .wht-hero .poster {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.wht-hero::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35));
}
.wht-hero .inner {
  position:relative; z-index:2; text-align:center; padding: clamp(24px,5vw,56px);
  color:#fff; max-width: 960px; margin: 0 auto;
}
.wht-hero h1 { font-size: clamp(32px,5vw,64px); line-height:1.05; margin:0 0 .4em; }
.wht-hero p  { font-size: clamp(16px,2.2vw,20px); opacity:.95; }

/* Buttons (neutral brand) */
.wht-btn {
  --btn: var(--brand, #2E2E2E);
  --btn-hover: var(--brand-dk, #1F1F1F);
  display:inline-block; padding:.9em 1.35em; border-radius:14px;
  border:2px solid var(--btn); text-transform:uppercase; letter-spacing:.04em;
  font-weight:700; transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  margin:.35rem .4rem 0;
}
.wht-btn--solid { background: var(--btn); color:#fff;}
.wht-btn--ghost { background: transparent; color:#fff; } /* hero is dark, so white text works */

.wht-btn:hover { transform: translateY(-1px); }
.wht-btn--solid:hover  { background: var(--btn-hover); border-color: var(--btn-hover); color:#fff; }
.wht-btn--ghost:hover  { background: var(--btn);       border-color: var(--btn);       color:#fff; }
.wht-btn:focus {
  outline:2px solid color-mix(in srgb, var(--btn), #ffffff 35%);
  outline-offset:2px;
}

/* Quick links grid */
.wht-quicklinks { display:grid; gap:16px; grid-template-columns: repeat(4, 1fr); }
@media (max-width:1024px){ .wht-quicklinks{ grid-template-columns: repeat(2, 1fr);} }
@media (max-width:640px) { .wht-quicklinks{ grid-template-columns: 1fr;} }

.wht-card {
  position:relative; border-radius:18px; overflow:hidden; min-height: 220px; display:grid; place-items:end;
  background:#111; color:#fff; padding:18px; isolation:isolate; cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.18); transition: transform .18s ease;
}
.wht-card:hover { transform: translateY(-3px); }
.wht-card::after{
  content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.55));
  z-index:-1;
}

/* Collections icon tiles */
.wht-collections { display:grid; gap:16px; grid-template-columns: repeat(5,1fr); }
@media (max-width:1200px){ .wht-collections{ grid-template-columns: repeat(3,1fr);} }
@media (max-width:640px) { .wht-collections{ grid-template-columns: repeat(2,1fr);} }
.wht-ico {
  background:#0f0f0f; border:1px solid #222; border-radius:18px; padding:24px; text-align:center;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.wht-ico:hover { transform: translateY(-3px); box-shadow:0 10px 28px rgba(0,0,0,.25); border-color:#333; }
.wht-ico img { width:64px; height:64px; margin-bottom:12px; }
.wht-ico small { display:block; opacity:.8; margin-top:6px; }

/* Mission + Newsletter */
.wht-mission p { font-size: 1.05rem; line-height:1.6; }


/* (Intentionally removed the category-specific color overrides for now) */

/* ================================================
   Category Hover Accent System (Men / Women / Youth)
   Keeps defaults neutral — adds subtle color cue on hover only
   ================================================ */

/* --- MEN (Teal) --- */
body.tax-product_cat.term-men a:hover,
body.tax-product_cat.term-men .woocommerce a.button:hover,
body.tax-product_cat.term-men .woocommerce button.button:hover,
body.tax-product_cat.term-men .woocommerce input.button:hover,
body.tax-product_cat.term-men .wht-btn:hover {
  color: #0D6E78 !important;
  border-color: #0D6E78 !important;
  
}
body.tax-product_cat.term-men .woocommerce a.button:hover,
body.tax-product_cat.term-men .woocommerce button.button:hover,
body.tax-product_cat.term-men .woocommerce input.button:hover,
body.tax-product_cat.term-men .wht-btn--solid:hover {
  background-color: #0D6E78 !important;
  color: #fff !important;
}

/* --- WOMEN (Rose) --- */
body.tax-product_cat.term-women a:hover,
body.tax-product_cat.term-women .woocommerce a.button:hover,
body.tax-product_cat.term-women .woocommerce button.button:hover,
body.tax-product_cat.term-women .woocommerce input.button:hover,
body.tax-product_cat.term-women .wht-btn:hover {
  color: #C84B88 !important;
  border-color: #C84B88 !important;
}
body.tax-product_cat.term-women .woocommerce a.button:hover,
body.tax-product_cat.term-women .woocommerce button.button:hover,
body.tax-product_cat.term-women .woocommerce input.button:hover,
body.tax-product_cat.term-women .wht-btn--solid:hover {
  background-color: #C84B88 !important;
  color: #fff !important;
}

/* --- YOUTH (Green) --- */
body.tax-product_cat.term-youth a:hover,
body.tax-product_cat.term-youth .woocommerce a.button:hover,
body.tax-product_cat.term-youth .woocommerce button.button:hover,
body.tax-product_cat.term-youth .woocommerce input.button:hover,
body.tax-product_cat.term-youth .wht-btn:hover {
  color: #469A3D !important;
  border-color: #469A3D !important;
}
body.tax-product_cat.term-youth .woocommerce a.button:hover,
body.tax-product_cat.term-youth .woocommerce button.button:hover,
body.tax-product_cat.term-youth .woocommerce input.button:hover,
body.tax-product_cat.term-youth .wht-btn--solid:hover {
  background-color: #469A3D !important;
  color: #fff !important;
}

/* ===== WHT Hot-fix — buttons, links, quick view (2025-11-01) ===== */

/* 1) Links: kill underlines globally (Woo & modal UIs often ignore the Customizer toggle) */
a,
.entry-content a,
.woocommerce a,
.mfp-content a { text-decoration: none; }
a:hover, a:focus,
.entry-content a:hover, .entry-content a:focus,
.woocommerce a:hover, .woocommerce a:focus,
.mfp-content a:hover, .mfp-content a:focus { text-decoration: none; }

/* 2) Buttons: restore readable line-height + prevent wrapping */
button,
.ast-button,
.button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce input.button {
  line-height: 1.15em;         /* was 0.5em — too tight */
  white-space: nowrap;          /* keep “ADD TO CART” on one line */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 3) Quick View / product images inside popups: contain instead of overflow */
.mfp-content .woocommerce div.product div.images img,
.mfp-content .woocommerce-product-gallery__image img,
.woocommerce div.product div.images img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* ====== Home layout (scoped) ====== */
.home-wrap { background:#f4f4f4; }
.home-wrap .home-grid{
  --gap: 16px;
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  grid-template-areas:
    "mission menTall"
    "menWide  rightStack"
    "mini1    story"
    "mini2    story";
  gap: var(--gap);
  max-width: 1180px;
  margin: clamp(28px,4vw,48px) auto;
  padding: 0 16px 40px;
}

/* Regions */
.home-wrap .mission{ grid-area: mission; align-self:start; }
.home-wrap .tile--tall{ grid-area: menTall; }
.home-wrap .tile--wide{ grid-area: menWide; }
.home-wrap .tile--small:nth-of-type(4){ grid-area: rightStack; } /* women (first small) */
.home-wrap .tile--small:nth-of-type(5){ grid-area: rightStack; } /* youth (second small) */
.home-wrap .tile--mini:nth-of-type(6){ grid-area: mini1; }
.home-wrap .tile--mini:nth-of-type(7){ grid-area: mini2; }
.home-wrap .tile--story{ grid-area: story; }

/* Mission copy */
.home-wrap .mission h2{ margin:0 0 .35em; }
.home-wrap .mission p{ font-size:1.125rem; line-height:1.65; max-width:28ch; }

/* Tiles */
.home-wrap .tile{
  position:relative; display:block; overflow:hidden; border-radius:14px;
  background:#111; color:#fff; min-height: 160px;
  box-shadow:0 8px 24px rgba(0,0,0,.15); isolation:isolate;
}
.home-wrap .tile .media,
.home-wrap .tile .poster,
.home-wrap .tile .poster img,
.home-wrap .tile video.loop{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.home-wrap .tile .poster img{ display:block; filter: contrast(1.02) saturate(1.02); }
.home-wrap .tile video.loop{ opacity:0; transition:opacity .25s ease; }
.home-wrap .tile.is-playing video.loop{ opacity:1; }

.home-wrap .tile::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.05) 40%, rgba(0,0,0,.55));
  z-index:1;
}
.home-wrap .tile .tag{
  position:absolute; left:14px; bottom:12px; z-index:2;
  padding:8px 12px; border-radius:10px; font-weight:700; letter-spacing:.04em;
  background: rgba(0,0,0,.55); color:#fff; text-transform:uppercase;
}

/* Size variants */
.home-wrap .tile--tall{ min-height: 460px; }
.home-wrap .tile--wide{ min-height: 300px; }
.home-wrap .tile--small{ min-height: 210px; }
.home-wrap .tile--mini{ min-height: 130px; }
.home-wrap .tile--story{ min-height: 260px; }

/* Category hover color accents (text only, keeps brand consistency) */
.home-wrap .label-men:hover .tag{ color: var(--teal-men, #0e6f7b); }
.home-wrap .label-women:hover .tag{ color: var(--rose-women, #a84862); }
.home-wrap .label-youth:hover .tag{ color: var(--amber-youth, #b07a18); }
.home-wrap .label-stories:hover .tag{ color: var(--ast-global-color-1); }

/* Responsive */
@media (max-width: 1024px){
  .home-wrap .home-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "mission"
      "menTall"
      "menWide"
      "rightStack"
      "mini1"
      "mini2"
      "story";
  }
  
 .home-wrap .tile--tall{ min-height: 420px; }
}

/* ================================
   Wear His Truth — About Us (scoped)
   Full-bleed hero, overlap cards, left-aligned bullets
   ================================ */
   
body.home .section-pad { padding: 64px 0; }
@media (max-width: 921px){ body.home .section-pad { padding: 40px 0; } }

/* Full-bleed hero */
body.home .home-hero { margin: 0; }
body.home .home-hero__media{
  position: relative;
  width: 100vw;              /* true full width */
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: -100px;
  min-height: 72vh;
  background-image: var(--hero-image);
  background-size: cover;
  background-position: center;
}

@media (max-width: 921px){ body.home .home-hero__media{ min-height: 60vh; } }
@media (max-width: 544px){ body.home .home-hero__media{ min-height: 48vh; } }

body.home .home-hero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.6) 100%);
}
body.home .home-hero__inner{
  position:relative; z-index:2;
  max-width: 820px;
  margin: 0 auto;
  padding: 12vh 20px 14vh;
  text-align:center;
  color:#f4f4f4;
}
body.home .home-hero__title{
  font-family:'Bebas Neue',sans-serif;
  font-weight:600;
  line-height:1.0;
  letter-spacing:2px;
  font-size: clamp(42px, 7vw, 86px);
  text-transform:uppercase;
  margin: 0 0 14px;
}
body.home .home-hero__tag{
  font-family:'Montserrat',sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.9;
  margin:0 0 28px;
}

/* Mission band */
body.home .home-mission{ background:#f5f6f7; }
body.home .home-mission .container{ max-width:1225px; margin:0 auto; padding:0 20px; }
body.home .home-mission__grid{
  display:grid; grid-template-columns: 1fr 1.2fr; gap:24px;
  align-items:start;
}
@media (max-width: 921px){
  body.home .home-mission__grid{ grid-template-columns:1fr; }
}
body.home .home-mission h2{
  font-family:'Bebas Neue',sans-serif; text-transform:uppercase;
  font-size: clamp(28px, 4vw, 46px); margin:0 0 10px;
}
body.home .home-mission .lede{
  font-size: clamp(18px, 2.2vw, 22px);
  line-height:1.5; max-width: 34ch;
}

/* Tiles */
body.home .tiles-grid{ max-width:1225px; margin:0 auto; padding:0 20px; }
body.home .tiles-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 921px){
  body.home .tiles-grid{ grid-template-columns:1fr; }
}

/* Tile base */
body.home .tile{
  position:relative; display:block; overflow:hidden; border-radius:12px;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  background:#000;
}
body.home .tile__media{ position:relative; }
body.home .tile__media img,
body.home .tile__media video{ width:100%; height:100%; object-fit:cover; display:block; }
body.home .tile__video{ opacity:0; pointer-events:none; transition:opacity .25s ease; }

/* Sizes */
body.home .tile--feature{ min-height: 380px; }
body.home .tile--landscape{ min-height: 320px; }
body.home .tile--portrait{ min-height: 480px; }

/* Label */
body.home .tile__label{
  position:absolute; left:20px; bottom:16px;
  font-family:'Bebas Neue',sans-serif; letter-spacing:2px;
  color:#f4f4f4; font-size: clamp(22px, 3vw, 32px);
  text-shadow: 0 2px 8px rgba(0,0,0,.45);
}

/* Hover (desktop only) */
@media (hover:hover){
  body.home .tile:hover .tile__video{ opacity:1; }
}

/* Mini footer nav */
body.home .home-mini-nav{
  grid-column:1/-1; display:flex; gap:25px; justify-content:center; padding-top:8px;
}
body.home .home-mini-nav a{
  text-transform:uppercase; font-family:'Oswald',sans-serif; font-size:18px; letter-spacing:.08em;
}

/* =========================================
   Wear His Truth — HOME
   ========================================= */

/* ---------- Full-bleed hero ---------- */
body.home .home-hero { margin: 0; }
body.home .home-hero__media{
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  min-height: 72vh;
  background-image: var(--hero-image);
  background-size: cover;
  background-position: center;
  /* Optional sticky-header clearance; set via inline --header-offset if needed */
  transform: translateY(calc(var(--header-offset, 0px) * -1));
}
.home-hero__scrim{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.35) 40%, rgba(0,0,0,.35) 100%);
}
.home-hero__inner{
  position: relative;
  display: grid;
  place-items: center;
  text-align: center;
  min-height: 72vh;
  padding: clamp(64px, 8vh, 120px) 16px;
}
.home-hero__headline{
  margin: 0 0 12px 0;
  line-height: 1.05;
  letter-spacing: .02em;
  font-weight: 800;
  font-size: clamp(36px, 5.6vw, 72px);
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.home-hero__headline span{ display:block; }
.home-hero__tag{
  margin: 4px 0 24px 0;
  font-size: clamp(12px, 1.4vw, 14px);
  letter-spacing: .08em;
  color: rgba(255,255,255,.85);
}
.home-hero__cta{
  display:inline-block;
  padding: 12px 22px;
  border-radius: 8px;
  background: #222;           /* uses your dark button look */
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .04em;
  box-shadow: 0 6px 22px rgba(0,0,0,.25);
  transition: transform .18s ease, opacity .18s ease;
}
.home-hero__cta:hover{ transform: translateY(-1px); opacity:.92; }

/* ---------- Mission + grid wrapper ---------- */
.home-section{
  padding: clamp(28px, 4vw, 48px) clamp(12px, 3vw, 24px);
}
.home-mission{
  background: #f4f4f4;   /* matches your light card canvas */
  border-radius: 12px;
  margin: 24px auto;
  max-width: 1200px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
}
.home-mission__text{
  padding: clamp(20px, 3vw, 28px);
  max-width: 520px;
}
.home-mission__text h2{
  margin: 0 0 10px 0;
  font-size: clamp(24px, 3.2vw, 32px);
  letter-spacing: .04em;
  font-weight: 800;
}
.home-mission__text p{
  margin: 0;
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.5;
  opacity: .85;
}

/* ---------- Mosaic grid ---         DELETED------- */


/* ---------- Tile base ----DELETED------ */


/* ---------- Footer quick links row ---------- */
.home-quicklinks{
  display:flex; gap: 22px; justify-content:center;
  padding: 28px 10px 36px;
  font-weight: 700; letter-spacing: .06em;
}
.home-quicklinks a{
  color:#111; text-decoration:none; opacity:.8;
}
.home-quicklinks a:hover{ opacity:1; }

/* =========================================
   Wear His Truth — Home page fixes (Astra)
   Scope: body.home only
   ========================================= */

/* 0) Reset container padding on Home */
body.home .ast-container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* 1) Make Gutenberg .alignfull truly edge-to-edge */
body.home .entry-content > .alignfull,
body.home .home-hero.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* 2) Hero: baseline sizing + safe header overlap */
body.home .home-hero {
  position: relative;
  min-height: clamp(60vh, 80vh, 92vh);
  display: grid;
  place-items: center;
  isolation: isolate;
}
body.home .home-hero__media {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--hero-image, radial-gradient(1200px 800px at 70% 40%, #1b1b1b, #0f0f10));
  overflow: hidden;
}
body.home .home-hero__scrim {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,.15) 100%);
}
body.home .home-hero__inner {
  position: relative; z-index: 2;
  width: min(1200px, 92vw);
  margin-inline: auto;
  padding: clamp(24px, 3.5vw, 56px);
  display: grid; gap: .75rem;
  justify-items: end; /* right-align the headline per your mock */
}
body.home .home-hero__headline {
  font-size: clamp(36px, 8vw, 96px);
  line-height: 0.95;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 6px 22px rgba(0,0,0,.35);
  margin: 0;
}
body.home .home-hero__tag {
  color: #e6e6e6;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
body.home .home-hero__cta {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 10px;
  background: #141414;
  color: #fff; text-decoration: none; font-weight: 700;
  box-shadow: 0 8px 26px rgba(0,0,0,.25);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
body.home .home-hero__cta:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.35); background:#0f0f0f; }

/* Optional: add top offset if sticky header overlaps hero content on scroll */
@media (min-width: 769px){
  body.home .home-hero { scroll-margin-top: var(--ast-header-height, 80px); }
}

/* 3) Mission band width + centering */
body.home .home-mission {
  width: min(1200px, 92vw);
  margin: clamp(28px, 5vw, 60px) auto;
  padding: clamp(18px, 3.5vw, 32px);
  border-radius: 16px;
  background: #f5f6f7;
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
}
body.home .home-mission h2 {
  font-size: clamp(28px, 4.2vw, 54px);
  line-height: 1;
  margin: 0 0 8px 0;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body.home .home-mission .lede { margin: 0; color: #6c6f74; letter-spacing: .04em; }

/* 4) Tiles → crisp grid (12-col) with the stagger you want ===DELETED====== */


/* Size/aspect helpers (keeps your stagger but aligns columns) =====DELETED= */


/* 5) Mini nav width/spacing */
body.home .home-quicklinks{
  width: min(1200px, 92vw);
  margin: clamp(24px, 5vw, 52px) auto;
  display:flex; gap: clamp(18px, 4vw, 120px);
  justify-content: space-between;
  color:#7b7e83; text-transform:uppercase; letter-spacing:.08em; font-weight:700;
}
body.home .home-quicklinks a{ color:inherit; text-decoration:none; }
body.home .home-quicklinks a:hover{ color:#111; }

/* 6) Responsive: stack tiles cleanly on small screens 
@media (max-width: 980px){
  body.home .home-tiles{ grid-template-columns: repeat(6, 1fr); }
  body.home .tile--xl { grid-column: 1 / -1; }
  body.home .tile--lg { grid-column: 1 / -1; }
  body.home .tile--md { grid-column: 1 / span 3; }
  body.home .tile--sm { grid-column: 4 / span 3; }
  body.home .tile--stories { grid-column: 1 / -1; }
}*/

/*@media (max-width: 640px){
  body.home .home-tiles{ grid-template-columns: repeat(4, 1fr); gap: 14px; }
  body.home .tile--md, body.home .tile--sm { grid-column: 1 / -1; }
}*/

/* =========================================
   WHT — Home Hero v2 (Full-bleed, short banner)
   Scope: body.home only
   ========================================= */

/* make alignfull truly edge-to-edge on Astra */
body.home .entry-content > .alignfull,
body.home .home-hero-v2.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* overall hero block – control height here */
body.home .home-hero-v2 {
  --hero-height: clamp(36vh, 48vh, 58vh);   /* << shorter than 16:9 */
  --hero-max: 920px;                        /* hard ceiling on giant displays */
  position: relative;
  min-height: min(var(--hero-height), var(--hero-max));
  isolation: isolate;
}

/* media wrapper */
body.home .home-hero-v2 .hero-media {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; /* crop the video vertically */
  background: #0f0f10;
}

/* the video – intrinsic 16:9 but we crop to our custom height */
body.home .home-hero-v2 .hero-video {
  position: absolute; inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;     /* fills width, crops top/bottom as needed */
  object-position: 50% 40%;  /* tweak framing (x y). Try 50% 35–45% */
  display: block;
}

/* optional gradient for contrast under white headings */
body.home .home-hero-v2 .hero-scrim {
  position: absolute; inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.32) 0%, rgba(0,0,0,.18) 35%, rgba(0,0,0,0) 70%),
    linear-gradient(90deg, rgba(0,0,0,.40) 0%, rgba(0,0,0,.12) 40%, rgba(0,0,0,0) 70%);
}

/* content container (if you want heading/CTA later) */
body.home .home-hero-v2 .hero-inner {
  position: relative; z-index: 2;
  width: min(1200px, 92vw);
  margin: 0 auto;
  padding: clamp(20px, 3.5vw, 48px);
  display: grid;
  align-content: center;
  min-height: inherit; /* matches hero height for vertical centering */
}

/* Make alignfull truly edge-to-edge on Astra (Home only) */
body.home .entry-content > .alignfull,
body.home .home-hero-v2.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Kill any theme padding/margins above the first block */
body.home .site-content,
body.home .ast-container,
body.home .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.home .entry-content > *:first-child {
  margin-top: 0 !important;
}

/* Hero height — bump it up a notch */
body.home .home-hero-v2 {
  --hero-height: clamp(42vh, 54vh, 62vh); /* taller than before */
  --hero-max: 980px;
  position: relative;
  min-height: min(var(--hero-height), var(--hero-max));
  isolation: isolate;
}

/* Media + crop */
body.home .home-hero-v2 .hero-media { position: relative; width:100%; height:100%; overflow:hidden; background:#0f0f10; }
body.home .home-hero-v2 .hero-video {
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;         /* fills width, crops vertically */
  object-position:50% 40%;  /* nudge framing (try 35–45%) */
  display:block;
}

/* Optional contrast scrim */
body.home .home-hero-v2 .hero-scrim {
  position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.10) 55%, rgba(0,0,0,0) 85%);
}

/* Content wrapper for later headings/buttons */
body.home .home-hero-v2 .hero-inner {
  position:relative; z-index:2;
  width:min(1200px, 92vw);
  margin:0 auto;
  padding: clamp(20px, 3.5vw, 48px);
  min-height: inherit;
  display:grid; align-content:center;
}

/* Make sure Page Builder Template gives us a true edge-to-edge canvas */
body.home.ast-page-builder-template .site-content > .ast-container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Alignfull blocks: break out of any residual wrapper */
body.home .entry-content > .alignfull,
body.home .entry-content > .wp-block-group.alignfull,
body.home .home-hero-v2.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Remove any top spacing when transparent header is on */
body.home.ast-theme-transparent-header #content,
body.home.ast-theme-transparent-header .site-content,
body.home.ast-theme-transparent-header .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ================================
   WHT — Home hero FORCE full-bleed
   Works even on Astra front-page
   ================================ */

/* Break the hero out of ANY container on Home */
body.home section.home-hero-v2 {
  position: relative;
  /* force edge-to-edge regardless of wrappers */
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;

  /* control height here */
  --hero-height: clamp(42vh, 54vh, 62vh);
  --hero-max: 980px;
  min-height: min(var(--hero-height), var(--hero-max));
  isolation: isolate;
}

/* Crop/fill video inside the forced full-bleed hero */
body.home .home-hero-v2 .hero-media{ position:relative; width:100%; height:100%; overflow:hidden; background:#0f0f10; }
body.home .home-hero-v2 .hero-video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;          /* fills width, crops vertically */
  object-position:50% 40%;   /* tweak framing if needed */
  display:block;
}

/* Optional contrast */
body.home .home-hero-v2 .hero-scrim{
  position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.08) 60%, rgba(0,0,0,0) 90%);
}

/* Make the header appear 'transparent' on Home even if Astra toggle fights us */
body.home .main-header-bar,
body.home .site-header {
  background: transparent !important;
}

/* Remove any top padding/margins Astra adds on front-page */
body.home .site-content,
body.home .ast-container,
body.home .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.home .entry-content > *:first-child { margin-top: 0 !important; }

/* WHT — Home hero (force full-bleed, page-scoped) */
body.page-id-600 .site-content,
body.page-id-600 .ast-container,
body.page-id-600 .entry-content{
  padding-top:0 !important; margin-top:0 !important;
}

body.page-id-600 .ast-container{
    max-width:100% !important;
    padding-left:35px !important;
    padding-right:35px !important; }

/* Break the hero out of any wrapper */
body.page-id-600 section.home-hero-v2{
  width:100vw !important; max-width:100vw !important;
  left:50% !important; margin-left:-50vw !important;
  right:50% !important; margin-right:-50vw !important;
  --hero-height: clamp(42vh, 54vh, 62vh);  /* <— shorter than 16:9 */
  --hero-max: 980px;
  min-height:min(var(--hero-height), var(--hero-max));
  position:relative; isolation:isolate;
}

/* Crop the 16:9 video to our shorter banner */
body.page-id-600 .home-hero-v2 .hero-media{ position:relative; width:100%; height:100%; overflow:hidden; background:#0f0f10; }
body.page-id-600 .home-hero-v2 .hero-video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover;           /* fills width */
  object-position:50% 40%;    /* nudge framing if needed */
}

/* Optional: make header feel transparent on home */
body.page-id-600 header.site-header{ background:transparent !important; margin-bottom:-64px; }
@media (max-width:782px){ body.page-id-600 header.site-header{ margin-bottom:-48px; } }

/* Shorter cinematic band */
body.page-id-600 section.home-hero-v2{
  --hero-height: clamp(30vh, 40vh, 50vh);
  --hero-max: 860px;
}

/* If you still see a thin line under the header on Home */
body.page-id-600 .main-header-bar,
body.page-id-600 .site-header {
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Ensure the poster/background shows even if video stalls */
body.page-id-600 .home-hero-v2 .hero-media{
  background-color:#0f0f10;
  background-size: cover;
  background-position: 50% 40%;
}

/* ==========================================
   Wear His Truth — Home Hero Layout (page 600)
   ========================================== */

body.page-id-600 .wht-home-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: #f6f7f9;
  padding: clamp(20px, 8vh, 64px) 0 80px;
  position: relative;
  overflow: visible;
}

/* Constrained copy at the top */
body.page-id-600 .wht-home-hero__copywrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 clamp(16px, 5vw, 82px);
  text-align: center;
}

body.page-id-600 .wht-home-hero__headline {
  margin: 0 0 6px;          /* was 10px */
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;        /* add this was 1.15 */
  font-size: clamp(24px, 3vw, 32px);
}

body.page-id-600 .wht-home-hero__sub {
  margin: 0 auto 12px;      /* add bottom margin control */
  max-width: 52rem;
  font-size: clamp(13px, 1.6vw, 17px);
  line-height: 1.55;        /* was 1.7 */
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #333;
}

/* Full-width cinematic video strip */
body.page-id-600 .wht-home-hero__video-wrap {
  margin-top: clamp(24px, 5vh, 40px);
  position: relative;
  border-radius: 0; /* video goes edge-to-edge, but inner frame is rounded */
  overflow: visible;
}

body.page-id-600 .wht-home-hero__video {
  display: block;
  width: 100%;
  height: 400px; /* main desktop height */
  object-fit: cover;
  background: #000;
}

@media (max-width: 900px) {
  body.page-id-600 .wht-home-hero__video {
    height: 240px;
  }
}

@media (max-width: 900px){
  body.page-id-600 .wht-home-hero__video-wrap{
    margin-top: 14px; /* try 12–16px */
  }
}
















/* Scroll cue */
body.page-id-600 .wht-scroll-cue {
  margin: clamp(38px, 6vh, 52px) auto 0;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #777;
}

body.page-id-600 .wht-scroll-cue__chevron {
  display: inline-block;
  margin-top: 6px;
  width: 18px;
  height: 18px;
  border-bottom: 2px solid #bcbcbc;
  border-right: 2px solid #bcbcbc;
  transform: rotate(45deg);
  animation: wht-scroll-pulse 1.4s infinite;
}

@keyframes wht-scroll-pulse {
  0%   { transform: translateY(0)    rotate(45deg); opacity: 0.8; }
  50%  { transform: translateY(4px)  rotate(45deg); opacity: 1;   }
  100% { transform: translateY(0)    rotate(45deg); opacity: 0.8; }
}

body.page-id-600 .wht-home-hero__headline {
  margin: 0 0 6px; /* was 10px */
}

/* WHT — Home page: keep header solid and above hero/video */
body.page-id-600 #masthead,
body.page-id-600 .main-header-bar {
      background-color: #ffffff !important;
      z-index: 9999 !important;
}



/* --------------------------------------------------------------
   WHT — Home Chapter 4: Brand Conviction
   -------------------------------------------------------------- */

.home-chapter {
  padding-inline: 1.5rem;
}

.home-chapter-inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* Chapter 4 specific styles */

.home-chapter-conviction {
  padding-block: clamp(3.5rem, 7vw, 5rem);
  background: var(--wht-bg-soft);
  border-top: 1px solid rgba(4, 4, 10, 0.04);
  border-bottom: 1px solid rgba(4, 4, 10, 0.04);
}

.home-chapter-conviction .home-chapter-inner {
  text-align: center;
}

/* Main headline */

.home-chapter-title {
  font-size: clamp(1.8rem, 3.1vw, 2.4rem);
  line-height: 1.15;
  letter-spacing: 0.16em;
  color: var(--wht-text-strong);
  margin: 0;
}

.home-chapter-title span {
  display: block;
  margin-bottom: 0em; /* tighten the space between lines */
}

.home-chapter-title-break {
  margin-top: 0.35rem;
}

/* Body copy */

.home-chapter-body {
  max-width: 40rem;
  margin: 0.75rem auto 0;
  font-size: 1.25rem;
  line-height: 1.7;
  color: var(--wht-text-soft);
}

/* Responsiveness tweaks */

@media (max-width: 768px) {
  .home-chapter-conviction {
    padding-block: 3rem;
  }

  .home-chapter-title {
    font-size: 1.6rem;
    letter-spacing: 0.12em;
  }

  .home-chapter-body {
    font-size: 0.95rem;
  }
}
/* Chapter 4: keep the long paragraphs easy to read */
.home-chapter-conviction .wht-home-seo{
  max-width: 110ch;
  margin: 1.5rem auto 0;
}
.home-chapter-conviction .wht-home-seo p + p{
  margin-top: 1rem;
}
@media (max-width: 768px){
  body.page-id-600 .uagb-block-6c89009f{
    display: none !important;
  }
}








/* HOME • Chapter 6 – story row layout */
.wht-stories-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 across */
  gap: 1.25rem;
  justify-content: center;
  align-items: stretch;
}

@media (min-width: 901px) {
  .wht-stories-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    justify-content: center;
  }
}




/*From Home Page Custom CSS */
/* ==============================
   WHT — Page 600 • Chapter 6
   Stories / C============================= */

body.page-id-600 #wht-stories {
  padding-block: clamp(4rem, 8vw, 5.5rem);
}

body.page-id-600 #wht-stories .wht-stories-inner {
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: clamp(1.5rem, 4vw, 2.5rem);
  text-align: center;
}

/* Headings */

body.page-id-600 #wht-stories .wht-stories-eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #4b4f56;
  margin-bottom: 0.75rem;
}

body.page-id-600 #wht-stories .wht-stories-heading {
  font-size: clamp(1.6rem, 2.2vw, 2rem);
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

body.page-id-600 #wht-stories .wht-stories-subtitle {
  font-size: 0.85rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #999ca3;
  margin-bottom: clamp(2.25rem, 4vw, 2.75rem);
}

/* Layout shell */

body.page-id-600 #wht-stories .wht-stories-shell {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

/* Cards row */

body.page-id-600 #wht-stories .wht-stories-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  justify-content: center;
}

body.page-id-600 #wht-stories .wht-story-card {
  border: none;
  padding: 0;
  background: linear-gradient(145deg, #111216, #181b21);
  border-radius: 1.4rem;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.28);
  transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
  opacity: 0.6;
}

body.page-id-600 #wht-stories .wht-story-card.is-active {
  opacity: 1;
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

body.page-id-600 #wht-stories .wht-story-card-media img {
  display: block;
  width: 100%;
  height: 130px;
  object-fit: cover;
}

body.page-id-600 #wht-stories .wht-story-card-label {
  padding: 0.85rem 1.1rem 1rem;
}

body.page-id-600 #wht-stories .wht-story-card-tag {
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #f5f6f8;
}

/* Dots */

body.page-id-600 #wht-stories .wht-stories-dots {
  display: flex;
  justify-content: center;
  gap: 0.6rem;
  margin-top: 0.75rem;
}

body.page-id-600 #wht-stories .wht-stories-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: #c4c7ce;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease;
}

body.page-id-600 #wht-stories .wht-stories-dot.is-active {
  background: #22252c;
  transform: scale(1.4);
}

/* Quote */

body.page-id-600 #wht-stories .wht-stories-review {
  margin-top: 1.8rem;
}

body.page-id-600 #wht-stories .wht-stories-quote {
  max-width: 640px;
  margin: 0 auto 0.5rem;
  font-size: 0.9rem;
  line-height: 1.7;
  color: #474b53;
}

body.page-id-600 #wht-stories .wht-stories-meta {
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #a1a4ac;
}

/* Responsive */

@media (max-width: 900px) {
  body.page-id-600 #wht-stories .wht-stories-track {
    grid-template-columns: 1fr;
    max-width: 420px;
    margin-inline: auto;
  }
}
/* WHT — Chapter 6 hide dots completely */
body.page-id-600 #wht-stories .wht-stories-dots {
  display: none !important;
}

















/* ==============================================ADDED====================*/

/* -----------------------------------------
   WHT — Home hero tiles (Stand / Reflect / Rise)
   ----------------------------------------- */

/* Wrapper that overlaps the hero video */
body.page-id-600 .wht-home-tiles-outer {
  position: relative;
  max-width: 1180px;
  margin: clamp(-70px, -8vh, -50px) auto 0;
  padding: 0 clamp(16px, 5vw, 32px);
  z-index: 3;
}

/* 3-up grid on desktop, stack on mobile */
body.page-id-600 .wht-home-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}

@media (max-width: 900px) {
  body.page-id-600 .wht-home-tiles {
    grid-template-columns: 1fr;
  }


@media (max-width: 900px){
  body.page-id-600 .wht-home-tiles{
    gap: 14px; /* tighter stack */
  }
}
@media (max-width: 900px){
  body.page-id-600 .wht-home-tile{
    box-shadow: 0 8px 18px rgba(0,0,0,.07),
                0 2px 6px rgba(0,0,0,.05);
  }
}


  body.page-id-600 .wht-home-tiles-outer {
    margin-top: clamp(16px, 3vh, 24px);
  }
}

/* Individual tile base — match About pillars feel */
body.page-id-600 .wht-home-tile {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  color: #4A4A4A;
  display: flex;
  align-items: flex-end;
  min-height: 190px;

  /* Same base shadow as About pillars */
  box-shadow: 0 10px 24px rgba(0,0,0,.08),
              0 2px 6px rgba(0,0,0,.06);

  isolation: isolate;

  /* fade + slight up on page load */
  opacity: 0;
  transform: translateY(12px);
  animation: whtHomeTileIn 0.55s ease-out forwards;

  /* only animate shadow on hover */
  transition: box-shadow 0.25s ease;
}

/* Stagger the entrance slightly, like a wave */
body.page-id-600 .wht-home-tiles .wht-home-tile:nth-child(2) {
  animation-delay: 0.08s;
}
body.page-id-600 .wht-home-tiles .wht-home-tile:nth-child(3) {
  animation-delay: 0.16s;
}

/* Hover: stronger shadow, NO movement */
body.page-id-600 .wht-home-tile:hover {
  box-shadow: 0 5px 18px rgba(0,0,0,0.15),
              0 12px 10px rgba(0,0,0,0.20);
}

/* Keyframes for the fade/slide-in */
@keyframes whtHomeTileIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.page-id-600 .wht-home-tile:hover::before {
  opacity: 1; /* brighten image a touch on hover */
}

/* Tile content */
body.page-id-600 .wht-home-tile__body {
  position: relative;
  padding: 18px 18px 20px;
}

body.page-id-600 .wht-home-tile__label {
  margin: 0 0 4px;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.82;
}

body.page-id-600 .wht-home-tile__title {
  margin: 0 0 4px;
  font-size: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /*ADDED COLOR -- same blue as About-Us titles */
  color: #3E6C91; 
}

body.page-id-600 .wht-home-tile__text {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.92;
}


/* =========================================================
   WHT • WOOCOMMERCE MY ACCOUNT (SCOPED)
   Targets: /my-account/ + all endpoints (orders, addresses, etc.)
   ========================================================= */
body.woocommerce-account {
  --wht-ink: #121212;
  --wht-text: rgba(0,0,0,.78);
  --wht-muted: rgba(0,0,0,.58);
  --wht-border: rgba(0,0,0,.12);
  --wht-soft: rgba(0,0,0,.06);
  --wht-card: #ffffff;

  --wht-nav-bg: #121212;              /* brand-dark */
  --wht-nav-sep: rgba(255,255,255,.14);
  --wht-nav-text: rgba(255,255,255,.86);
  --wht-nav-text-dim: rgba(255,255,255,.62);

  --wht-primary: #121212;             /* buttons */
  --wht-radius: 16px;
  --wht-shadow: 0 14px 34px rgba(0,0,0,.10), 0 5px 14px rgba(0,0,0,.08);
}

/* tighten page container */
body.woocommerce-account .site-content .ast-container,
body.woocommerce-account .site-content .container {
  max-width: 1100px;
}

/* main Woo wrapper as a card */
body.woocommerce-account .woocommerce {
  background: var(--wht-card);
  border: 1px solid var(--wht-border);
  border-radius: var(--wht-radius);
  box-shadow: var(--wht-shadow);
  padding: clamp(18px, 2.2vw, 28px);
}

/* headings + text polish */
body.woocommerce-account .woocommerce h1,
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce h3 {
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce p,
body.woocommerce-account .woocommerce label {
  color: var(--wht-text);
}

/* layout: nav left / content right */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 260px;
  flex: 0 0 260px;
}

body.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 1 auto;
  min-width: 0;
  
}

/* if Woo outputs flex wrapper, this helps; if not, no harm */
body.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-navigation ~ .woocommerce-MyAccount-content {
  padding-left: 22px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
  display: block;
}

body.woocommerce-account .woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce {
  display: flex;
  gap: 22px;
  align-items: flex-start;
}

/* NAV: make it actually readable */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: var(--wht-radius);
  overflow: hidden;
  background: var(--wht-nav-bg);
  border: 1px solid rgba(0,0,0,.22);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li + li {
  border-top: 1px solid var(--wht-nav-sep);
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 14px;
  text-decoration: none;
  color: var(--wht-nav-text);
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.1;
}

/* icons inside the links (covers common icon plugins) */
body.woocommerce-account .woocommerce-MyAccount-navigation a i,
body.woocommerce-account .woocommerce-MyAccount-navigation a svg,
body.woocommerce-account .woocommerce-MyAccount-navigation a .dashicons,
body.woocommerce-account .woocommerce-MyAccount-navigation a:before {
  color: var(--wht-nav-text-dim) !important;
  fill: var(--wht-nav-text-dim) !important;
  opacity: 1 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: rgba(255,255,255,.08);
}

body.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a {
  background: rgba(255,255,255,.12);
  position: relative;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #ffffff;
  opacity: .95;
}

/* CONTENT: add breathing room + keep links on-brand */
body.woocommerce-account .woocommerce-MyAccount-content {
  background: transparent;
}

body.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--wht-ink);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

body.woocommerce-account .woocommerce-MyAccount-content a:hover {
  opacity: .85;
}

/* tables (orders, downloads) */
body.woocommerce-account .woocommerce table.shop_table {
  border: 1px solid var(--wht-border);
  border-radius: 12px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 14px;
}

body.woocommerce-account .woocommerce table.shop_table th {
  background: rgba(0,0,0,.04);
  color: var(--wht-ink);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 12px;
}

body.woocommerce-account .woocommerce table.shop_table td,
body.woocommerce-account .woocommerce table.shop_table th {
  padding: 12px 12px;
  border-top: 1px solid var(--wht-border);
}

body.woocommerce-account .woocommerce table.shop_table tr:first-child th,
body.woocommerce-account .woocommerce table.shop_table tr:first-child td {
  border-top: none;
}

/* forms + inputs */
body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce input[type="password"],
body.woocommerce-account .woocommerce input[type="tel"],
body.woocommerce-account .woocommerce select,
body.woocommerce-account .woocommerce textarea {
  border: 1px solid var(--wht-border);
  border-radius: 12px;
  padding: 12px 12px;
  background: #fff;
  color: var(--wht-ink);
  box-shadow: none;
}

body.woocommerce-account .woocommerce input:focus,
body.woocommerce-account .woocommerce select:focus,
body.woocommerce-account .woocommerce textarea:focus {
  outline: none;
  border-color: rgba(0,0,0,.35);
}

/* buttons to match your WHT primary style */
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-account .woocommerce #respond input#submit {
  background: var(--wht-primary);
  color: #fff;
  border: 1px solid rgba(0,0,0,.30);
  border-radius: 10px;
  padding: 11px 16px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce input.button:hover,
body.woocommerce-account .woocommerce #respond input#submit:hover {
  filter: brightness(1.08);
}

/* notices */
body.woocommerce-account .woocommerce .woocommerce-message,
body.woocommerce-account .woocommerce .woocommerce-info,
body.woocommerce-account .woocommerce .woocommerce-error {
  border-radius: 12px;
}

/* responsive: stack nav on top */
@media (max-width: 900px) {
  body.woocommerce-account .woocommerce {
    flex-direction: column;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    flex: 1 1 auto;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content,
  body.woocommerce-account .woocommerce-MyAccount-navigation ~ .woocommerce-MyAccount-content {
    padding-left: 0;
  }
}

/* =========================
   WHT • My Account – MOBILE NAV as horizontal tabs
   Paste AFTER your current Account CSS
   ========================= */
@media (max-width: 900px) {

  /* turn the nav list into a horizontal tab row */
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li{
    border-top: none !important;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation a{
    padding: 10px 12px;
    border-radius: 12px;
    white-space: nowrap;
    font-size: 12px;
    justify-content: center;
    background: rgba(255,255,255,.06);
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a{
    background: rgba(255,255,255,.14);
  }

  /* remove the left active bar on mobile (doesn't fit pills) */
  body.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a:after{
    display: none;
  }
}

body.woocommerce-account .woocommerce-MyAccount-content {
  padding-left: 26px;
  border-left: 1px solid rgba(0,0,0,.08);
}

.wht-account-greeting{
  margin: 0 0 12px 0;
  font-weight: 800;
  letter-spacing: .04em;
}

.wht-account-intro{
  margin: 0 0 18px 0;
  max-width: 620px;
}

/* =========================================================
   WHT • My Account dashboard: hide Woo default greeting/intro
   (keeps your custom WELCOME BACK + intro)
   ========================================================= */

/* Only on the Dashboard endpoint (not Orders/Addresses/etc.) */
body.woocommerce-account.woocommerce-page.woocommerce-account .woocommerce-MyAccount-content > p:nth-of-type(1),
body.woocommerce-account.woocommerce-page.woocommerce-account .woocommerce-MyAccount-content > p:nth-of-type(2) {
  display: none;
}


/* =========================================================
   WHT • Account content divider (desktop only)
   ========================================================= */
@media (min-width: 901px) {
  body.woocommerce-account .woocommerce-MyAccount-content {
    padding-left: 26px;
    border-left: 1px solid rgba(0,0,0,.08);
  }
}

/* WHT • Account notices */
body.woocommerce-account .woocommerce .woocommerce-info,
body.woocommerce-account .woocommerce .woocommerce-message {
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(0,0,0,.03) !important;
  color: rgba(0,0,0,.78) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}



.wht-anchor { padding: 50px 0; }
.wht-anchor__inner{
  max-width:1200px; margin:0 auto; padding:0 24px;
  display:flex; gap:48px; align-items:center;
}
.wht-anchor__media{ margin:0; flex:1 1 0; min-width:0; }
.wht-anchor__media img{
  display:block; width:100%; height:auto;
  border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,.12);
}
.wht-anchor__content{ flex:1 1 0; min-width:0; }
.wht-anchor__title{ margin:0 0 14px; letter-spacing:.08em; text-transform:uppercase; }
.wht-anchor__verse{ margin:0 0 14px; }
.wht-anchor__note{ margin:0 0 22px; opacity:.9; }
.wht-anchor__cta{ display:flex; gap:12px; flex-wrap:wrap; }

@media (max-width: 980px){
  .wht-anchor__inner{ flex-direction:column; gap:22px; align-items:stretch; }
}

/* Home anchor buttons: force them to match the dark filled style (like image 2) */
.wht-anchor .wht-anchor__cta .wht-btn,
.wht-anchor .wht-anchor__cta .wht-btn--outline{
  background: #222 !important;
  color: #fff !important;
  border: 1px solid #222 !important;

  border-radius: 4px !important;   /* match the squared/soft look */
  padding: 10px 16px !important;    /* adjust if needed */
  font-family: 'Oswald', sans-serif !important; /* ← THIS LINE */
  text-transform: uppercase;
  letter-spacing: .10em;
  font-weight: 700;
  font-size: 12px;
  text-decoration: none !important;
  box-shadow: none !important;
}

.wht-anchor .wht-anchor__cta .wht-btn:hover,
.wht-anchor .wht-anchor__cta .wht-btn--outline:hover{
  background: #3E6C91 !important;
  border-color: #3E6C91 !important;
  color: #fff !important;
  transform: translateY(-1px);
}