/*
Theme Name: Lotus & Wattle Child
Template: kadence
Version: 1.0.0
Text Domain: lotus-wattle-child
*/

/* =========================
   GLOBAL TOKENS
   ========================= */
:root{
  --lw-deep:#0F2A24;
  --lw-bg:#F6F3ED;
  --lw-ink:#101514;
  --lw-muted:rgba(16,21,20,.65);
  --lw-border:rgba(16,21,20,.14);
  --lw-gold:#D4AF37;
  --lw-gold2:#B9902F;
}

/* =========================
   HEADER (Kadence / Global)
   ========================= */

/* Nền header xanh */
.site-header,
#masthead{
  background: var(--lw-deep);
}

/* Logo size trên HOME */
body.home .site-header .site-branding img,
body.home #masthead .site-branding img,
body.home .site-header .custom-logo,
body.home #masthead .custom-logo{
  height:48px !important;
  width:auto !important;
  max-width:none !important;
  max-height:48px !important;
  object-fit:contain !important;
  display:block !important;
}

/* Kadence menu text color */
.site-header a,
#masthead a{
  color: rgba(255,255,255,.85);
}
.site-header a:hover,
#masthead a:hover{
  color:#fff;
}

/* =========================
   LW CUSTOM HEADER
   ========================= */
.lw-header{
  background: var(--lw-deep);
  width:100%;
}

.lw-header__inner{
  max-width:1100px;
  margin:0 auto;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.lw-brand{
  color:rgba(255,255,255,.92);
  text-decoration:none;
  font-size:20px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:10px;
}

.lw-header .lw-brand img{
  height:48px !important;
  width:auto !important;
  max-width:none !important;
  max-height:48px !important;
  object-fit:contain !important;
  display:block !important;
}

.lw-nav{ 
  flex:1; 
  display:flex; 
  justify-content:center; 
}

.lw-menu{
  list-style:none;
  display:flex;
  align-items:center;
  gap:36px;
  margin:0;
  padding:0;
}

.lw-menu li{ 
  list-style:none; 
}

.lw-menu a{
  color:rgba(255,255,255,.85);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  font-weight:500;
  transition:all .2s ease;
}

.lw-menu a:hover{ 
  color:#fff; 
}

.lw-lang{ 
  display:flex; 
  align-items:center; 
}

.lw-lang__pill{
  height:38px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.3);
  color:rgba(255,255,255,.9);
  text-decoration:none;
  font-size:12px;
  letter-spacing:.1em;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .2s ease;
}

.lw-lang__pill:hover{ 
  border-color:rgba(255,255,255,.6); 
  color:#fff; 
}

.lw-lang__pill.is-active{ 
  border-color:rgba(255,255,255,.55); 
  color:#fff; 
}

/* =========================
   HOME PAGE HERO SECTION
   ========================= */

/* Hero logo */
body.home .lw-hero-logo{
  margin:18px 0 10px;
  display:flex;
  justify-content:center;
}

body.home .lw-hero-logo img,
body.home .lw-hero-logo-img{
  width:92px !important;
  max-width:92px !important;
  height:auto !important;
  display:block !important;
}

/* H1 Title - One line responsive */
body.home .lw-title{
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  font-size: clamp(28px, 6.2vw, 46px) !important;
  letter-spacing: .06em !important;
}

/* Kicker text (PRIVATE MATCHMAKING) */
body.home .lw-hero .lw-kicker,
body.home .lw-hero-inner [style*="PRIVATE MATCHMAKING"]{
  color: var(--lw-gold) !important;
}

/* Tagline subtitle */
body.home .lw-hero .lw-sub{
  color: rgba(255,255,255,.84) !important;
  font-style: italic;
}

/* Note text */
body.home .lw-hero .lw-note{
  color: rgba(255,255,255,.84) !important;
}

