/* DarpePro · carrito y pago (§ 8). Reutiliza .cart .ci .sum .cko .opt2 .fld .g2c .steps2 de darpepro.css. */
.dp-flow-h1{font-size:40px;margin-bottom:20px}
.dp-flow-n{font-weight:500;color:var(--mute);font-size:24px}
.dp-flow-w{padding-bottom:64px}

/* carrito */
.ci .pi{display:block}
.ci .row .product-remove a{font-size:14px;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
.qty input.qty{display:block;-moz-appearance:textfield;appearance:textfield}
.qty input.qty::-webkit-inner-spin-button,.qty input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.qty button{cursor:pointer}
.woocommerce-cart-form .actions{display:contents}
.sum dl dd{text-align:right}
.sum dl dt small{font-weight:500;color:var(--mute)}
.sum .woocommerce-remove-coupon{display:inline-block;margin-left:6px;font-size:13px;text-decoration:underline;color:var(--mute)}
.sum .woocommerce-Price-amount{white-space:nowrap}
.sum dl .t small,.sum .includes_tax{display:block;font-size:13px;font-weight:500;color:var(--mute)}
.sum .wc-proceed-to-checkout:empty{display:none}
.sum button.btn{width:100%;cursor:pointer}
.sum .perks a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.wc-empty-cart-message{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dp-empty{max-width:640px;font-size:17px}
.dp-empty-a{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}

/* pago: campos de WooCommerce con aspecto .fld */
.dp-cd{display:flex;flex-direction:column;gap:22px}
.cko .form-row{margin:0;padding:0}
.cko .form-row-wide,.cko .notes,.cko #order_comments_field{grid-column:1/-1}
.cko .form-row label:not(.checkbox){font-size:14px;font-weight:700;color:var(--ink)}
.cko .woocommerce-input-wrapper{display:block}
.cko .woocommerce-input-wrapper input,.cko .woocommerce-input-wrapper select,.cko .woocommerce-input-wrapper textarea{width:100%}
.cko abbr.required{color:var(--coral-t);text-decoration:none;border:0}
.cko .optional{font-weight:500;color:var(--mute)}
.cko .woocommerce-invalid input,.cko .woocommerce-invalid select,.cko .woocommerce-invalid .select2-selection{border-color:var(--coral-t)!important}
.cko .woocommerce-invalid>label{color:var(--coral-t)}
.cko .checkout-inline-error-message{margin-top:4px;font-size:14px;font-weight:600;color:var(--coral-t)}
.cko .select2-container{width:100%!important}
.cko .select2-container .select2-selection--single{height:52px;border:1.5px solid #8A8A8A;border-radius:0}
.cko .select2-container .select2-selection--single .select2-selection__rendered{line-height:49px;padding-left:14px;font-size:16px;font-weight:400;color:var(--ink)}
.cko .select2-container .select2-selection--single .select2-selection__arrow{height:50px}
.cko .woocommerce-shipping-fields__field-wrapper,.cko .woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.cko .woocommerce-additional-fields{margin-top:16px}
.cko .woocommerce-additional-fields h3,.cko #ship-to-different-address{font-size:16px;font-weight:700;color:var(--ink);margin-top:16px}
.cko #ship-to-different-address label,.cko .woocommerce-account-fields label.checkbox,.cko .woocommerce-form__label-for-checkbox{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer}
.cko input[type=checkbox]{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--ink)}
.cko .dp-fac{margin-top:14px}
.cko .dp-nif-w{margin-top:14px}
.cko .woocommerce-account-fields{margin-top:14px}
.cko .create-account{margin-top:14px}

/* entrega */
.dp-ship{margin-bottom:16px}
.dp-ship .opt2 label:has(input:focus-visible){outline:3px solid var(--teal-t);outline-offset:2px}
.dp-ship-none,.dp-ship-pkg{font-size:15px;color:var(--mute);margin-bottom:8px}
.dp-pick-note{display:flex;gap:10px;align-items:flex-start;padding:14px;background:var(--teal-s);font-size:15px;color:var(--ink)}
.dp-pick-note[hidden]{display:none}
.dp-addr[hidden]{display:none}

/* pago */
.cko .wc_payment_methods{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.cko .wc_payment_method{padding:14px 16px;border:1.5px solid var(--line)}
.cko .wc_payment_method:has(>input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.cko .wc_payment_method>input{width:20px;height:20px;accent-color:var(--ink);vertical-align:middle;margin:0 8px 0 0}
.cko .wc_payment_method>label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;font-weight:700;color:var(--ink);cursor:pointer}
.cko .wc_payment_method>label img{max-height:24px;width:auto;display:inline-block}
.cko .payment_box{margin-top:10px;font-size:15px;color:var(--txt)}
.cko .payment_box fieldset{border:0;margin:0;padding:0}
.cko .place-order{display:flex;flex-direction:column;gap:16px;margin-top:20px}
.cko .woocommerce-terms-and-conditions-wrapper a{text-decoration:underline}
.cko #place_order{width:100%;min-height:60px;font-size:18px;gap:10px;cursor:pointer}
.cko #place_order::before{content:"";width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:url(../icons/candado.svg) center/contain no-repeat;mask:url(../icons/candado.svg) center/contain no-repeat}
.dp-ck-note{font-size:14px;color:var(--mute)}
.woocommerce-form-coupon-toggle,.woocommerce-form-login-toggle{margin-bottom:12px}
form.checkout_coupon,form.woocommerce-form-login{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0 0 20px;padding:18px;border:1.5px solid var(--line)}
form.checkout_coupon .form-row,form.woocommerce-form-login .form-row{margin:0}
form.checkout_coupon input.input-text,form.woocommerce-form-login input.input-text{min-height:48px;padding:0 12px;border:1.5px solid #8A8A8A;font:inherit}
.sum .woocommerce-checkout-review-order-table{display:flex;flex-direction:column;gap:10px}

/* pedido recibido */
.woocommerce-order{padding:24px 0 64px}
.woocommerce-order table{width:100%;border-collapse:collapse;margin:12px 0}
.woocommerce-order th,.woocommerce-order td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
.woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:12px 28px;margin:16px 0;font-size:15px}

@media (max-width:900px){
 .dp-flow-h1{font-size:32px}
 .dp-flow-n{font-size:20px}
}
@media (max-width:600px){
 .dp-flow-h1{font-size:28px}
 .ci .pr{grid-column:2;text-align:left}
 .cko .woocommerce-shipping-fields__field-wrapper,.cko .woocommerce-additional-fields__field-wrapper{grid-template-columns:1fr}
 .cko .form-row{grid-column:1/-1}
}
