/* UNIMERCE Patch 072 — selectable checkout cards and luxury checkout buttons
   Developer: Morris Robinson <morrisrobinson1688@aol.com> */

.unimerce-storefront-v2 .um-shipping-list,
.unimerce-storefront-v2 .um-payment-methods{
  display:grid;
  gap:.8rem;
}

.unimerce-storefront-v2 .um-shipping-seller-heading{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.05rem;
  background:linear-gradient(135deg,#fffaf0,#f3eadb);
  border:1px solid rgba(225,212,193,.9);
  border-bottom:0;
  color:#21170e;
}
.unimerce-storefront-v2 .um-shipping-seller-heading strong{
  font-family:"Playfair Display",Georgia,serif;
  font-size:1.08rem;
}
.unimerce-storefront-v2 .um-shipping-seller-heading span{
  color:#7b6b5a;
  font-size:.82rem;
  font-weight:800;
}

.unimerce-storefront-v2 .um-shipping-option,
.unimerce-storefront-v2 .um-payment-method{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.9rem;
  align-items:center;
  width:100%;
  min-height:78px;
  padding:1rem 1.05rem;
  border:1px solid rgba(225,212,193,.96);
  background:#fffdf8;
  color:#231911;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(55,42,27,.045);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease;
}
.unimerce-storefront-v2 .um-shipping-option:hover,
.unimerce-storefront-v2 .um-payment-method:hover,
.unimerce-storefront-v2 .um-shipping-option:focus-within,
.unimerce-storefront-v2 .um-payment-method:focus-within{
  border-color:rgba(184,138,56,.75);
  background:#fff9eb;
  box-shadow:0 16px 40px rgba(55,42,27,.09);
  transform:translateY(-1px);
}
.unimerce-storefront-v2 .um-shipping-option.selected,
.unimerce-storefront-v2 .um-payment-method.selected,
.unimerce-storefront-v2 .um-shipping-option:has(input:checked),
.unimerce-storefront-v2 .um-payment-method:has(input:checked){
  border-color:#b88a38;
  background:linear-gradient(135deg,#fff8e8,#fffdf8 46%,#fff7e5);
  box-shadow:0 18px 48px rgba(184,138,56,.18);
}
.unimerce-storefront-v2 .um-shipping-option input,
.unimerce-storefront-v2 .um-payment-method input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
  z-index:3;
  margin:0;
}
.unimerce-storefront-v2 .um-shipping-option > span,
.unimerce-storefront-v2 .um-payment-method > span{
  position:relative;
  z-index:2;
  pointer-events:none;
}
.unimerce-storefront-v2 .um-shipping-radio{
  width:24px;
  height:24px;
  border-radius:999px;
  border:2px solid #c9ad76;
  background:#fff;
  box-shadow:inset 0 0 0 4px #fff;
}
.unimerce-storefront-v2 .um-shipping-option.selected .um-shipping-radio,
.unimerce-storefront-v2 .um-payment-method.selected .um-shipping-radio,
.unimerce-storefront-v2 .um-shipping-option input:checked + .um-shipping-radio,
.unimerce-storefront-v2 .um-payment-method input:checked + .um-shipping-radio{
  background:#b88a38;
  border-color:#b88a38;
  box-shadow:inset 0 0 0 5px #fff,0 0 0 3px rgba(184,138,56,.20);
}
.unimerce-storefront-v2 .um-shipping-option-copy{
  display:grid;
  gap:.2rem;
}
.unimerce-storefront-v2 .um-shipping-option-copy strong{
  font-size:.96rem;
  color:#1b130c;
}
.unimerce-storefront-v2 .um-shipping-option-copy small{
  display:block;
  color:#706457;
  line-height:1.45;
}
.unimerce-storefront-v2 .um-shipping-price,
.unimerce-storefront-v2 .um-payment-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:108px;
  border:1px solid rgba(184,138,56,.32);
  background:#fff5df;
  color:#7b4e0f;
  border-radius:999px;
  padding:.45rem .75rem;
  font-size:.78rem;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.unimerce-storefront-v2 .um-btn,
.unimerce-storefront-v2 a.um-btn,
.unimerce-storefront-v2 button.um-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  min-height:46px;
  padding:.78rem 1.2rem;
  border-radius:999px;
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none!important;
  line-height:1.1;
}
.unimerce-storefront-v2 .um-btn.gold,
.unimerce-storefront-v2 a.um-btn.gold,
.unimerce-storefront-v2 button.um-btn.gold{
  color:#17110b!important;
  border:1px solid #c29237!important;
  background:linear-gradient(135deg,#f3d486,#c89436 54%,#a87523)!important;
  box-shadow:0 14px 32px rgba(184,138,56,.26),inset 0 1px 0 rgba(255,255,255,.46)!important;
}
.unimerce-storefront-v2 .um-btn.gold:hover,
.unimerce-storefront-v2 a.um-btn.gold:hover,
.unimerce-storefront-v2 button.um-btn.gold:hover{
  background:linear-gradient(135deg,#ffe39a,#d2a148 54%,#a87523)!important;
  transform:translateY(-1px);
}
.unimerce-storefront-v2 .um-btn.secondary,
.unimerce-storefront-v2 a.um-btn.secondary,
.unimerce-storefront-v2 button.um-btn.secondary{
  color:#2a2118!important;
  background:#fffdf8!important;
  border:1px solid rgba(184,138,56,.42)!important;
  box-shadow:0 10px 26px rgba(55,42,27,.06)!important;
}

.unimerce-storefront-v2 .um-mobile-checkout-link,
.unimerce-storefront-v2 .um-checkout-quick-link,
.unimerce-storefront-v2 .um-mobile-shopping-group .um-mobile-checkout-menu-link{
  background:linear-gradient(135deg,#f3d486,#c89436 56%,#a87523)!important;
  border:1px solid rgba(194,146,55,.95)!important;
  color:#17110b!important;
  border-radius:999px!important;
  box-shadow:0 12px 28px rgba(184,138,56,.24)!important;
  text-decoration:none!important;
}
.unimerce-storefront-v2 .um-mobile-checkout-link{
  min-height:40px;
  padding:.5rem .82rem;
  font-size:.72rem;
  letter-spacing:.075em;
  white-space:nowrap;
}
.unimerce-storefront-v2 .um-checkout-quick-link span{
  color:#17110b!important;
}
.unimerce-storefront-v2 .um-mobile-shopping-group .um-mobile-checkout-menu-link{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin-top:.45rem;
}

@media(max-width:767.98px){
  .unimerce-storefront-v2 .um-shipping-seller-heading{
    display:grid;
    gap:.25rem;
  }
  .unimerce-storefront-v2 .um-shipping-option,
  .unimerce-storefront-v2 .um-payment-method{
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    padding:.92rem;
  }
  .unimerce-storefront-v2 .um-shipping-price,
  .unimerce-storefront-v2 .um-payment-badge{
    grid-column:2;
    justify-self:start;
    min-width:auto;
  }
  .unimerce-storefront-v2 .um-checkout-actions{
    display:grid!important;
    gap:.65rem;
  }
  .unimerce-storefront-v2 .um-checkout-actions .um-btn,
  .unimerce-storefront-v2 .um-checkout-actions button,
  .unimerce-storefront-v2 .um-checkout-actions a{
    width:100%;
  }
}