/* CTA Button Row */
body.home .lw-hero .lw-cta-row{
  margin:28px auto 0;
  max-width:560px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

/* Button Base Styles */
body.home .lw-hero a.lw-btn{
  display:inline-block;
  width:100%;
  padding:14px 14px;
  border:1px solid rgba(16,21,20,.18);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:11px;
  text-align:center;
  cursor:pointer;
  line-height:1.25;
  color: rgba(0,0,0,.88) !important;
}

/* Gold Button */
body.home .lw-hero a.lw-btn.lw-btn-gold{
  background: var(--lw-gold);
  color: rgba(0,0,0,.88) !important;
  border-color: rgba(184,144,58,.45);
}

/* Light/White Button */
body.home .lw-hero a.lw-btn.lw-btn-light{
  background: rgba(255,255,255,.84);
  color: rgba(0,0,0,.82) !important;
}

/* Button Subtext: (Viet Nam) and (AU) - FORCE BLACK */
body.home .lw-hero a.lw-btn span,
body.home .lw-hero a.lw-btn .lw-btn-sub,
body.home .lw-cta-row .lw-btn span{
  color: rgba(0,0,0,.85) !important;
  opacity: .9 !important;
  font-size: 10px !important;
  letter-spacing: .18em !important;
  display: inline-block !important;
  margin-top: 4px !important;
}

/* Extra safeguard for nested elements */
body.home .lw-cta-row .lw-btn span *{
  color: rgba(0,0,0,.88) !important;
}

/* =========================
   RESPONSIVE - MOBILE
   ========================= */

@media (max-width: 860px){
  /* Keep 2 buttons side by side */
  body.home .lw-hero .lw-cta-row{
    display:flex !important;
    flex-direction:row !important;
    gap:12px !important;
    max-width:100% !important;
  }

  body.home .lw-hero a.lw-btn{
    flex:1 1 50% !important;
    min-height:48px !important;
    padding:12px 10px !important;
    font-size:11px !important;
    letter-spacing:.18em !important;
  }

  body.home .lw-hero a.lw-btn span{
    font-size:9px !important;
    letter-spacing:.14em !important;
  }
}

/* Extra small phones */
@media (max-width: 420px){
  body.home .lw-title{
    font-size: 28px !important;
    letter-spacing: .04em !important;
  }

  body.home .lw-hero a.lw-btn{
    font-size:10px !important;
    letter-spacing:.16em !important;
  }
}
/* Button Base Styles */
body.home .lw-hero a.lw-btn{
  display:inline-block;
  width:100%;
  padding:14px 14px;
  border:1px solid rgba(16,21,20,.18);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:11px;
  text-align:center;
  cursor:pointer;
  line-height:1.25;
  color: rgba(0,0,0,.88) !important;
  border-radius: 20px !important;  /* ← THÊM DÒNG NÀY */
}
/* Button Base Styles */
body.home .lw-hero a.lw-btn{
  display:inline-block;
  width:100%;
  padding:14px 14px;
  border:1px solid rgba(16,21,20,.18);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:11px;
  text-align:center;
  cursor:pointer;
  line-height:1.25;
  color: rgba(0,0,0,.88) !important;
  border-radius: 50px !important;
}

/* ✅ DESKTOP: 1 dòng */
@media (min-width: 861px){
  body.home .lw-hero a.lw-btn br{
    display: none !important;  /* ẩn <br> */
  }
  
  body.home .lw-hero a.lw-btn span,
  body.home .lw-hero a.lw-btn .lw-btn-sub{
    margin-top: 0 !important;
    margin-left: 6px !important;  /* khoảng cách giữa text chính và subtext */
  }
}

/* ✅ MOBILE: 2 dòng (giữ nguyên như hiện tại) */
@media (max-width:
/* =========================
   LANGUAGE SWITCH (Kadence Header)
   Use shortcode: [lw_lang_switch]
   ========================= */
.lw-lang-switch{
  display:flex;
  align-items:center;
  gap:10px;
}

.lw-lang-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  text-decoration:none;
  font-size:11px;
  letter-spacing:.18em;
  line-height:1;
}

.lw-lang-pill:hover{
  border-color:rgba(255,255,255,.42);
  background:rgba(255,255,255,.09);
}

.lw-lang-pill.is-active{
  border-color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.12);
}

.lw-lang-pill .lw-flag{ font-size:14px; }
.lw-lang-pill .lw-lang-txt{ transform: translateY(0.5px); }
/* =========================
   CTA BLOCK AFTER CARDS
   ========================= */

.lw-cta9{
  margin-top:26px;
  border:1px solid var(--lw-border);
  background:rgba(255,255,255,.84);
  padding:30px 20px;
  text-align:center;
}

.lw-cta9-title{
  font-family: Georgia, "Times New Roman", serif;
  font-size:28px;
  color:rgba(16,21,20,.84);
  margin:0;
}

.lw-cta9-sub{
  margin-top:8px;
  font-size:14px;
  color:var(--lw-muted);
}

.lw-cta9-row{
  margin-top:18px;
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

.lw-cta9-member{
  margin-top:14px;
}

.lw-cta9-btn{
  display:inline-block;
  min-width:260px;
  padding:14px 18px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  border:1px solid rgba(16,21,20,.18);
}

.lw-cta9-gold{
  background:var(--lw-gold);
  color:#1b1b1b;
}

.lw-cta9-outline{
  background:#fff;
  color:rgba(16,21,20,.78);
  border-color:rgba(184,144,58,.45);
}

.lw-cta9-deep{
  background:var(--lw-deep);
  color:#fff;
}

@media (max-width: 520px){
  .lw-cta9-title{ font-size:24px; }
  .lw-cta9-btn{ min-width:100%; }
}
.lw-thanks{
  margin-top:18px;
  border:1px solid rgba(184,144,58,.30);
  background:#fff;
  padding:28px 18px;
  text-align:center;
}
.lw-thanks h2{
  margin:0;
  font-family: Georgia, "Times New Roman", serif;
  font-size:32px;
  color:rgba(16,21,20,.88);
}
.lw-thanks p{
  margin:10px auto 0;
  max-width:720px;
  font-size:14px;
  line-height:1.7;
  color:rgba(16,21,20,.62);
}
.lw-thanks-actions{
  margin:18px auto 0;
  max-width:720px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
@media (max-width: 860px){
  .lw-thanks-actions{ grid-template-columns:1fr; }
}