/* Goody homepage v2 — approved redesign. Scoped to body.home-v2 only;
   other pages keep the shared styles.css theme untouched. */
body.home-v2 {
  --gold: #c9a35c;
  --gold-soft: #d8bc7f;
  --coal: #101114;
  --coal-2: #17181c;
  --coal-3: #1e2025;
  --edge: #2c2f36;
  --txt: #ece9e2;
  --txt-muted: #a7a49b;
  background: var(--coal);
  color: var(--txt);
}

/* Header / footer */
body.home-v2 .site-header {
  background: rgba(16, 17, 20, 0.94);
  border-bottom: 1px solid var(--edge);
}
body.home-v2 .brand { color: var(--txt); }
body.home-v2 .main-nav > a,
body.home-v2 .nav-item > a { color: var(--txt); }
body.home-v2 .main-nav > a:hover,
body.home-v2 .nav-item:hover > a { border-color: var(--gold); }
body.home-v2 .language-switcher { background: var(--coal-3); }
body.home-v2 .lang-btn { color: var(--txt-muted); }
body.home-v2 .lang-btn.is-active { background: var(--gold); color: #171410; }
body.home-v2 .site-footer {
  background: #0b0c0e;
  color: var(--txt-muted);
  border-top: 1px solid var(--edge);
}
body.home-v2 .site-footer strong { color: var(--txt); }
body.home-v2 .site-footer a { color: var(--gold-soft); }

/* Shared section styling */
body.home-v2 .section { padding: clamp(56px, 8vw, 96px) clamp(18px, 6vw, 92px); }
body.home-v2 .section-heading { max-width: 760px; margin-bottom: 34px; }
body.home-v2 .eyebrow {
  color: var(--gold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 800;
}
body.home-v2 .section-heading h2 {
  color: var(--txt);
  font-size: clamp(1.7rem, 3.4vw, 2.5rem);
  line-height: 1.15;
  margin: 10px 0 12px;
}
body.home-v2 .section-heading p { color: var(--txt-muted); }
body.home-v2 .section-more { margin-top: 30px; }
body.home-v2 .button-primary {
  background: var(--gold);
  border-color: var(--gold);
  color: #171410;
}
body.home-v2 .button-primary:hover { background: var(--gold-soft); }
body.home-v2 .button-secondary {
  background: transparent;
  border: 1px solid var(--gold);
  color: var(--gold-soft);
}
body.home-v2 .button-secondary:hover { background: rgba(201, 163, 92, 0.12); }

/* Hero */
body.home-v2 .hero { background: var(--coal); }
body.home-v2 .hero .eyebrow { color: var(--gold); }
body.home-v2 .hero h1 { font-size: clamp(2rem, 4.6vw, 3.4rem); line-height: 1.08; }

/* Trust strip */
body.home-v2 .trust-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: var(--coal-2);
  border-top: 1px solid var(--edge);
  border-bottom: 1px solid var(--edge);
}
body.home-v2 .trust-item {
  padding: 24px clamp(16px, 2.5vw, 34px);
  border-inline-start: 1px solid var(--edge);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.home-v2 .trust-item:first-child { border-inline-start: 0; }
body.home-v2 .trust-item strong { color: var(--gold); font-size: 1.02rem; }
body.home-v2 .trust-item span { color: var(--txt-muted); font-size: 0.88rem; }

/* Product cards (homepage) */
body.home-v2 .home-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
body.home-v2 .home-product-card {
  background: var(--coal-3);
  border: 1px solid var(--edge);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body.home-v2 .home-product-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
body.home-v2 .home-product-card > div { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
body.home-v2 .home-product-card span { color: var(--gold); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
body.home-v2 .home-product-card h3 { color: var(--txt); margin: 0; font-size: 1.12rem; }
body.home-v2 .home-product-card p { color: var(--txt-muted); margin: 0; flex: 1; }
body.home-v2 .home-product-card .card-links { display: flex; gap: 18px; margin-top: 6px; }
body.home-v2 .home-product-card a { color: var(--gold-soft); font-weight: 800; }
body.home-v2 .home-product-card a:hover { color: var(--gold); }

/* Factory strip (homepage) */
body.home-v2 .factory-home-section { background: var(--coal-2); }
body.home-v2 .home-factory-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
body.home-v2 .home-factory-grid figure { margin: 0; position: relative; border-radius: 10px; overflow: hidden; border: 1px solid var(--edge); }
body.home-v2 .home-factory-grid figure.wide { grid-column: span 2; }
body.home-v2 .home-factory-grid img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
body.home-v2 .home-factory-grid figcaption {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  padding: 22px 14px 10px;
  color: #fff;
  font-size: 0.85rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0));
}

/* Process */
body.home-v2 .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
body.home-v2 .process-step {
  background: var(--coal-3);
  border: 1px solid var(--edge);
  border-radius: 10px;
  padding: 22px;
}
body.home-v2 .process-num { color: var(--gold); font-size: 1.9rem; font-weight: 900; }
body.home-v2 .process-step h3 { color: var(--txt); margin: 10px 0 8px; font-size: 1.05rem; }
body.home-v2 .process-step p { color: var(--txt-muted); margin: 0; }

/* Scenario + guide cards on dark background */
body.home-v2 .applications-section { background: var(--coal-2); }
body.home-v2 .scenario-card { background: var(--coal-3); border-color: var(--edge); }
body.home-v2 .scenario-card h3 { color: var(--txt); }
body.home-v2 .scenario-card p { color: var(--txt-muted); }
body.home-v2 .scenario-card a { color: var(--gold-soft); }
body.home-v2 .home-guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
body.home-v2 .guide-card { background: var(--coal-3); border: 1px solid var(--edge); border-radius: 10px; overflow: hidden; }
body.home-v2 .guide-card h3 { color: var(--txt); }
body.home-v2 .guide-card p { color: var(--txt-muted); }
body.home-v2 .guide-card span { color: var(--gold); }
body.home-v2 .guide-card strong { color: var(--gold-soft); }

/* Contact / form */
body.home-v2 .contact-section { background: var(--coal-2); }
body.home-v2 .contact-copy h2 { color: var(--txt); }
body.home-v2 .contact-copy p { color: var(--txt-muted); }
body.home-v2 .whatsapp-link { color: var(--gold-soft); }
body.home-v2 .lead-form label span { color: var(--txt); }
body.home-v2 .lead-form input,
body.home-v2 .lead-form select,
body.home-v2 .lead-form textarea {
  background: var(--coal-3);
  border: 1px solid var(--edge);
  color: var(--txt);
}
body.home-v2 .form-status { color: var(--gold-soft); }

/* Floating WhatsApp */
body.home-v2 .wa-float {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 60;
  background: #25d366;
  color: #0c2417;
  font-weight: 900;
  padding: 13px 20px;
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}
body.home-v2 .wa-float:hover { filter: brightness(1.06); }

/* Responsive */
@media (max-width: 1020px) {
  body.home-v2 .home-product-grid { grid-template-columns: repeat(2, 1fr); }
  body.home-v2 .process-grid { grid-template-columns: repeat(2, 1fr); }
  body.home-v2 .home-guide-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  body.home-v2 .trust-strip { grid-template-columns: repeat(2, 1fr); }
  body.home-v2 .trust-item { border-top: 1px solid var(--edge); }
  body.home-v2 .home-product-grid,
  body.home-v2 .home-guide-grid,
  body.home-v2 .process-grid { grid-template-columns: 1fr; }
  body.home-v2 .home-factory-grid { grid-template-columns: repeat(2, 1fr); }
}

/* --- Fixes 2026-10-27 (owner report): dropdown position, readable text --- */
/* Sub-menu: dark panel with clearly readable links */
body.home-v2 .sub-menu {
  background: #1e2025;
  border: 1px solid var(--edge);
}
body.home-v2 .sub-menu a { color: var(--txt); }
body.home-v2 .sub-menu a:hover { background: rgba(201, 163, 92, 0.14); color: var(--gold-soft); }
/* First nav item (Applications): dropdown opens toward the right, aligned to the item's left edge */
body.home-v2 .nav-item:first-child .sub-menu {
  inset-inline-start: 0;
  transform: translate(0, 8px);
}
body.home-v2 .nav-item:first-child:hover .sub-menu,
body.home-v2 .nav-item:first-child:focus-within .sub-menu {
  transform: translate(0, 0);
}
/* Inquiry form: dark panel so labels and inputs stay readable */
body.home-v2 .lead-form {
  background: var(--coal-3);
  border: 1px solid var(--edge);
  color: var(--txt);
  box-shadow: none;
}
body.home-v2 .lead-form input:focus,
body.home-v2 .lead-form select:focus,
body.home-v2 .lead-form textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(201, 163, 92, 0.25);
}
@media (max-width: 720px) {
  /* Mobile nav buttons: dark blocks with light text (were light blocks with light text) */
  body.home-v2 .main-nav > a,
  body.home-v2 .nav-item > a {
    background: var(--coal-3);
    color: var(--txt);
    border: 1px solid var(--edge);
  }
  /* Mobile dropdown: keep the full-width fixed panel on screen (the centered
     hover transform pushed it off the left edge) */
  body.home-v2 .sub-menu,
  body.home-v2 .nav-item:hover .sub-menu,
  body.home-v2 .nav-item:focus-within .sub-menu,
  body.home-v2 .nav-item:first-child .sub-menu,
  body.home-v2 .nav-item:first-child:hover .sub-menu,
  body.home-v2 .nav-item:first-child:focus-within .sub-menu {
    inset-inline: 12px;
    transform: none;
  }
}