/* ==========================================================================
   Checkout-ul Ardux (/apiv2/checkout/order) — redesign etapa 5, 19.10.2026.
   Incarcat din page/ardux-checkout.phtml DUPA ardux_checkout.css (fisier separat,
   nu trece prin CSS-ul combinat din Head.php; versiunea = filemtime).

   Doar stil: niciun camp, id, nume sau pas nu s-a schimbat. Singura schimbare de
   markup: invelisurile .ardux-checkout-grid / -main / -side din order.phtml.
   - de la 980px: doua coloane — formularul (adresa, livrare, plata, observatii) |
     comanda, cuponul si sumarul, care sta lipit (sticky) cat timp derulezi;
   - sub 980px: invelisurile devin display:contents, sectiunile revin in ordinea
     veche (adresa, cupon, produse, livrare, plata, observatii) si sumarul e bara
     fixa de jos, ca inainte.
   Campurile au aspectul .ld-form din ld-ui.css (chenar --rule, raza --r, focus
   rosu); clasa .ld-form nu e pusa pe formulare pentru ca ar restiliza si
   etichetele radio/checkbox (persoana fizica/juridica, adresa de facturare).
   ========================================================================== */

body.ardux-checkout-page,html{background:var(--bench);color:var(--ink);font-size:15px}
.ardux-checkout-page input[type=radio],.ardux-checkout-page input[type=checkbox]{accent-color:var(--red)}
/* linkurile din text; butonul de WhatsApp si bannerul de ajutor isi au culorile lor (mai jos) */
.ardux-checkout-page :where(a:not(.whatsapp-button)){color:var(--red-deep)} /* :where = specificitate mica: antetul, numele produselor si butoanele isi pastreaza culoarea */

/* ---- antetul ---- */
.ardux-checkout-header{margin:0 0 24px;padding:14px 0;background:var(--paper);border-bottom:1px solid var(--rule)}
.ardux-header-container{max-width:var(--page-w);padding:0 20px}
.ardux-logo img{height:44px;width:auto}
.ardux-checkout-page .ardux-login-link,.ardux-checkout-page .ardux-customer-welcome{border:1px solid var(--rule);border-radius:var(--r);background:var(--paper);color:var(--ink);font-weight:600}
.ardux-checkout-page .ardux-login-link:hover,.ardux-checkout-page .ardux-customer-welcome:hover{border-color:var(--ink);background:var(--paper);color:var(--ink)}

/* ---- containerul + grila ---- */
.ardux-checkout-container{max-width:var(--page-w);padding:0 20px 48px}
.ardux-checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}
.ardux-checkout-main{min-width:0}
.ardux-checkout-side{min-width:0;align-self:stretch;display:flex;flex-direction:column}
/* sumarul se lipeste in invelisul lui, care umple restul coloanei din dreapta */
.ardux-checkout-side .ardux-order-totals-wrapper{flex:1 1 auto}

/* ---- sectiunile ca panouri ---- */
.address-guest,.address-logged-in,.ardux-order-shipping,.ardux-order-payment,.ardux-order-comments,.ardux-order-products,.ardux-order-coupon{margin:0 0 16px;padding:20px 24px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper);box-shadow:none}
.section-title,.ardux-shipping-header h2,.ardux-payment-header h2,.ardux-comments-header h2,.ardux-products-header h2{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:85%;font-size:1.2rem;line-height:1.2;letter-spacing:0;color:var(--ink)}
.section-title{margin:18px 0 12px;padding:0;border:0}
.ardux-shipping-header,.ardux-payment-header,.ardux-comments-header,.ardux-products-header{margin:0 0 14px;padding:0;border:0}
.ardux-items-count{font-family:var(--f-tag);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}

