/* LAW V9 — final visual cleanup: removes leftover grey pills, aligns auth/cart/checkout, and polishes status pages. */
:root{
  --law-bg:#080106;
  --law-panel:#14040c;
  --law-panel-2:#220713;
  --law-panel-3:#3b0b1d;
  --law-line:rgba(255,232,224,.14);
  --law-line-strong:rgba(240,167,188,.34);
  --law-burgundy:#75172f;
  --law-burgundy-2:#9b1738;
  --law-burgundy-3:#4a0b20;
  --law-cream:#fff5ef;
  --law-muted:#d7bfca;
  --law-soft:#edb7c7;
}

/* Global: kill every remaining pale grey UI island in commerce blocks */
body .product-layout .price-row,
body .product-layout .spec,
body .product-layout .details::after,
body .mini-box,
body .secure-note,
body .summary-line,
body .shipping-option,
body .delivery-option,
body .payment-box,
body .bank-transfer-note,
body .saved-address-box,
body .saved-address-preview,
body .customer-type-card,
body .cart-shipping-card,
body .login-required,
body .empty-cart,
body .summary-chip,
body .status-box,
body .field-card,
body .contact-box,
body .law-status-card,
body .law-page-hero,
body .law-section,
body .reset-info,
body .reset-card{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,224,232,.055),transparent 34%),
    linear-gradient(145deg,rgba(42,10,21,.94),rgba(10,2,7,.98) 68%,rgba(65,9,27,.54))!important;
  border:1px solid var(--law-line)!important;
  color:var(--law-cream)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 52px rgba(0,0,0,.24)!important;
  text-shadow:none!important;
}
body .mini-box span,
body .secure-note span,
body .summary-line span,
body .shipping-option span,
body .delivery-option span,
body .payment-box p,
body .bank-transfer-note,
body .customer-type-card span,
body .contact-box span,
body .status-box span,
body .field-card span,
body .spec span{
  color:var(--law-muted)!important;
  opacity:.92!important;
}
body .mini-box strong,
body .summary-line strong,
body .shipping-option strong,
body .delivery-option strong,
body .payment-box strong,
body .customer-type-card strong,
body .contact-box strong,
body .field-card strong,
body .spec strong{
  color:var(--law-cream)!important;
}

/* produs.html — remove old pale service strip and make product details blend with the site */
body .product-layout .details{
  overflow:hidden!important;
}
body .product-layout .details::after{
  content:"Livrare rapidă · Ambalare atentă · Suport pentru comenzi"!important;
  display:flex!important;
  align-items:center!important;
  min-height:56px!important;
  margin-top:20px!important;
  padding:15px 18px!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(68,13,29,.86),rgba(12,2,7,.98))!important;
  border:1px solid rgba(234,175,191,.18)!important;
  color:#efd5dd!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  line-height:1.5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
