/*
 * Little Aura brand tokens + homepage styles.
 *
 * Palette source (Task 9, extracted with PHP+GD from the curated brand
 * images — see .superpowers/sdd/task-9-report.md for the full method):
 *   --la-accent    #a37b41  sampled from logo.png, the gold wordmark strokes.
 *   --la-accent-2  #9c86a8  sampled from logo.png, the amethyst gem accent.
 *   --la-bg        #faf6f1  a light tint of hero.jpg's dominant warm taupe
 *                  tone (#988179 / #ae9684), lightened for a readable page
 *                  background — the raw photo pixels are a studio wall, not
 *                  usable verbatim as a website background.
 *   --la-ink       #362c22  a dark warm brown, deepened from the same taupe
 *                  family, used instead of flat black for warmer text.
 *
 * Fonts are vendored locally in ../fonts/ (Assistant for body text, Frank
 * Ruhl Libre for display/headings) — no runtime CDN, works fully offline.
 */

@font-face {
  font-family: "Assistant";
  src: url("../fonts/assistant-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Assistant";
  src: url("../fonts/assistant-600.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Assistant";
  src: url("../fonts/assistant-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Frank Ruhl Libre";
  src: url("../fonts/frankruhllibre-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Frank Ruhl Libre";
  src: url("../fonts/frankruhllibre-500.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Frank Ruhl Libre";
  src: url("../fonts/frankruhllibre-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Aligned with the ora.ezpoint.online (Ora / אורה) site design — warm brown
     CTA #5b4437, amber accent #9b806c, Heebo headings + Poppins body, gray body text.
     Heebo/Poppins are loaded globally by the site's Elementor theme; other
     environments fall back to the vendored Assistant. */
  --la-bg: #f8f6f2;          /* warm cream — the site's signature section background */
  --la-bg-alt: #eee9e1;      /* deeper warm cream for the preview stage / alt panels */
  --la-ink: #3a2e25;
  --la-ink-soft: #606060;
  --la-accent: #5b4437;      /* deep warm brown — matches the site's primary button */
  --la-accent-deep: #443127; /* darker brown for hover/pressed states */
  --la-accent-2: #9b806c;    /* amber/terracotta — the site's add-to-cart + warm panels */
  --la-accent-2-deep: #79604f; /* darker amber for hover on amber actions */
  --la-card: #ffffff;
  --la-line: #e7dccd;
  --la-radius: 16px;
  --la-radius-sm: 10px;
  --la-shadow: 0 10px 30px rgba(90, 65, 35, .10);
  --la-shadow-soft: 0 4px 14px rgba(90, 65, 35, .08);
  --la-font: "Poppins", "Assistant", system-ui, sans-serif;
  --la-font-display: "Heebo", "Assistant", system-ui, sans-serif;
  --la-ease: cubic-bezier(.22, .61, .36, 1);
}
[x-cloak] { display: none !important; }

/* Natalie's neutral palette across the existing Elementor pages. */
body .woocommerce-loop-product__title,
body .la-h2, body .la-summary-title { color:#5b4437 !important; }
body .orha-process h2,body .orha-ready-intro h1 {
  font-family:"Frank Ruhl Libre","Heebo","Assistant",serif !important;
  font-weight:500;
}
body .woocommerce a.button,body .woocommerce button.button,
body .elementor-menu-cart__footer-buttons a { background:#5b4437 !important; color:#fff !important; border-color:#5b4437 !important; }
body .woocommerce a.button:hover,body .woocommerce button.button:hover,
body .elementor-menu-cart__footer-buttons a:hover { background:#443127 !important;color:#fff !important; }
body .elementor-menu-cart__subtotal,body .elementor-menu-cart__product-price { color:#5b4437; }
body .elementor-menu-cart__footer-buttons .elementor-button { opacity:1!important; font-weight:600; }
.orha-process { padding:15px 0; text-align:center; }
.orha-process h2 {font-size:clamp(30px,4vw,48px);margin:0 0 18px;color:#5b4437;}
.orha-process>p {max-width:740px;margin:0 auto 35px;color:#65584d;font-size:18px;}
.orha-steps {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin:30px 0;list-style:none;padding:0;}
.orha-steps li {padding:22px 12px;border-top:1px solid #d9cec1;text-align:right;}
.orha-steps b {display:block;color:#5b4437;font-size:23px;margin:8px 0;}
.orha-steps span {display:block;color:#7d6858;font-size:14px;letter-spacing:.12em;}
.orha-steps p {font-size:16px;line-height:1.7;color:#65584d;}
.orha-link-button {display:inline-block;border-radius:999px;padding:13px 28px;background:#5b4437;color:white!important;text-decoration:none;font-weight:600;}
.orha-ready-intro {max-width:860px;margin:0 auto 42px;text-align:center;padding:45px 20px 10px;}
.orha-ready-intro h1 {font-size:clamp(38px,4vw,58px);color:#5b4437;margin:0 0 22px;}
.orha-ready-intro p {color:#65584d;font-size:18px;line-height:1.7;}
body .woocommerce ul.products {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0;}
body .woocommerce ul.products:before,body .woocommerce ul.products:after {display:none!important;}
body .woocommerce ul.products li.product {float:none!important;width:auto!important;margin:0!important;padding:16px!important;background:#fff;border:1px solid #ebe4dc;border-radius:18px;text-align:right;display:flex;flex-direction:column;}
body .woocommerce ul.products li.product a img {width:100%;height:300px;object-fit:cover;border-radius:12px;}
body .woocommerce ul.products li.product h2 {font-size:23px;line-height:1.4;}
body .woocommerce ul.products li.product .price {color:#5b4437;font-size:22px;font-weight:600;}
body .woocommerce ul.products li.product .price small {display:block;font-size:14px;font-weight:400;color:#756657;}
body .woocommerce ul.products li.product .button {align-self:flex-start;border-radius:999px;font-size:15px;padding:12px 20px;margin-top:auto;}
.orha-all-bundles {text-align:center;margin-top:35px;}
body.orha-ready-product .elementor-384 .elementor-element.elementor-element-3f9b0414 form.cart .quantity {display:flex!important;align-items:center;gap:15px;margin:22px 0!important;}
body.orha-ready-product form.cart .quantity label {position:static!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;white-space:normal!important;font-size:16px!important;overflow:visible!important;}
body.orha-ready-product form.cart input.qty {width:100px!important;min-height:44px;padding:8px;border:1px solid #cbbda9;border-radius:8px;background:#fff;color:#5b4437;}
body.orha-ready-product .price small {font-size:15px!important;}
.orha-product-intro {font-size:18px;line-height:1.8;color:#65584d;}
.orha-product-details {border-top:1px solid #ded5ca;border-bottom:1px solid #ded5ca;margin:18px 0;padding:16px 0;}
.orha-product-details summary {cursor:pointer;color:#5b4437;font-weight:600;line-height:1.5;}
.orha-product-details>div {font-size:16px;line-height:1.8;padding-top:18px;}
.orha-product-details h3 {font-size:21px;margin-top:28px;color:#5b4437;}
.orha-ready-details {width:100%;font-size:16px;}
.orha-ready-details p {margin:10px 0 18px;}
.orha-ready-details label {display:block;margin-bottom:8px;color:#5b4437;}
.orha-ready-details textarea {width:100%;background:#fff;border:1px solid #cbbda9;border-radius:10px;padding:12px;font:inherit;}
.orha-ready-details a {color:#5b4437;text-decoration:underline;}
.orha-footer-links {display:flex;flex-wrap:wrap;gap:12px 25px;font-size:15px;line-height:1.8;margin-top:20px;}
.orha-footer-links a {color:#5b4437;text-decoration:underline;}
.orha-policy {max-width:850px;margin:0 auto;padding:55px 24px;font-size:18px;line-height:1.85;}
.orha-policy h1,.orha-policy h2,.orha-policy h3 {color:#5b4437;}
@media(max-width:767px) {
  .orha-steps {grid-template-columns:1fr;gap:0;}
  .orha-steps li {padding:18px 8px;}
  .orha-steps b {font-size:22px;}
  .orha-steps p {margin-bottom:0;}
  body .woocommerce ul.products {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  body .woocommerce ul.products li.product {padding:9px!important;border-radius:12px;}
  body .woocommerce ul.products li.product a img {height:175px;}
  body .woocommerce ul.products li.product h2 {font-size:19px;}
  body .woocommerce ul.products li.product .button {font-size:13px;padding:10px 13px;}
  .orha-ready-intro {padding-top:28px;}
}

/* ---------- Landing homepage ---------- */
.la-home { font-family: var(--la-font); color: var(--la-ink); background: var(--la-bg); }
.la-home section { max-width: 880px; margin: 0 auto; padding: 64px 24px; }

.la-hero {
  text-align: center;
  padding: 96px 24px 84px;
  max-width: none;
  background:
    linear-gradient(180deg, rgba(250,246,241,.35), var(--la-bg) 78%),
    url("../img/hero.jpg") center 30% / cover no-repeat;
  position: relative;
}
.la-hero::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(54,44,34,.32), rgba(54,44,34,.12) 45%, var(--la-bg) 92%);
}
.la-hero > * { position: relative; z-index: 1; }
.la-hero h1 {
  font-family: var(--la-font-display);
  font-weight: 500;
  font-size: clamp(40px, 6vw, 64px);
  color: #fff;
  letter-spacing: .01em;
  margin: 0 0 14px;
  text-shadow: 0 2px 18px rgba(0,0,0,.25);
}
.la-hero .la-tag {
  font-size: clamp(18px, 2.4vw, 22px);
  color: #fff;
  opacity: .95;
  margin: 0 0 36px;
  letter-spacing: .02em;
}
.la-cta {
  display: inline-block;
  background: var(--la-accent);
  color: #fff;
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
  padding: 16px 40px;
  border-radius: 999px;
  box-shadow: 0 10px 26px rgba(124, 90, 46, .35);
  transition: transform .25s var(--la-ease), background-color .25s var(--la-ease), box-shadow .25s var(--la-ease);
}
.la-cta:hover, .la-cta:focus-visible {
  background: var(--la-accent-deep);
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(124, 90, 46, .42);
}

.la-about, .la-stones-intro { text-align: center; }
.la-home h2 {
  font-family: var(--la-font-display);
  font-weight: 500;
  font-size: clamp(26px, 3.4vw, 34px);
  margin: 0 0 18px;
  color: var(--la-ink);
}
.la-home h2::after {
  content: "";
  display: block;
  width: 46px; height: 2px;
  background: var(--la-accent-2);
  margin: 16px auto 0;
}
.la-home p {
  font-size: 17px;
  line-height: 1.9;
  color: var(--la-ink-soft);
  max-width: 620px;
  margin: 0 auto;
}
.la-stones-intro { background: var(--la-bg-alt); max-width: none; }
.la-stones-intro > * { max-width: 620px; margin-inline: auto; }

/* Keep the theme's button nowrap rule from spilling catalog descriptions. */
body .la-wrap button.la-card {white-space:normal!important;min-width:0;}
body .la-wrap .la-card>span {max-width:100%;white-space:normal;overflow-wrap:anywhere;}
body .la-wrap .la-idea-chip {white-space:normal;border-color:#b7a391!important;color:#5b4437!important;background:#f4f1ec!important;}
.la-review-details {margin:20px 0;padding:18px;background:#fff;border:1px solid #ded5ca;border-radius:12px;}
.la-review-details p {margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;}
body .la-wrap .la-main h2 {font-size:30px!important;line-height:1.3!important;}
body .la-wrap .la-reset-btn {border:none!important;color:#65584d!important;background:transparent!important;}
body .la-cards-bento>button.la-card:first-of-type {grid-column:span 2;}
@media(max-width:767px){
 body .la-wrap {width:100%;max-width:100%;margin-inline:0;padding:24px 16px 40px;}
 body .la-wrap .la-main h2 {font-size:26px!important;line-height:1.35!important;}
 body .la-wrap .la-side-cart-title {font-size:24px!important;}
 body .la-cards-bento>button.la-card:first-of-type img {height:160px;}
}