/* KW MyAccount UI (ALL IMPORTANT) */

/* Base */
.kw-mya-wrap{
  max-width:1240px !important;
  margin:0 auto !important;
  padding:18px 12px !important;
  box-sizing:border-box !important;
  color:#111 !important;
  font-family:inherit !important;
}
.kw-mya-wrap{--kw-accent:#4c2bd6 !important;}

.kw-mya-grid{
  display:grid !important;
  grid-template-columns:340px 1fr !important;
  gap:28px !important;
  align-items:start !important;
}
@media(max-width:980px){
  .kw-mya-grid{grid-template-columns:1fr !important;}
}

/* Sidebar */
.kw-mya-side{
  background:#fff !important;
  border:1px solid #d6deea !important;
  border-radius:14px !important;
  padding:18px 16px !important;
}
.kw-mya-group-title{
  font-weight:800 !important;
  color:#111 !important;
  font-size:16px !important;
  margin:0 0 10px !important;
}
.kw-mya-sep{
  height:1px !important;
  background:#e6edf7 !important;
  margin:14px 0 !important;
}
.kw-mya-link{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 10px !important;
  border-radius:10px !important;
  color:#111 !important;
  text-decoration:none !important;
  font-size:14px !important;
}
.kw-mya-dot{
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  border:2px solid var(--kw-accent) !important;
  flex:0 0 auto !important;
}
.kw-mya-link.is-active{background:#f6f7f9 !important;}
.kw-mya-link.is-active .kw-mya-dot{background:var(--kw-accent) !important;}
.kw-mya-link:hover{background:transparent !important;}

/* Main */
.kw-mya-main{
  padding-top:6px !important;
  min-width:0 !important;
}
.kw-mya-h1{
  margin:0 0 18px !important;
  font-size:34px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  color:#111 !important;
}
.kw-mya-h2{
  margin:0 0 6px !important;
  font-size:32px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  color:#111 !important;
}
.kw-mya-sub{
  margin:0 0 18px !important;
  color:#333 !important;
  font-size:14px !important;
  line-height:1.6 !important;
}
@media(max-width:768px){
  .kw-mya-h1{font-size:26px !important;}
  .kw-mya-h2{font-size:26px !important;}
}

/* Dashboard Cards */
.kw-mya-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
  margin-top:20px !important;
}
@media(max-width:1100px){
  .kw-mya-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:650px){
  .kw-mya-cards{grid-template-columns:1fr !important;}
}
.kw-mya-card{
  position:relative !important;
  background:#fff !important;
  border:1px solid #d6deea !important;
  border-radius:12px !important;
  padding:28px 20px 20px !important;
  text-decoration:none !important;
  display:block !important;
  text-align:center !important;
}
.kw-mya-card-ico{
  position:absolute !important;
  top:-18px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  background:var(--kw-accent) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  border:4px solid #fff !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12) !important;
  font-size:16px !important;
}
.kw-mya-card-title{
  font-weight:900 !important;
  color:#111 !important;
  font-size:16px !important;
  margin:10px 0 8px !important;
}
.kw-mya-card-desc{
  color:#58657a !important;
  font-size:14px !important;
  line-height:1.5 !important;
  margin:0 !important;
}
.kw-mya-card:hover{
  box-shadow:none !important;
  transform:none !important;
  opacity:1 !important;
}

/* NOTE box */
.kw-mya-note{
  background:#f9fafc !important;
  border-left:3px solid var(--kw-accent) !important;
  padding:12px 14px !important;
  margin:0 0 16px !important;
  color:#58657a !important;
  font-size:14px !important;
  line-height:1.5 !important;
  border-radius:8px !important;
}

/* Hide Woo nav inside our layout */
.kw-mya-wc .woocommerce-MyAccount-navigation{display:none !important;}

/* =================================================================== */
/* PERSONAL DETAILS UI (kw-pd-*)  — screenshot style */
/* =================================================================== */

/* Accordion shell */
.kw-pd-acc{
  border:1px solid #d6deea !important;
  border-radius:12px !important;
  background:#fff !important;
  margin:0 0 18px !important;
  overflow:hidden !important;
}

/* Header */
.kw-pd-head{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:18px 18px !important;
  background:#fff !important;
  border:0 !important;
  cursor:pointer !important;
  text-align:left !important;
}

/* Left icon circle */
.kw-pd-ico{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  border:1px solid #d6deea !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#58657a !important;
  flex:0 0 auto !important;
}

/* Title */
.kw-pd-title{
  font-weight:800 !important;
  color:#111 !important;
  font-size:18px !important;
}

/* Arrow right */
.kw-pd-arrow{
  margin-left:auto !important;
  color:#58657a !important;
  transition:transform .2s ease !important;
}

/* Body */
.kw-pd-body{
  padding:0 18px 18px !important;
  display:none !important;
}
.kw-pd-acc.is-open .kw-pd-body{display:block !important;}
.kw-pd-acc.is-open .kw-pd-arrow{transform:rotate(180deg) !important;}

/* Note inside accordion */
.kw-pd-note{
  background:#fff !important;
  border:0 !important;
  padding:10px 0 16px !important;
  margin:0 !important;
  color:#58657a !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

/* Rows */
.kw-pd-row{
  border:1px solid #d6deea !important;
  border-radius:10px !important;
  padding:18px 16px !important;
  display:grid !important;
  grid-template-columns:200px 1fr auto !important;
  gap:12px !important;
  align-items:center !important;
  margin:0 0 14px !important;
  background:#fff !important;
}
.kw-pd-label{
  color:#58657a !important;
  font-size:14px !important;
}
.kw-pd-value{
  color:#111 !important;
  font-size:16px !important;
  font-weight:600 !important;
  min-width:0 !important;
  word-break:break-word !important;
}
.kw-pd-action{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--kw-accent) !important;
  font-weight:800 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}
.kw-pd-action:hover{text-decoration:underline !important;}

@media(max-width:640px){
  .kw-pd-row{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .kw-pd-action{justify-content:flex-start !important;}
}

/* Edit blocks */
.kw-pd-edit{
  border:1px solid #d6deea !important;
  border-radius:10px !important;
  background:#f9fafc !important;
  padding:16px !important;
  margin:0 0 14px !important;
}

/* Form grid */
.kw-pd-formgrid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}
.kw-pd-field{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}
.kw-pd-full{grid-column:1/-1 !important;}

.kw-pd-field label{
  font-weight:800 !important;
  font-size:14px !important;
  color:#111 !important;
}
.kw-pd-field input{
  border:1px solid #cfd8e6 !important;
  border-radius:8px !important;
  padding:10px 12px !important;
  font-size:14px !important;
  background:#fff !important;
}
.kw-pd-field small{
  color:#58657a !important;
  font-size:12px !important;
}

@media(max-width:768px){
  .kw-pd-formgrid{grid-template-columns:1fr !important;}
}

/* Buttons */
.kw-pd-actions{
  display:flex !important;
  gap:10px !important;
  justify-content:flex-end !important;
  margin-top:12px !important;
  flex-wrap:wrap !important;
}
.kw-pd-btn{
  border-radius:10px !important;
  padding:10px 16px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  border:1px solid #cfd8e6 !important;
  background:#fff !important;
  color:#111 !important;
}
.kw-pd-primary{
  background:var(--kw-accent) !important;
  border-color:var(--kw-accent) !important;
  color:#fff !important;
}
.kw-pd-ghost{background:#fff !important;}
.kw-pd-btn:hover{opacity:.95 !important;}

/* Manage address link inside accordion */
.kw-pd-biglink{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:14px 14px !important;
  border:1px solid #d6deea !important;
  border-radius:10px !important;
  text-decoration:none !important;
  color:#111 !important;
  background:#fff !important;
}
.kw-pd-bigarr{color:#58657a !important;}

/* Additional needs row link */
.kw-pd-linelink{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:18px 18px !important;
  border:1px solid #d6deea !important;
  border-radius:12px !important;
  text-decoration:none !important;
  color:#111 !important;
  background:#fff !important;
}
.kw-pd-right{
  margin-left:auto !important;
  color:#58657a !important;
}
.kw-pd-linelink:hover{background:#fff !important;}

/* Digital card basic */
.kw-mya-dcard{
  border:1px solid #d6deea !important;
  border-radius:12px !important;
  background:#fff !important;
  padding:18px !important;
}
.kw-mya-dcard-qrbox{
  border:1px dashed #cfd8e6 !important;
  border-radius:10px !important;
  padding:24px !important;
  text-align:center !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
}
.kw-mya-dcard-small{
  margin-top:10px !important;
  color:#58657a !important;
  font-size:13px !important;
}
.kw-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.kw-card{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px;background:#fff}
.kw-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.kw-pill{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:rgba(76,43,214,.10);color:var(--kw-accent,#4c2bd6)}
.kw-muted{font-size:12px;opacity:.7}
.kw-code{font-weight:900;font-size:18px;letter-spacing:1px}
.kw-btn{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}
.kw-btn-primary{background:var(--kw-accent,#4c2bd6);color:#fff;border-color:transparent}
.kw-btn.is-copied{opacity:.85}
/* =========================================================
   FIX: Woo Addresses layout broken (center/narrow/stacked)
   Force proper 2-column cards (Billing + Shipping)
========================================================= */

/* Make account content use full width */
.woocommerce-account .woocommerce-MyAccount-content,
.kw-mya-wc .woocommerce-MyAccount-content{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
}

/* Woo sometimes wraps in .col2-set .col-1/.col-2 with floats */
.woocommerce-account .woocommerce-MyAccount-content .col2-set,
.kw-mya-wc .woocommerce-MyAccount-content .col2-set{
  width:100% !important;
  float:none !important;
  margin:0 !important;
}

/* ✅ FORCE container to be grid/flex (whichever theme tries to override) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-account .woocommerce-MyAccount-content .col2-set,
.kw-mya-wc .woocommerce-MyAccount-content .col2-set{
  display:flex !important;

  gap:22px !important;
  align-items:stretch !important;
  justify-content:flex-start !important; /* no center */
}

/* ✅ FORCE each column/card to take 50% */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-2,
.kw-mya-wc .woocommerce-MyAccount-content .col2-set .col-1,
.kw-mya-wc .woocommerce-MyAccount-content .col2-set .col-2{
  float:none !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;

  flex:1 1 calc(50% - 11px) !important;  /* 2 columns */
  min-width:320px !important;            /* prevent tiny narrow cards */
}

/* Card box look */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-2,
.kw-mya-wc .woocommerce-MyAccount-content .col2-set .col-1,
.kw-mya-wc .woocommerce-MyAccount-content .col2-set .col-2{
  background:#fff !important;
  border:1px solid #d6deea !important;
  border-radius:14px !important;
  padding:18px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.05) !important;
}

/* Title row */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-Address-title{
  display:grid !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 0 12px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid #e6edf7 !important;
}

/* Heading */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-Address-title h3{
  margin:0 !important;
  font-size:22px !important;
  font-weight:900 !important;
  color:#111 !important;
}

/* Edit link */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-Address-title a{
  color:var(--kw-accent, #4c2bd6) !important;
  font-weight:800 !important;
  text-decoration:underline !important;
  font-size:14px !important;
  white-space:nowrap !important;
}

/* Address text */
.woocommerce-account .woocommerce-MyAccount-content address,
.kw-mya-wc .woocommerce-MyAccount-content address{
  margin:0 !important;
  font-style:normal !important;
  font-size:14px !important;
  line-height:1.7 !important;
  color:#111 !important;
  word-break:break-word !important;
}

/* ✅ Mobile: 1 column full width */
@media (max-width: 900px){
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
  .kw-mya-wc .woocommerce-MyAccount-content .woocommerce-Address,
  .woocommerce-account .woocommerce-MyAccount-content .col2-set .col-1,
  .woocommerce-account .woocommerce-MyAccount-content .col2-set .col-2,
  .kw-mya-wc .woocommerce-MyAccount-content .col2-set .col-1,
  .kw-mya-wc .woocommerce-MyAccount-content .col2-set .col-2{
    flex:1 1 100% !important;
    min-width:0 !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
  .kw-mya-wc .woocommerce-MyAccount-content .woocommerce-Addresses,
  .woocommerce-account .woocommerce-MyAccount-content .col2-set,
  .kw-mya-wc .woocommerce-MyAccount-content .col2-set{
    gap:16px !important;
  }
}
/* ✅ 1 ROW = 2 INPUTS (desktop) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap:14px 18px !important;
}

/* ✅ ONLY these fields full-width (optional: aap chahe to hata bhi sakte ho) */
.woocommerce-account .woocommerce-MyAccount-content .form-row-wide,
.kw-mya-wc .woocommerce-MyAccount-content .form-row-wide{
  grid-column: 1 / -1 !important;
}

/* ✅ Save button radius 2px */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields button.button{
  border-radius:2px !important;
  padding:10px 18px !important;
}

/* ✅ Mobile: 1 column */
@media (max-width: 900px){
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
  .kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{
    grid-template-columns:1fr !important;
  }
}
/* ✅ FORCE: har row me 2 inputs (desktop) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap:14px 18px !important;
}

/* ✅ REMOVE full width behavior (so 2-column apply ho) */
.woocommerce-account .woocommerce-MyAccount-content .form-row-wide,
.kw-mya-wc .woocommerce-MyAccount-content .form-row-wide{
  grid-column:auto !important;
}

/* ✅ Save button radius 2px */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields button.button{
  border-radius:2px !important;
}

/* ✅ Mobile: 1 column */
@media (max-width: 900px){
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
  .kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{
    grid-template-columns:1fr !important;
  }
}
/* =========================================================
   FORCE FORM UI (Billing/Shipping Edit Address)
   Inputs + Select + Button proper style
========================================================= */

/* 2-column layout already ok (keep) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:16px 22px !important;
}

/* Make "wide" not full width (so 2-column applies) */
.woocommerce-account .woocommerce-MyAccount-content .form-row-wide,
.kw-mya-wc .woocommerce-MyAccount-content .form-row-wide{
  grid-column:auto !important;
}

/* ✅ LABELS */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields label{
  display:block !important;
  margin:0 0 6px !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#111 !important;
}

/* ✅ INPUTS + SELECT (very strong selectors) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input.input-text,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields select,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields input.input-text,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields input[type="text"],
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields input[type="email"],
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields input[type="tel"],
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields select{
  width:100% !important;
  height:46px !important;
  padding:10px 12px !important;
  border:1px solid #cfd8e6 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#111 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  outline:none !important;
  appearance:auto !important;
}

/* Focus */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input:focus,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields select:focus,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields input:focus,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields select:focus{
  border-color:var(--kw-accent, #4c2bd6) !important;
  box-shadow:0 0 0 4px rgba(76,43,214,.14) !important;
}

/* ✅ Save button (2px radius as you asked) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields button[type="submit"],
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields button.button,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields button[type="submit"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:10px 18px !important;
  border-radius:2px !important;          
  border:1px solid transparent !important;
  background:var(--kw-accent, #4c2bd6) !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:14px !important;
  cursor:pointer !important;
  box-shadow:none !important;
  text-transform:none !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button:hover,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields button.button:hover{
  opacity:.95 !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row:last-child,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields .form-row:last-child{
  margin-top:6px !important;
  width:100% !important;
  float:none !important;
}

/* Mobile: 1 column */
@media (max-width:900px){
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
  .kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{
    grid-template-columns:1fr !important;
  }
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row-first,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row-last,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields .form-row-first,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields .form-row-last{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
}

/* also ensure inputs fill column */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row-first input,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row-last input,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields .form-row-first input,
.kw-mya-wc .woocommerce-MyAccount-content .woocommerce-address-fields .form-row-last input{
  width:100% !important;
}

.woocommerce-account .woocommerce-MyAccount-content label[for="billing_address_2"],
.woocommerce-account .woocommerce-MyAccount-content label[for="shipping_address_2"],
.kw-mya-wc .woocommerce-MyAccount-content label[for="billing_address_2"],
.kw-mya-wc .woocommerce-MyAccount-content label[for="shipping_address_2"]{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  width:auto !important;
  overflow:visible !important;
  margin:0 0 6px !important;
}


.woocommerce-account .woocommerce-MyAccount-content label[for="billing_address_2"],
.kw-mya-wc .woocommerce-MyAccount-content label[for="billing_address_2"]{
  font-size:14px !important;
  font-weight:700 !important;
}
/* =========================================================
   CONTACT PREFERENCES (Currys style block)
========================================================= */

.kw-cp-wrap{max-width:980px !important;}

.kw-cp-card{
  background:#fff !important;
  border:1px solid #d6deea !important;
  border-radius:14px !important;
  padding:18px 18px !important;
  margin:0 0 14px !important;
}

.kw-cp-title{
  font-size:16px !important;
  font-weight:900 !important;
  color:#111 !important;
  margin:0 0 8px !important;
}

.kw-cp-desc{
  font-size:14px !important;
  color:#111 !important;
  line-height:1.5 !important;
  margin:0 0 14px !important;
}

.kw-cp-form{margin:0 !important;}

.kw-cp-checkrow{
  display:flex !important;
  gap:26px !important;
  align-items:center !important;
  margin:0 0 12px !important;
  flex-wrap:wrap !important;
}

.kw-cp-check{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  cursor:pointer !important;
  user-select:none !important;
  font-weight:700 !important;
  color:#111 !important;
}

/* hide native checkbox */
.kw-cp-check input{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
}

/* custom box */
.kw-cp-box{
  width:28px !important;
  height:28px !important;
  border-radius:8px !important;
  border:2px solid var(--kw-accent,#4c2bd6) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  background:transparent !important;
}

.kw-cp-box i{
  font-size:14px !important;
  opacity:0 !important;
  transform:scale(.8) !important;
  transition:opacity .15s ease, transform .15s ease !important;
}

/* checked state */
.kw-cp-check input:checked + .kw-cp-box{
  background:var(--kw-accent,#4c2bd6) !important;
}
.kw-cp-check input:checked + .kw-cp-box i{
  opacity:1 !important;
  transform:scale(1) !important;
}

.kw-cp-label{font-size:14px !important;}

.kw-cp-links{
  margin:0 0 10px !important;
  font-size:13px !important;
  color:#111 !important;
}

.kw-cp-link{
  color:var(--kw-accent,#4c2bd6) !important;
  font-weight:800 !important;
  text-decoration:underline !important;
}

.kw-cp-note{
  font-size:12px !important;
  color:#111 !important;
  margin:0 0 12px !important;
}

.kw-cp-save{
  border:1px solid transparent !important;
  background:var(--kw-accent,#4c2bd6) !important;
  color:#fff !important;
  font-weight:900 !important;
  padding:10px 16px !important;
  border-radius:2px !important; /* as you like */
  cursor:pointer !important;
}

.kw-cp-foot{
  font-size:13px !important;
  color:#111 !important;
  line-height:1.6 !important;
  border-top:1px solid #e6edf7 !important;
  padding-top:14px !important;
}
/* =========================
   Delete Account UI
========================= */
.kw-da-wrap{max-width:920px !important;}
.kw-da-card{
  border:1px solid #d6deea !important;
  border-radius:14px !important;
  background:#fff !important;
  padding:22px !important;
}
.kw-da-title{
  font-weight:900 !important;
  font-size:16px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#111 !important;
  margin:0 0 10px !important;
}
.kw-da-title i{color:#d93025 !important;}
.kw-da-list{
  margin:0 0 16px !important;
  padding-left:18px !important;
  color:#333 !important;
  font-size:14px !important;
  line-height:1.7 !important;
}
.kw-da-form{margin-top:10px !important;}
.kw-da-field label{
  font-weight:800 !important;
  font-size:13px !important;
  display:block !important;
  margin:0 0 6px !important;
  color:#111 !important;
}
.kw-da-field input{
  width:100% !important;
  border:1px solid #cfd8e6 !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}
.kw-da-check{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:14px 0 16px !important;
  cursor:pointer !important;
  user-select:none !important;
}
.kw-da-check input{display:none !important;}
.kw-da-box{
  width:26px !important;
  height:26px !important;
  border-radius:8px !important;
  border:2px solid #d93025 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  color:#fff !important;
  flex:0 0 auto !important;
}
.kw-da-box i{font-size:13px !important; opacity:0 !important;}
.kw-da-check input:checked + .kw-da-box{
  background:#d93025 !important;
}
.kw-da-check input:checked + .kw-da-box i{opacity:1 !important;}
.kw-da-checklbl{
  font-weight:700 !important;
  color:#111 !important;
  font-size:14px !important;
}

.kw-da-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.kw-da-cancel{
  color:#111 !important;
  font-weight:800 !important;
  text-decoration:underline !important;
  font-size:14px !important;
}
.kw-da-danger{
  border-radius:10px !important;
  padding:10px 16px !important;
  font-weight:900 !important;
  background:#d93025 !important;
  color:#fff !important;
  border:1px solid transparent !important;
  cursor:pointer !important;
}
.kw-da-foot{
  margin-top:14px !important;
  font-size:13px !important;
  color:#333 !important;
}
/* =========================
   Coupon Ticket UI
========================= */
.kw-cpn-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
@media(max-width:1050px){ .kw-cpn-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:640px){ .kw-cpn-grid{grid-template-columns:1fr;} }

.kw-cpn-card{
  position:relative;
  border:1px solid #d6deea;
  border-radius:14px;
  overflow:hidden;
  background:#f2f4f8;
  min-height:220px;
}

/* ticket cut circles (left/right) */
.kw-cpn-card:before,
.kw-cpn-card:after{
  content:"";
  position:absolute;
  top:50%;
  width:34px;height:34px;
  border-radius:999px;
  background:#fff;
  transform:translateY(-50%);
  box-shadow:0 0 0 1px #d6deea;
  z-index:2;
}
.kw-cpn-card:before{ left:-17px; }
.kw-cpn-card:after{ right:-17px; }

/* top */
.kw-cpn-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 12px 0;
  gap:10px;
}
.kw-cpn-pill{
  font-size:11px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
  background:rgba(76,43,214,.10);
  color:var(--kw-accent,#4c2bd6);
  padding:7px 10px;
  border-radius:999px;
}
.kw-cpn-copy{
  border:0;
  background:transparent;
  color:var(--kw-accent,#4c2bd6);
  font-weight:900;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 8px;
  border-radius:10px;
}
.kw-cpn-copy:hover{ background:rgba(76,43,214,.08); }

/* middle */
.kw-cpn-mid{
  padding:18px 16px 12px;
  text-align:center;
}
.kw-cpn-big{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:6px;
  line-height:1;
}
.kw-cpn-num{
  font-size:60px;
  font-weight:1000;
  color:var(--kw-accent,#4c2bd6);
  letter-spacing:-1px;
}
.kw-cpn-unit{
  font-size:22px;
  font-weight:1000;
  color:var(--kw-accent,#4c2bd6);
  margin-top:8px;
}
.kw-cpn-off{
  margin-top:6px;
  font-weight:1000;
  letter-spacing:2px;
  color:var(--kw-accent,#4c2bd6);
}
.kw-cpn-small{
  margin-top:8px;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.2px;
  color:#6b778c;
}

/* bottom ribbon */
.kw-cpn-bot{
  margin-top:10px;
  background:var(--kw-accent,#4c2bd6);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
}
.kw-cpn-exp{
  font-weight:900;
  font-size:12px;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.kw-cpn-code{
  font-weight:1000;
  font-size:13px;
  letter-spacing:1px;
  background:rgba(255,255,255,.18);
  padding:6px 10px;
  border-radius:10px;
}

.kw-cpn-min{
  padding:10px 14px 14px;
  font-size:12px;
  color:#58657a;
}
/* 2FA UI */
.kw-2fa-card{border:1px solid #d6deea;border-radius:14px;background:#fff;padding:18px}
.kw-2fa-title{font-weight:1000;font-size:16px;color:#111;margin-bottom:8px}
.kw-2fa-desc{color:#58657a;font-size:14px;line-height:1.6}
.kw-2fa-badge{display:inline-block;font-size:11px;font-weight:1000;padding:4px 10px;border-radius:999px;margin-left:6px}
.kw-2fa-badge.on{background:rgba(20,140,70,.12);color:#148c46}
.kw-2fa-badge.off{background:rgba(200,30,30,.10);color:#c81e1e}
.kw-2fa-form{display:flex;flex-direction:column;gap:12px}
.kw-2fa-field label{font-weight:900;font-size:13px;color:#111;margin-bottom:6px;display:block}
.kw-2fa-field input{width:100%;border:1px solid #cfd8e6;border-radius:10px;padding:10px 12px;font-size:14px}
.kw-2fa-qrrow{display:flex;gap:14px;align-items:center;margin:14px 0}
.kw-2fa-qr{width:180px;height:180px;border-radius:12px;border:1px solid #d6deea;background:#fff}
.kw-2fa-small{color:#58657a;font-size:12px;line-height:1.5;margin-top:6px}
/* ===== 2FA Button Upgrade (override) ===== */

/* base button */
.kw-2fa-btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  border-radius:12px !important;
  padding:12px 16px !important;
  border:1px solid #cfd8e6 !important;
  background:#fff !important;
  font-weight:900 !important;
  font-size:14px !important;
  line-height:1 !important;
  cursor:pointer !important;
  width:100% !important;            /* ✅ full width looks better */
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  box-shadow:0 6px 16px rgba(17,24,39,.08) !important;
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease !important;
}

/* primary */
.kw-2fa-btn.kw-2fa-primary{
  background:var(--kw-accent,#4c2bd6) !important;
  border-color:var(--kw-accent,#4c2bd6) !important;
  color:#fff !important;
}

/* danger */
.kw-2fa-btn.kw-2fa-danger{
  background:#c81e1e !important;
  border-color:#c81e1e !important;
  color:#fff !important;
}

/* hover / active */
.kw-2fa-btn:hover{
  filter:brightness(0.98) !important;
  box-shadow:0 10px 22px rgba(17,24,39,.12) !important;
  transform:translateY(-1px) !important;
}
.kw-2fa-btn:active{
  transform:translateY(0) !important;
  box-shadow:0 6px 16px rgba(17,24,39,.08) !important;
}

/* focus (accessibility) */
.kw-2fa-btn:focus,
.kw-2fa-btn:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 4px rgba(76,43,214,.18), 0 10px 22px rgba(17,24,39,.12) !important;
}

/* optional: make QR row nicer on mobile */
@media (max-width:520px){
  .kw-2fa-qrrow{flex-direction:column !important; align-items:flex-start !important;}
  .kw-2fa-qr{width:160px !important; height:160px !important;}
}