/* ---- campurile (aspectul .ld-form) ---- */
.ardux-address-form .form-control,.ardux-comment-textarea,.ardux-coupon-input,.ardux-login-popup .input-text{height:46px;padding:10px 14px;border:1px solid var(--rule);border-radius:var(--r);background:#fff;font-family:var(--f-body);font-size:1rem;color:var(--ink);box-shadow:none}
.ardux-comment-textarea{height:auto;min-height:110px}
.ardux-address-form .form-control::placeholder,.ardux-comment-textarea::placeholder,.ardux-coupon-input::placeholder{color:#8a8f96}
.ardux-address-form .form-control:hover,.ardux-comment-textarea:hover{border-color:#bdbab5}
.ardux-address-form .form-control:focus,.ardux-comment-textarea:focus,.ardux-coupon-input:focus,.ardux-qty-input:focus{outline:2px solid var(--red);outline-offset:2px;border-color:var(--red);box-shadow:none}
.select2-container--default .select2-selection--single{height:46px;border:1px solid var(--rule);border-radius:var(--r)}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:44px;padding-left:14px;font-size:1rem;color:var(--ink)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}
.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--default.select2-container--open .select2-selection--single{border-color:var(--red)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--red);color:#fff}
.select2-dropdown{border-color:var(--rule);border-radius:var(--r)}

/* ---- alegerile: persoana, livrarea, plata (ca optiunile de cadou de pe produs) ---- */
.person-type-selector label,.ardux-shipping-option,.ardux-payment-option{border:1px solid var(--rule);background:var(--paper);border-radius:var(--r);transition:border-color .12s ease,box-shadow .12s ease}
.person-type-selector label:hover,.ardux-shipping-option:hover,.ardux-payment-option:hover{border-color:var(--ink);background:var(--paper)}
.person-type-selector label:has(input[type="radio"]:checked),.ardux-shipping-option.ardux-option-selected,.ardux-payment-option.ardux-option-selected{border-color:var(--red);background:var(--paper);box-shadow:inset 0 0 0 1px var(--red)}
.ardux-shipping-label,.ardux-payment-label{font-size:15px;font-weight:600;color:var(--ink)}
.ardux-info-box p{color:var(--ink)}
.ardux-payment-info-content{border-color:var(--rule)}
#sameday-selected-locker-display{border-radius:var(--r);background:var(--bench);border-color:var(--rule)}

/* ---- produsele (coloana din dreapta) ---- */
.ardux-products-list{margin:0}
.ardux-product-item{grid-template-columns:64px 1fr;gap:4px 12px;padding:12px;border:1px solid var(--rule);border-radius:var(--r);background:var(--paper);box-shadow:none}
.ardux-product-item:hover{box-shadow:none;border-color:var(--rule)}
.ardux-product-image{width:64px;height:64px;border-color:var(--rule);background:#fff}
.ardux-product-name,.ardux-product-name a{font-size:14px;font-weight:700;line-height:1.3;color:var(--ink)}
.ardux-product-price{font-size:13px;font-weight:400;color:var(--muted)}
.ardux-qty-input{height:34px;width:52px;border-color:var(--rule);border-radius:var(--r);font-size:14px}
.ardux-total-price{font-family:var(--f-display);font-weight:800;font-stretch:85%;font-size:1.05rem;color:var(--ink)}
.ardux-remove-item{border:0;padding:4px 6px;color:var(--muted);background:none}
.ardux-remove-item:hover{background:var(--err-bg);color:var(--red-deep);border:0}
.ardux-product-item.ardux-gift-item{background:var(--bench);border:1px dashed var(--rule)}
.ardux-gift-badge{display:inline-block;margin-right:4px;padding:2px 7px;border-radius:var(--r-s);background:var(--red);color:#fff;font-family:var(--f-tag);font-size:.66rem;font-weight:700;letter-spacing:.06em}
.ardux-gift-price{color:var(--ok);font-weight:700}

/* ---- cuponul ---- */
.ardux-coupon-label{font-weight:600;color:var(--ink)}
.ardux-coupon-input{height:42px;text-transform:none}
.ardux-coupon-button,.ardux-coupon-remove{height:42px;padding:0 16px;border:1px solid var(--ink);border-radius:var(--r);background:var(--ink);color:#fff}
.ardux-coupon-button:hover{background:#000;border-color:#000;color:#fff}
.ardux-coupon-remove{background:transparent;color:var(--ink)}
.ardux-coupon-remove:hover{background:var(--bench);color:var(--ink)}
.ardux-coupon-message-ok{color:var(--ok)}
.ardux-coupon-message-error{color:var(--red-deep)}
/* in coloana din dreapta (400px) eticheta sta pe randul ei, campul + butonul pe al doilea */
.ardux-checkout-side .ardux-coupon-form .ardux-coupon-label{flex:0 0 100%}
.ardux-checkout-side .ardux-coupon-form .ardux-coupon-input{flex:1 1 auto;width:auto;min-width:0}

/* ---- observatii ---- */
.ardux-agreement-item{margin-top:12px}

/* ---- sumarul + butonul ---- */
.ardux-order-summary-fixed{background:var(--paper)}
.ardux-place-order-button{max-width:none;min-height:52px;padding:12px 18px;border-radius:var(--r);background:var(--red);font-family:var(--f-display);font-weight:800;font-stretch:85%;font-size:1.1rem;line-height:1.2;text-transform:none;letter-spacing:0}
.ardux-place-order-button:hover{background:var(--red-deep)}
.ardux-summary-terms{margin:8px 0 0;font-size:13px;line-height:1.4;color:var(--muted);text-align:center}
.ardux-summary-terms a{color:var(--red-deep);text-decoration:underline}
.ardux-grand-total .ardux-summary-value{font-family:var(--f-display);font-weight:900;font-stretch:80%;color:var(--ink)}

@media (min-width:980px){
  body.ardux-checkout-page{padding-bottom:0}
  .ardux-checkout-side .ardux-order-summary-fixed{position:sticky;top:16px;left:auto;right:auto;bottom:auto;z-index:2;margin:0;border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:none}
  .ardux-checkout-side .ardux-summary-container{max-width:none;margin:0;padding:18px 20px 20px}
  .ardux-checkout-side .ardux-summary-main-row{flex-direction:column;align-items:stretch;gap:0;padding:0}
  .ardux-checkout-side .ardux-summary-item{justify-content:space-between;padding:6px 0;border:0}
  .ardux-checkout-side .ardux-summary-item:not(:last-child){border-right:0}
  .ardux-checkout-side .ardux-summary-label{font-size:15px;font-weight:400;color:var(--muted)}
  .ardux-checkout-side .ardux-summary-value{font-size:15px;font-weight:600;color:var(--ink)}
  .ardux-checkout-side .ardux-grand-total{margin-top:6px;padding-top:12px;border-top:1px solid var(--rule)}
  .ardux-checkout-side .ardux-grand-total .ardux-summary-label{font-size:16px;font-weight:700;color:var(--ink)}
  .ardux-checkout-side .ardux-grand-total .ardux-summary-value{font-size:1.8rem;line-height:1}
  .ardux-checkout-side .ardux-summary-discount-row,.ardux-checkout-side .ardux-summary-tax-row{justify-content:space-between;padding:6px 0;border:0}
  .ardux-checkout-side .ardux-summary-actions{margin:14px 0 0;padding:0}
}

@media (max-width:979px){
  .ardux-checkout-container{display:flex;flex-direction:column}
  .ardux-checkout-grid,.ardux-checkout-main,.ardux-checkout-side{display:contents}
  .ardux-order-address-wrapper{order:1}
  .ardux-order-coupon-wrapper{order:2}
  .ardux-order-products-wrapper{order:3}
  .ardux-order-shipping-wrapper{order:4}
  .ardux-order-payment-wrapper{order:5}
  .ardux-order-comments-wrapper{order:6}
  .ardux-order-totals-wrapper{order:7}
  .ardux-order-summary-fixed{border-top:1px solid var(--rule);box-shadow:0 -6px 18px rgba(22,24,27,.08)}
  .ardux-summary-container{max-width:760px}
  .ardux-grand-total{border-top-color:var(--ink)!important}
  /* bara fixa compacta (19.10.2026, cerut de Radu): randuri stranse, fara linii intre subtotal si transport */
  .ardux-order-summary-fixed .ardux-summary-container{padding:8px 16px 10px}
  .ardux-order-summary-fixed .ardux-summary-main-row{flex-direction:column;gap:0;padding:0}
  .ardux-order-summary-fixed .ardux-summary-item{width:100%;justify-content:space-between;padding:2px 0;border:0!important}
  .ardux-order-summary-fixed .ardux-summary-label{font-size:13px;line-height:1.3}
  .ardux-order-summary-fixed .ardux-summary-value{font-size:14px;line-height:1.3}
  .ardux-order-summary-fixed .ardux-grand-total{margin-top:4px;padding-top:5px;border-top:1px solid var(--ink)!important}
  .ardux-order-summary-fixed .ardux-grand-total .ardux-summary-label{font-size:15px}
  .ardux-order-summary-fixed .ardux-grand-total .ardux-summary-value{font-size:1.35rem;line-height:1.1}
  .ardux-order-summary-fixed .ardux-summary-discount-row,.ardux-order-summary-fixed .ardux-summary-tax-row{justify-content:space-between;margin:0;padding:2px 0;border:0}
  .ardux-order-summary-fixed .ardux-summary-actions{margin:0;padding-top:8px}
  .ardux-order-summary-fixed .ardux-place-order-button{min-height:44px;padding:8px 18px;font-size:1rem}
  .ardux-order-summary-fixed .ardux-summary-terms{margin-top:4px;font-size:12px;line-height:1.3}
  body.ardux-checkout-page{padding-bottom:170px}
}
@media (max-width:768px){
  .ardux-checkout-header{margin-bottom:14px;padding:10px 0}
  .ardux-logo img{height:36px}
  .ardux-checkout-container{padding:0 12px 24px}
  .address-guest,.address-logged-in,.ardux-order-shipping,.ardux-order-payment,.ardux-order-comments,.ardux-order-products,.ardux-order-coupon{margin:0 0 12px;padding:16px}
  .ardux-place-order-button{min-height:46px;font-size:1rem}
  .ardux-summary-terms{margin-top:4px;font-size:12px}
}

/* ardux_global.css se incarca DUPA acest fisier: selectorii WhatsApp au .ardux-checkout-page in fata ca sa castige */
/* ---- ajutorul care apare dupa 40 s (ardux_checkout.js: .having-issues-wrapper + #checkout-whatsapp-btn) ----
   desktop: bannerul e o notita discreta jos-stanga, WhatsApp jos-dreapta (ca pe restul site-ului);
   telefon: bannerul e o banda subtire sus, WhatsApp sta deasupra barei fixe cu totalul. */
.ardux-checkout-page .having-issues-wrapper{top:auto;bottom:20px;left:20px;right:auto;transform:none;max-width:420px;border:1px solid var(--rule);border-left:3px solid var(--red);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-pop);animation:ldHelpIn .3s ease-out}
.ardux-checkout-page .having-issues-wrapper a{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--ink);font-family:var(--f-body);font-size:15px;font-weight:400;line-height:1.35;text-decoration:none}
.ardux-checkout-page .having-issues-wrapper a::before{content:"";flex:0 0 auto;width:20px;height:20px;background:var(--red);-webkit-mask:url(/skin/frontend/rwd/laptopd/images/help.svg) center/contain no-repeat;mask:url(/skin/frontend/rwd/laptopd/images/help.svg) center/contain no-repeat}
.ardux-checkout-page .having-issues-wrapper a strong{color:var(--red-deep);text-decoration:underline}
.ardux-checkout-page .having-issues-wrapper a:hover{transform:none;color:var(--ink)}
.ardux-checkout-page .having-issues-wrapper a:hover strong{color:var(--red)}
.ardux-checkout-page .whatsapp-button.whatsapp-checkout{top:auto;bottom:20px;right:20px;color:#fff;animation:ldHelpIn .3s ease-out}
.ardux-checkout-page .whatsapp-button.whatsapp-checkout:hover{color:#fff}
@keyframes ldHelpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:979px){
  .ardux-checkout-page .having-issues-wrapper{top:0;bottom:auto;left:0;right:0;width:auto;max-width:none;border:0;border-bottom:1px solid var(--rule);border-left:0;border-radius:0;box-shadow:0 4px 14px rgba(22,24,27,.08)}
  .ardux-checkout-page .having-issues-wrapper a{justify-content:center;padding:10px 14px;font-size:14px}
  /* cat timp banda e vizibila, pagina coboara sub ea (altfel acopera logo-ul) */
  body.ardux-checkout-page:has(.having-issues-wrapper[style*="block"]){padding-top:42px}
  /* deasupra barei fixe cu totalul (inalta ~160px) */
  .ardux-checkout-page .whatsapp-button.whatsapp-checkout{top:auto;bottom:176px;right:12px}
}
@media (prefers-reduced-motion:reduce){.ardux-checkout-page .having-issues-wrapper,.ardux-checkout-page .whatsapp-button.whatsapp-checkout{animation:none}}