body .product-layout .price-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:70px!important;
  border-radius:24px!important;
  padding:16px 18px!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(232,160,180,.12),transparent 42%),
    linear-gradient(135deg,rgba(84,13,33,.92),rgba(15,3,9,.98))!important;
  border-color:rgba(234,175,191,.22)!important;
}
body .product-layout .price-row .price,
body #productPrice{
  color:#f0b7c7!important;
  letter-spacing:-.02em!important;
}
body .product-layout .stock,
body #productStock{
  background:linear-gradient(135deg,rgba(120,25,50,.92),rgba(70,11,29,.94))!important;
  border:1px solid rgba(255,236,230,.18)!important;
  color:#fff3ee!important;
  min-height:40px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
}
body .product-layout .spec-grid{
  gap:14px!important;
}
body .product-layout .spec{
  min-height:92px!important;
  border-radius:22px!important;
  padding:18px 20px!important;
  background:
    linear-gradient(145deg,rgba(35,8,18,.92),rgba(10,2,7,.98))!important;
  border-color:rgba(255,238,232,.13)!important;
}
body .product-layout .helper-row{
  gap:10px!important;
  margin:16px 0 20px!important;
}
body .product-layout .helper-pill,
body .details .helper-pill{
  background:linear-gradient(135deg,rgba(96,16,39,.88),rgba(34,6,17,.96))!important;
  border:1px solid rgba(241,188,202,.22)!important;
  color:#fff0eb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
body .product-layout .acc,
body .product-layout .acc-btn,
body .product-layout .acc-content{
  background:linear-gradient(145deg,rgba(13,3,8,.96),rgba(5,1,4,.98))!important;
  border-color:rgba(255,238,232,.12)!important;
  color:var(--law-cream)!important;
}
body .product-layout .acc-content,
body .product-layout .desc,
body .product-layout .subline{
  color:#dac7cf!important;
}
body .related-wrap .product-card .product-bottom{
  gap:12px!important;
}

/* cart.html — clean actions and transport cards */
body .cart-actions,
body .summary-card .cart-actions{
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) minmax(160px,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
}
body .cart-actions .btn,
body .cart-actions .ghost-btn,
body .summary-card .cart-actions .btn,
body .summary-card .cart-actions .ghost-btn,
body #goCheckoutBtn,
body #clearCartBtn{
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  height:54px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:1!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
body #clearCartBtn,
body .ghost-btn[href="cart.html"]{
  background:linear-gradient(135deg,rgba(29,7,15,.95),rgba(14,3,8,.98))!important;
  border:1px solid rgba(255,238,232,.18)!important;
  color:#fff3ee!important;
}
body .cart-hero .mini-box,
body .checkout-hero .mini-box{
  border-radius:20px!important;
  min-height:82px!important;
}

/* checkout.html — even buttons, no pale panels, better customer type cards */
body .checkout-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  margin-top:18px!important;
}
body .checkout-actions .btn,
body .checkout-actions .ghost-btn,
body #placeOrderBtn,
body .checkout-actions a[href="cart.html"]{
  width:100%!important;
  min-width:0!important;
  height:56px!important;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  line-height:1!important;
  text-align:center!important;
}
body .checkout-actions .ghost-btn{
  background:linear-gradient(135deg,rgba(29,7,15,.95),rgba(14,3,8,.98))!important;
  border:1px solid rgba(255,238,232,.18)!important;
  color:#fff3ee!important;
}
body .customer-type-switch,
body .customer-type-grid{
  gap:14px!important;
}
body .customer-type-card{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  column-gap:14px!important;
  row-gap:4px!important;
  min-height:116px!important;
  padding:20px!important;
  align-content:center!important;
}
body .customer-type-card strong,
body .customer-type-card span{
  grid-column:2!important;
}
body .customer-type-card .customer-type-dot{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:start!important;
  margin-top:2px!important;
}
body .customer-type-card.is-active,
body .payment-option:has(input:checked) .payment-box,
body .payment-option input:checked + .payment-box{
  background:
    radial-gradient(circle at 8% 0%,rgba(241,188,202,.12),transparent 36%),
    linear-gradient(145deg,rgba(90,14,35,.86),rgba(12,3,8,.98))!important;
  border-color:rgba(241,188,202,.34)!important;
}
body .business-vat-line,
body .card-fields,
body .bank-transfer-note .iban-row code,
body #couponCode{
  background:linear-gradient(145deg,rgba(12,3,8,.96),rgba(5,1,4,.98))!important;
  border:1px solid rgba(255,238,232,.14)!important;
  color:var(--law-cream)!important;
}
body .bank-transfer-note{
  border-radius:24px!important;
  padding:20px!important;
}
body .summary-card .secure-note,
body #statusNote{
  border-radius:20px!important;
  padding:16px 18px!important;
  color:#e8d0d8!important;
}

/* login/register — aligned fields, no duplicate/double boxes */
body #loginForm .form-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
  align-items:end!important;
}
body #registerForm .form-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}
body #registerForm .field.full{
  grid-column:1 / -1!important;
}
body #loginForm .field,
body #registerForm .field{
  display:block!important;
  min-width:0!important;
}
body #loginForm .field label,
body #registerForm .field label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
body #loginForm input,
body #registerForm input,
body #loginForm .password-shell{
  width:100%!important;
  height:60px!important;
  min-height:60px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(10,3,7,.98),rgba(5,1,4,.96))!important;
  border:1px solid rgba(255,238,232,.15)!important;
  color:var(--law-cream)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body #loginForm .password-shell{
  display:flex!important;
  align-items:center!important;
  padding:0 8px 0 0!important;
  overflow:hidden!important;
}
body #loginForm .password-shell input{
  flex:1 1 auto!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:22px!important;
  padding:0 18px!important;
}
body #loginForm input::placeholder,
body #registerForm input::placeholder{
  color:#a9939d!important;
}
body #loginForm .toggle-password{
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  border-radius:999px!important;
  border:1px solid rgba(255,238,232,.14)!important;
  background:linear-gradient(135deg,rgba(102,18,43,.95),rgba(55,8,24,.98))!important;
  color:#fff4ef!important;
  box-shadow:none!important;
}
body #loginForm .admin-2fa-box{
  display:none!important;
  grid-column:1 / -1!important;
}
body.admin-login-mode #loginForm .admin-2fa-box[style*="block"],
body.admin-login-mode #loginForm .admin-2fa-box[style*="grid"]{
  display:block!important;
}
body #loginForm .actions,
body #registerForm .actions{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:12px!important;
  align-items:stretch!important;
}
body #loginForm .actions .btn,
body #registerForm .actions .btn{
  height:56px!important;
  min-height:56px!important;
}
body #loginHelper,
body #registerForm + .helper{
  color:#d8c2ca!important;
}

