/* =========================================================================
   DriveMood — checkout.css
   Shopify-style pokladna & košík. Načítá se jen na is_checkout()/is_cart().
   Funkčnost Blocks pokladny se nemění, jen vzhled.
   ========================================================================= */

/* ---------- Minimalistická hlavička pokladny ---------- */
.dm-header--checkout{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:20px var(--pad-x);border-bottom:1px solid var(--border);background:#fff}
.dm-header--checkout .dm-logo{justify-self:center}
.dm-checkout-back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;
  color:var(--text-2);justify-self:start}
.dm-checkout-back:hover{color:var(--black)}
.dm-checkout-secure{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;
  color:var(--green);justify-self:end}

/* ---------- Minimalistická patička na pokladně ---------- */
.dm-checkout-min .dm-footer{justify-content:center;border-top:1px solid var(--border)}
.dm-checkout-min .dm-footer nav{display:none}

/* ---------- Trust badges pod pokladnou ---------- */
.dm-checkout-trust{max-width:1120px;margin:8px auto 40px;padding:20px var(--pad-x) 0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;border-top:1px solid var(--border)}
.dm-checkout-trust .item{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-2)}
.dm-checkout-trust .item svg{color:var(--green)}

/* ---------- Progress dopravy zdarma nad košíkem ---------- */
.dm-cart-freeship{max-width:1120px;margin:0 auto 20px;padding:18px 22px;border:1px solid var(--border);
  border-radius:var(--r-md);background:var(--red-surface)}
.dm-cart-freeship .dm-freeship-msg{color:var(--red-on-surface);font-weight:600;font-size:14px;margin-bottom:8px}
.dm-cart-freeship .dm-progress{width:100%}

/* =========================================================================
   WooCommerce BLOCKS pokladna (woocommerce/checkout)
   ========================================================================= */
.wc-block-checkout,.wp-block-woocommerce-checkout{max-width:1120px;margin:0 auto;padding:30px var(--pad-x) 0}

/* Dvousloupec + sticky souhrn */
.wc-block-checkout__main{padding-right:8px}
.wc-block-checkout__sidebar{position:sticky;top:20px}
.wc-block-components-sidebar{
  background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--r-md) !important;padding:8px 4px}

/* Kroky – čistá čitelná typografie (ne uppercase condensed, kvůli konverzi) */
.wc-block-components-checkout-step__title{
  font-family:var(--font-body) !important;font-size:17px !important;font-weight:600 !important;color:var(--black) !important;text-transform:none !important}
.wc-block-components-checkout-step__description{color:var(--text-3);font-size:13px}
.wc-block-components-checkout-step{border:0;padding-bottom:22px}

