/* GP — Checkout a blocchi WooCommerce, vestito in coordinato col redesign.
   È React: solo CSS (niente spostamenti DOM). Prefisso .gp-co per gli extra. */

/* ---------- Header editoriale ---------- */
.page-header{max-width:1140px;margin:0 auto;padding:0 20px;}
.gp-co-eyebrow{font-family:"DM Sans",-apple-system,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:#999;margin:0 0 12px;}
.page-header .entry-title{font-family:"DM Serif Display",Georgia,serif !important;font-weight:400 !important;font-size:clamp(34px,5vw,48px) !important;line-height:1.05 !important;color:#000 !important;margin:0 !important;}

/* ---------- Base font del blocco ---------- */
.wp-block-woocommerce-checkout,.wc-block-checkout,.wc-block-components-form{font-family:"DM Sans",-apple-system,sans-serif;color:#4b4741;}
.wc-block-checkout{--wc-blue:#0a0a0a;}

/* ---------- Titoli di sezione (serif) ---------- */
.wc-block-components-checkout-step__title,
.wc-block-components-title{font-family:"DM Serif Display",Georgia,serif !important;font-weight:400 !important;color:#111 !important;}
.wc-block-components-checkout-step__title{font-size:22px !important;}
.wc-block-components-checkout-step__description{color:#8a8a8a;font-size:13px;}

/* ---------- Input / select ---------- */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-address-form input,
.wc-block-components-combobox .components-form-token-field__input,
.wc-blocks-components-select .wc-blocks-components-select__container,
.wc-block-components-select .wc-blocks-components-select__container{
  border-radius:12px !important;background:#f9f9f9 !important;border-color:#e5e5e5 !important;font-family:inherit !important;color:#111 !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-text-input.is-active input,
.wc-block-components-address-form input:focus{
  box-shadow:0 0 0 1px #111 inset !important;border-color:#111 !important;
}
/* label fluttuante: colore attivo nero invece del blu tema */
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:focus + label{color:#111 !important;}
/* freccia select */
.wc-blocks-components-select .wc-blocks-components-select__expand{fill:#111;}

/* ---------- Bottone "Effettua ordine" → pillola nera ---------- */
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-components-button{
  background:#0a0a0a !important;color:#fafafa !important;border:0 !important;border-radius:999px !important;
  min-height:52px !important;font-size:13px !important;letter-spacing:.08em !important;text-transform:uppercase !important;font-weight:500 !important;
  transition:opacity .25s ease !important;
}
.wc-block-components-checkout-place-order-button:hover{opacity:.85 !important;}
.wc-block-components-checkout-place-order-button .wc-block-components-button__text{font-family:inherit !important;}

/* link (torna al carrello, ecc.) neri */
.wc-block-checkout a,.wc-block-components-checkout-return-to-cart-button{color:#111 !important;}

/* ---------- Riepilogo ordine (sidebar) ---------- */
.wc-block-checkout__sidebar{border:1px solid #e5e5e5 !important;border-radius:24px !important;background:#f8f8f8 !important;padding:8px 24px 24px !important;box-shadow:none !important;}
.wc-block-checkout__sidebar .wc-block-components-title,
.wc-block-components-order-summary .wc-block-components-title{font-family:"DM Serif Display",Georgia,serif !important;font-size:22px !important;color:#000 !important;}
.wc-block-components-order-summary-item__description .wc-block-components-product-name,
.wc-block-components-product-name{font-weight:600;color:#111;}
.wc-block-components-totals-item__label{color:#4b4741;}
/* totale finale */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-family:"DM Serif Display",Georgia,serif !important;font-weight:400 !important;color:#000 !important;font-size:20px !important;}

/* coupon / codici promozionali */
.wc-block-components-totals-coupon__button,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block button{color:#111 !important;}

/* ---------- Express payment (PayPal giallo): nascosto per coerenza b/n ---------- */
/* (facilmente riattivabile: basta rimuovere questo blocco) */
.wc-block-components-express-payment--checkout,
.wc-block-components-express-payment-continue-rule--checkout,
.wp-block-woocommerce-checkout-express-payment-block{display:none !important;}

/* ---------- Responsive ---------- */
@media (max-width:768px){
  .wc-block-checkout__sidebar{border-radius:20px !important;padding:8px 18px 20px !important;}
}

/* ================= Ordine ricevuto (thank-you) — best-effort, gira sulla pagina /checkout.
   Copre sia il blocco "order-confirmation" sia il classico ".woocommerce-order".
   Da verificare su un ordine reale. ================= */

/* messaggio "Grazie, il tuo ordine è stato ricevuto" */
.woocommerce-thankyou-order-received,
.wc-block-order-confirmation-status,
.wp-block-woocommerce-order-confirmation-status{font-family:"DM Serif Display",Georgia,serif !important;font-weight:400 !important;font-size:24px !important;color:#111 !important;line-height:1.2 !important;margin:0 0 8px !important;}

/* riepilogo (numero ordine, data, email, totale, pagamento) → card a griglia */
.woocommerce-order-overview.woocommerce-thankyou-order-details,
.wc-block-order-confirmation-summary{list-style:none !important;display:grid !important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;gap:18px !important;margin:26px 0 !important;padding:24px 26px !important;border:1px solid #e5e5e5 !important;border-radius:20px !important;background:#f8f8f8 !important;}
.woocommerce-order-overview li,
.wc-block-order-confirmation-summary-list-item{border:0 !important;font-size:11px !important;color:#8a8a8a !important;text-transform:uppercase !important;letter-spacing:.08em !important;padding:0 !important;margin:0 !important;}
.woocommerce-order-overview li strong,
.wc-block-order-confirmation-summary-list-item__value{display:block;font-size:16px;color:#111;text-transform:none;letter-spacing:0;font-weight:600;margin-top:5px;}

/* titoli sezioni (Dettagli ordine / Indirizzo) serif */
.woocommerce-order-details__title,.woocommerce-column__title,
.wc-block-order-confirmation-totals__title,
.wc-block-order-confirmation-shipping-address__title,
.wc-block-order-confirmation-billing-address__title{font-family:"DM Serif Display",Georgia,serif !important;font-weight:400 !important;font-size:22px !important;color:#000 !important;}

/* tabella ordine */
.woocommerce-order table.shop_table,
.wc-block-order-confirmation-totals table{border:1px solid #e5e5e5 !important;border-radius:16px !important;border-collapse:separate !important;border-spacing:0 !important;overflow:hidden;font-family:"DM Sans",sans-serif !important;}
.woocommerce-order table.shop_table th{background:#f8f8f8 !important;border:0 !important;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#666;padding:14px 16px !important;}
.woocommerce-order table.shop_table td{border:0 !important;border-top:1px solid #eee !important;padding:14px 16px !important;color:#333;}
.woocommerce-order table.shop_table tfoot th,.woocommerce-order table.shop_table tfoot td{font-weight:600;color:#111;}

/* indirizzi in card */
.woocommerce-customer-details address,
.wc-block-order-confirmation-address address{border:1px solid #e5e5e5 !important;border-radius:16px !important;padding:20px !important;font-style:normal !important;line-height:1.75 !important;color:#4b4741 !important;background:#fff !important;}

/* bottoni/link neri */
.woocommerce-order a.button,
.wc-block-order-confirmation a.wp-block-button__link,
.wc-block-order-confirmation a.button{background:#0a0a0a !important;color:#fafafa !important;border:0 !important;border-radius:999px !important;text-transform:uppercase;letter-spacing:.08em;font-size:13px;}