/* =========================================
   ROXXX.SHOP SAVED ADDRESS — page additions
   ------------------------------------------
   The base styles for this page live in account.css
   (see the "SAVED ADDRESS" block). This file only adds
   the pieces the page needs on top of them:
     - the "delivery address" active badge
     - the primary "Deliver here" action button
     - the form-level error message
     - the responsive stacking of the card actions
   ========================================= */

/* Active delivery address */
.address-item.is-active{
  border-color:var(--color-primary);
  background:rgba(109,40,217,.04);
  box-shadow:inset 3px 0 0 var(--color-primary);
}

.addr-active-badge{
  display:block;
  margin-bottom:6px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--color-primary);
}

/* "Deliver here" action */
.addr-icon-btn.primary{
  color:#fff;
  border-color:var(--color-primary);
  background:linear-gradient(135deg,#6d28d9,#5b21b6);
}

.addr-icon-btn.primary:active{
  background:linear-gradient(135deg,#5b21b6,#4c1d95);
}

/* The three card actions can overflow on narrow screens. */
.address-actions{
  flex-wrap:wrap;
  justify-content:flex-end;
}

/* Form-level error (storage failures etc.) */
.addr-form-error{
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid #fecaca;
  border-radius:10px;
  background:#fef2f2;
  color:#dc2626;
  font-size:12px;
  font-weight:700;
  line-height:1.5;
}

.addr-form-error[hidden]{
  display:none;
}

/* Keep the primary "Deliver here" label readable on very small screens. */
@media (max-width:430px){
  .addr-icon-btn{
    padding:0 10px;
  }
}