/* Inputy */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-select .wc-block-components-select__container,
.wc-block-components-combobox .components-form-token-field__input-container{
  border:1.5px solid var(--border-btn) !important;border-radius:var(--r-sm) !important;
  min-height:52px;font-family:var(--font-body) !important;background:#fff}
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:focus{color:var(--text-2)}
.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus{
  border-color:var(--red) !important;box-shadow:0 0 0 3px rgba(215,25,32,.12) !important;outline:0}
.wc-block-components-text-input label{font-family:var(--font-body);color:var(--text-3)}

/* Radia (doprava/platba) */
.wc-block-components-radio-control__option{
  border:1.5px solid var(--border) !important;border-radius:var(--r-sm);padding:16px 16px 16px 44px;margin-bottom:10px;background:#fff}
.wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option:has(input:checked){
  border-color:var(--red) !important;background:var(--bundle-bg) !important}
.wc-block-components-radio-control__input:checked{border-color:var(--red) !important}
.wc-block-components-radio-control__input:checked::before{background:var(--red) !important}

/* Express platby (Apple/Google Pay – když je gateway) */
.wc-block-components-express-payment{margin-bottom:8px}
.wc-block-components-express-payment__title-container{margin:14px 0}
.wc-block-components-express-payment-continue-rule{color:var(--text-3);font-size:12.5px;text-transform:uppercase;letter-spacing:.08em}

/* Souhrn objednávky – položky + totals */
.wc-block-components-order-summary__button-text{font-weight:600}
.wc-block-components-order-summary-item__quantity{background:var(--black);color:#fff;border-color:var(--black)}
.wc-block-components-product-metadata{color:var(--text-3);font-size:12.5px}
.wc-block-components-totals-item{font-family:var(--font-body);font-size:14px}
.wc-block-components-totals-item__label{color:var(--text-2)}
.wc-block-components-totals-footer-item,
.wc-block-components-totals-item.wc-block-components-totals-footer-item{font-size:16px}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-formatted-money-amount{
  font-family:var(--font-head);font-size:28px;font-weight:700;color:var(--black)}

/* Kupón – decentní */
.wc-block-components-totals-coupon__button,
.wc-block-components-panel__button{color:var(--red) !important;font-weight:600}

/* Hlavní CTA „Objednat" – červené pill, plná šířka, výrazné */
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button .wc-block-components-button,
.wc-block-components-button.contained{
  background:var(--red) !important;color:#fff !important;border:0 !important;border-radius:var(--r-pill) !important;
  min-height:58px;font-family:var(--font-body) !important;font-size:16px !important;font-weight:600 !important;
  text-transform:none !important;letter-spacing:0;box-shadow:none !important;width:100%}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.contained:hover{background:var(--red-hover) !important}

/* Odkazy / obecné akcenty v Blocks */
.wc-block-checkout a,.wc-block-cart a{color:var(--red)}
.wc-block-components-checkout-return-to-cart-button{color:var(--text-2)}

/* =========================================================================
   WooCommerce BLOCKS košík (woocommerce/cart)
   ========================================================================= */
.wc-block-cart,.wp-block-woocommerce-cart{max-width:1120px;margin:0 auto;padding:30px var(--pad-x) 0}
.wc-block-cart__sidebar .wc-block-components-sidebar{
  background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--r-md) !important}
.wc-block-cart-items__header{font-family:var(--font-body);font-weight:600;color:var(--text-3);text-transform:none}
.wc-block-cart-item__image img{border-radius:var(--r-sm)}
.wc-block-cart-item__product-name{font-weight:600}
.wc-block-cart__submit-button{border-radius:var(--r-pill) !important}

/* =========================================================================
   KLASICKÁ pokladna / košík (fallback, kdyby nebyla Blocks)
   ========================================================================= */
.woocommerce-checkout .col2-set,
.woocommerce-checkout #customer_details{width:100%}
.woocommerce form.checkout{max-width:1120px;margin:0 auto;padding:30px var(--pad-x) 0;
  display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}
.woocommerce form.checkout #customer_details{grid-column:1}
.woocommerce form.checkout #order_review,
.woocommerce form.checkout #order_review_heading{grid-column:2}
.woocommerce form.checkout #order_review{position:sticky;top:20px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-md);padding:20px}
.woocommerce .checkout h3,
.woocommerce-checkout #order_review_heading{font-family:var(--font-body);font-size:17px;font-weight:600;text-transform:none}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection{
  border:1.5px solid var(--border-btn);border-radius:var(--r-sm);min-height:52px;padding:12px 14px;font-family:var(--font-body)}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(215,25,32,.12);outline:0}
.woocommerce #payment{background:transparent;border-radius:var(--r-md)}
.woocommerce-checkout #payment div.payment_box{background:var(--surface);border-radius:var(--r-sm)}
.woocommerce-checkout #payment #place_order,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt{
  background:var(--red);color:#fff;border-radius:var(--r-pill);min-height:56px;padding:16px 28px;
  font-family:var(--font-body);font-size:16px;font-weight:600;text-transform:none;letter-spacing:0;width:100%}
.woocommerce-checkout #payment #place_order:hover,
.woocommerce button.button.alt:hover{background:var(--red-hover)}
.woocommerce table.shop_table{border-radius:var(--r-sm);border-color:var(--border)}

/* Klasický košík – tlačítko pokračovat */
.woocommerce .cart-collaterals .checkout-button{
  background:var(--red);color:#fff;border-radius:var(--r-pill);text-transform:none;font-weight:600}
.woocommerce .cart_totals h2{font-family:var(--font-head);text-transform:uppercase}

/* =========================================================================
   Responzivita pokladny
   ========================================================================= */
@media (max-width:900px){
  .dm-header--checkout{grid-template-columns:auto 1fr auto;gap:10px;padding:16px var(--pad-x)}
  .dm-header--checkout .dm-checkout-back span,
  .dm-checkout-back{font-size:0}                 /* na mobilu jen šipka */
  .dm-checkout-back svg{width:22px;height:22px}
  .dm-checkout-secure{font-size:12px}
  .wc-block-checkout__sidebar,
  .woocommerce form.checkout #order_review{position:static}
  .woocommerce form.checkout{grid-template-columns:1fr;gap:28px}
  .woocommerce form.checkout #order_review,
  .woocommerce form.checkout #order_review_heading{grid-column:1}
}