/* =========================================================
   Kazoku Footer – Klaviyo Embedded Form Override
   - Dark indigo background context
   - No pure black / no aggressive red
   - Copper as micro-accent
   - Small radius (6px) & soft shadows
   ========================================================= */

.kz-footer .needsclick.kl-private-reset-css-Xuajs1{
  width:100% !important;
  max-width:520px;
  margin:0 auto !important;
  padding:0 !important;
  min-height:auto !important;
}

.kz-footer .needsclick.kl-private-reset-css-Xuajs1 h1,
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 p{
  text-align: left !important;
  margin: 0;
  display: none;
}

.kz-footer .needsclick.kl-private-reset-css-Xuajs1 h1 span{
  letter-spacing:-0.02em;
  text-wrap:balance;
}

.kz-footer .needsclick.kl-private-reset-css-Xuajs1 p span{
  opacity:.86;
}

/* 3) Rows spacing: give rhythm without changing structure */
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 [data-testid="form-row"]{
  gap:0 !important;
}

.kz-footer .needsclick.kl-private-reset-css-Xuajs1 [data-testid="form-component"]{
  padding-left:0 !important;
  padding-right:0 !important;
}

.kz-footer .needsclick.kl-private-reset-css-Xuajs1 input[type="text"],
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 input[type="email"]{
  /* override Klaviyo inline */
  height:44px !important;
  border-radius:2px !important;          /* small radius */
  padding-left:14px !important;
  padding-right:14px !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:#eaf0ff !important;
  background: var(--checkout) !important;
  border:1px solid rgba(234,240,255,.18) !important;
  box-shadow:0 10px 22px rgba(11,18,36,.22) !important;
  outline:none !important;
  margin-bottom: 5px !important;
}

/* Placeholder tone */
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 input::placeholder{
  color:rgba(234,240,255,.64) !important;
}

/* Focus state: copper micro-accent + controlled glow */
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 input:focus{
/*  border-color:rgba(174,115,81,.75) !important;*/

  border-color: #3a3a3a !important;
/*
  box-shadow:
    0 10px 22px rgba(11,18,36,.28),
    0 0 0 3px rgba(174,115,81,.18) !important;
*/
}

/* 5) Button: match guideline (subtle premium, not loud) */
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 button{
  /* override inline */
  width:100% !important;
  height:46px !important;
  border-radius:2px !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;

    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: rgba(255, 255, 255, .78) !important;

    box-shadow:0 12px 26px rgba(11,18,36,.28) !important;
  transition:transform .14s ease, box-shadow .14s ease, filter .14s ease !important;
  font-family: inherit !important;
}

/* Hover: slight lift + warmer */
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 button:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
  box-shadow:0 16px 34px rgba(11,18,36,.34) !important;
}

/* Active: press */
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 button:active{
  transform:translateY(0);
  border-color: #3a3a3a;
/*  box-shadow:0 10px 22px rgba(11,18,36,.28) !important;*/
}

/* 6) Layout tightening: make fields look like a single block */
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 [data-testid="form-row"]:nth-of-type(3){
  margin-top:12px;
}
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 [data-testid="form-row"]:nth-of-type(4){
  margin-top:10px;
}
.kz-footer .needsclick.kl-private-reset-css-Xuajs1 [data-testid="form-row"]:nth-of-type(5){
  margin-top:12px;
}

/* 7) Mobile: ensure comfortable touch targets */
@media (max-width:620px){
  .kz-footer .needsclick.kl-private-reset-css-Xuajs1{
    max-width:100%;
  }
  .kz-footer .needsclick.kl-private-reset-css-Xuajs1 input[type="text"],
  .kz-footer .needsclick.kl-private-reset-css-Xuajs1 input[type="email"],
  .kz-footer .needsclick.kl-private-reset-css-Xuajs1 button{
    height:48px !important;
  }
}

/* Hide all visible labels inside Klaviyo embedded form */
.needsclick label {
    display: none;
}

div#rich-text-01KDMRPE1XB8M6VX6KGMFF4SPE {
    padding-bottom: 10px;
}

.kz-footer
.needsclick.kl-private-reset-css-Xuajs1
input[type="text"]::placeholder,
.kz-footer
.needsclick.kl-private-reset-css-Xuajs1
input[type="email"]::placeholder{
  font-size:14px !important;
  font-weight:400 !important;
  line-height:44px !important;
  color:rgba(234,240,255,.64) !important;
  font-family: inherit !important;
}