/* reset-password.html — force full dark LAW card, including disabled button */
html body > main.card,
html body main.card{
  width:min(560px,calc(100% - 28px))!important;
  padding:36px!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(242,190,205,.13),transparent 36%),
    linear-gradient(145deg,rgba(35,8,18,.96),rgba(7,1,5,.98) 70%,rgba(78,11,31,.44))!important;
  border:1px solid rgba(255,238,232,.18)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055)!important;
  color:var(--law-cream)!important;
}
html body main.card .logo{
  background:linear-gradient(135deg,var(--law-burgundy-2),var(--law-burgundy))!important;
  color:#fff5ef!important;
  box-shadow:0 18px 48px rgba(116,18,43,.36)!important;
}
html body main.card h1{
  color:var(--law-cream)!important;
  font-family:'Times New Roman',Times,serif!important;
  letter-spacing:-.045em!important;
}
html body main.card p,
html body main.card label{
  color:#dec8d0!important;
}
html body main.card input{
  background:linear-gradient(145deg,rgba(10,3,7,.98),rgba(5,1,4,.96))!important;
  border:1px solid rgba(255,238,232,.16)!important;
  color:var(--law-cream)!important;
  border-radius:18px!important;
  min-height:58px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body main.card input::placeholder{color:#a9939d!important;}
html body main.card button{
  min-height:56px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--law-burgundy-2),var(--law-burgundy))!important;
  border:1px solid rgba(255,238,232,.14)!important;
  color:#fff5ef!important;
}
html body main.card button:disabled{
  background:linear-gradient(135deg,rgba(70,15,31,.85),rgba(21,5,12,.96))!important;
  color:rgba(255,245,239,.74)!important;
  opacity:1!important;
}
html body main.card .message.success,
html body main.card .message.error,
html body main.card .message{
  background:linear-gradient(145deg,rgba(20,5,12,.97),rgba(9,2,6,.99))!important;
  border:1px solid rgba(232,160,180,.24)!important;
  color:#ffe9ef!important;
}
html body main.card .links a{color:#f0b7c7!important;}

/* status pages: 404/offline/order/payment */
body .law-404,
body .law-page{
  background:transparent!important;
}
body .law-404-card,
body .law-status-card{
  background:
    radial-gradient(circle at 10% 0%,rgba(242,190,205,.12),transparent 36%),
    linear-gradient(145deg,rgba(35,8,18,.96),rgba(7,1,5,.98) 74%,rgba(78,11,31,.42))!important;
  border:1px solid rgba(255,238,232,.17)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.055)!important;
  color:var(--law-cream)!important;
}
body .law-nav-links a,
body .law-404-actions a,
body .law-404-actions .ghost-btn{
  background:linear-gradient(135deg,rgba(90,16,38,.90),rgba(23,5,13,.98))!important;
  border:1px solid rgba(255,238,232,.16)!important;
  color:#fff3ee!important;
}

/* final responsive fixes */
@media (max-width:900px){
  body #loginForm .form-grid,
  body #registerForm .form-grid,
  body .checkout-actions,
  body .cart-actions,
  body .summary-card .cart-actions{
    grid-template-columns:1fr!important;
  }
  body #loginForm .actions,
  body #registerForm .actions{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:640px){
  body .product-layout .details::after{
    font-size:13px!important;
    min-height:auto!important;
  }
  body .product-layout .price-row{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}