/* =========================================================
   EtiFarma – WooCommerce (tienda, ficha, carro, pago, cuenta)
   ========================================================= */
.woo-main,.woo-page{padding-bottom:10px}
.woocommerce .woocommerce-breadcrumb{margin:26px 0 10px;font-size:13px;color:var(--muted)}

/* ---------- botones ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
:where(.wc-block-components-button):not(.is-link){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--navy);color:#fff;border:0;border-radius:999px;padding:14px 24px;
  font-family:Inter,sans-serif;font-weight:600;font-size:15px;line-height:1.2;transition:background .15s,transform .15s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#0A76AE;color:#fff}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.woocommerce #payment #place_order,.wc-block-components-checkout-place-order-button,.wc-block-cart__submit-button,
.woocommerce .checkout-button{background:var(--teal)!important;color:#fff!important}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce .checkout-button:hover{background:#00B39B!important}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{background:var(--line);color:var(--muted)}

/* botón "Agregar" de las tarjetas (AJAX) */
.prod .add.loading{opacity:.6;pointer-events:none}
.prod .add.added,.li-item .add.added{background:var(--navy);color:#fff}
a.added_to_cart{display:none!important}
.prod .price del,.pinfo .price del{font-size:.6em;color:var(--faint);font-weight:600;margin-right:6px}
.prod .price ins{text-decoration:none}
.prod .ask-btn{text-align:center}

/* ---------- tienda ---------- */
.woocommerce .woocommerce-result-count{margin:0;color:var(--muted);font-size:14px;float:none}
.woocommerce .woocommerce-ordering{margin:0;float:none}
.woocommerce .woocommerce-ordering select{border:1.5px solid var(--line);border-radius:999px;padding:9px 34px 9px 14px;font:inherit;font-size:14px;color:var(--ink);background-color:#fff}
.woocommerce .products::before,.woocommerce .products::after{display:none}
.term-description,.page-description{color:var(--muted);margin-top:6px;max-width:60ch}
.woocommerce nav.woocommerce-pagination{margin-top:28px}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.woocommerce nav.woocommerce-pagination ul li{border:0;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  min-width:42px;height:42px;padding:0 12px;border-radius:999px;display:grid;place-items:center;font-weight:600;color:var(--navy);border:1.5px solid var(--line);background:#fff}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--navy);color:#fff;border-color:var(--navy)}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:#fff;border-color:var(--navy);color:var(--navy)}
.side .widget+.widget{margin-top:16px}

/* ---------- ficha de producto ---------- */
.woocommerce div.product{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:start;margin-top:8px}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important;margin:0}
.woocommerce div.product div.images{background:var(--mint-soft);border-radius:var(--r-xl);padding:8%;position:sticky;top:110px}
.woocommerce div.product div.images img{mix-blend-mode:multiply;border-radius:12px}
.woocommerce div.product div.images .flex-control-thumbs{margin-top:14px;display:flex;gap:8px}
.woocommerce div.product div.images .flex-control-thumbs li{width:64px!important;background:#fff;border-radius:10px;padding:4px}
.woocommerce div.product .woocommerce-product-gallery__trigger{background:#fff;border-radius:50%}
.woocommerce div.product .summary .cat-l{display:inline-block;font-size:12.5px;font-weight:600;color:var(--teal-deep);background:var(--peach-soft);border-radius:8px;padding:4px 10px;margin-bottom:14px}
.woocommerce div.product .summary .cat-l.be{background:var(--teal);color:#fff}
.woocommerce div.product .product_title{font-size:clamp(28px,3vw,40px);margin:0}
.woocommerce div.product .summary .sku{color:var(--faint);font-size:13px;margin-top:8px}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-family:"Inter Tight";font-weight:800;font-size:44px;letter-spacing:-.03em;color:var(--navy);margin:18px 0 6px}
.woocommerce div.product .stock{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:var(--teal-deep)!important}
.woocommerce div.product .stock::before{content:"";width:8px;height:8px;border-radius:50%;background:#7CF0C8;box-shadow:0 0 0 3px rgba(124,240,200,.25)}
.woocommerce div.product .stock.out-of-stock{color:#B4232C!important}
.woocommerce div.product .stock.out-of-stock::before{background:#FF9B7E;box-shadow:0 0 0 3px rgba(255,155,126,.25)}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--text);margin:14px 0}
.woocommerce div.product form.cart{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:24px 0}
.woocommerce div.product form.cart::before,.woocommerce div.product form.cart::after{display:none}
.woocommerce div.product form.cart .button{height:52px;padding:0 28px;flex:1;max-width:280px}
.woocommerce .quantity{display:inline-flex!important;align-items:center;border:1.5px solid var(--line);border-radius:999px;height:52px;background:#fff;margin:0!important}
.woocommerce .quantity .qty{width:44px;border:0;text-align:center;font:inherit;font-weight:700;color:var(--ink);background:none;-moz-appearance:textfield}
.woocommerce .quantity .qty::-webkit-inner-spin-button,.woocommerce .quantity .qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.qty-btn{width:42px;height:100%;font-size:20px;color:var(--navy)}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:none}
.woocommerce div.product .woocommerce-tabs .panel{margin:0;padding:0;max-width:72ch}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:24px;margin-bottom:12px}
.woocommerce div.product .woocommerce-tabs .panel p{line-height:1.7;margin-bottom:14px}
.woocommerce div.product .related>h2,.woocommerce div.product .upsells>h2{font-size:clamp(28px,3vw,40px);margin:40px 0 20px}
.woocommerce span.onsale{background:var(--teal);border-radius:8px;min-height:0;min-width:0;padding:4px 10px;line-height:1.3;font-size:12.5px;top:16px;left:16px}

/* ---------- avisos ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{
  border:0!important;border-radius:16px;background:var(--gray)!important;color:var(--ink)!important;padding:14px 18px 14px 50px!important;margin-bottom:18px!important}
.woocommerce-message::before{color:var(--teal)!important}
.woocommerce-info::before{color:var(--navy)!important}
.woocommerce-error{background:#FDECEC!important}
.woocommerce-message .button,.woocommerce-info .button{padding:9px 16px!important;font-size:13.5px!important}

/* ---------- formularios ---------- */
.woocommerce form .form-row{padding:0;margin:0 0 12px}
.woocommerce form .form-row label{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:5px;display:block}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.select2-container--default .select2-selection--single,.woocommerce-cart table.cart td.actions .coupon .input-text{
  border:1.5px solid var(--line)!important;border-radius:12px!important;padding:12px 14px!important;font:inherit;font-size:15px;color:var(--ink);background:#fff;min-height:48px;line-height:1.3}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:22px;padding:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;right:8px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--teal)!important;box-shadow:0 0 0 3px var(--peach-soft);outline:none}
.woocommerce form .form-row .required{color:#B4232C}

/* ---------- carro (shortcode) ---------- */
.woocommerce table.shop_table{border:0;border-radius:var(--r-lg);background:var(--gray);border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce table.shop_table th{font-family:"Inter Tight";color:var(--navy);font-size:14px;padding:16px;border:0}
.woocommerce table.shop_table td{border-top:1px solid #fff!important;padding:14px 16px;vertical-align:middle}
.woocommerce table.shop_table .product-thumbnail img{width:72px!important;background:#fff;border-radius:12px;padding:4px}
.woocommerce table.shop_table .product-name a{color:var(--navy);font-weight:700}
.woocommerce table.shop_table .product-subtotal,.woocommerce table.shop_table .order-total .amount{font-family:"Inter Tight";font-weight:800;color:var(--navy)}
.woocommerce a.remove{color:var(--muted)!important;border-radius:50%}
.woocommerce a.remove:hover{background:#B4232C;color:#fff!important}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{width:100%;max-width:420px;background:var(--navy-deep);color:#fff;border-radius:var(--r-lg);padding:26px;float:right}
.woocommerce .cart-collaterals .cart_totals h2{color:#fff;font-size:24px;margin-bottom:12px}
.woocommerce .cart-collaterals .cart_totals table.shop_table{background:none}
.woocommerce .cart-collaterals .cart_totals table th,.woocommerce .cart-collaterals .cart_totals table td{color:#CFE4EC;border-top:1px solid rgba(255,255,255,.12)!important;background:none}
.woocommerce .cart-collaterals .cart_totals .order-total .amount{color:#fff;font-size:26px}
.woocommerce .cart-collaterals .cart_totals a{color:#fff}
.woocommerce .wc-proceed-to-checkout a.checkout-button{width:100%;font-size:16px;padding:16px}
.woocommerce-cart .cart-empty{background:var(--gray);border-radius:var(--r-lg);padding:40px 30px 40px 60px!important}

/* ---------- carro y pago (bloques) ---------- */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:Inter,sans-serif}
.wc-block-cart__sidebar .wc-block-components-sidebar-layout__sidebar,.wc-block-components-sidebar .wc-block-components-totals-wrapper{border-color:var(--line)}
.wc-block-components-sidebar-layout .wc-block-components-main{padding-right:4%}
.wc-block-components-text-input input,.wc-block-components-combobox .wc-block-components-combobox-control input,.wc-blocks-components-select__select{border-radius:12px!important;border:1.5px solid var(--line)!important}
.wc-block-components-checkout-step__title,.wc-block-cart-items__header{font-family:"Inter Tight";color:var(--navy)}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-family:"Inter Tight";font-weight:800;color:var(--navy)}
.wc-block-components-button:not(.is-link){border-radius:999px!important}

/* ---------- pago (shortcode) ---------- */
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:auto;float:none;background:var(--gray);border-radius:var(--r-lg);padding:24px}
.woocommerce-checkout .col2-set::before,.woocommerce-checkout .col2-set::after{display:none}
.woocommerce-checkout h3{font-size:22px;margin-bottom:14px}
.woocommerce-checkout #order_review_heading{margin-top:28px}
.woocommerce-checkout #payment{background:var(--gray)!important;border-radius:var(--r-lg)!important}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid #fff!important;padding:20px!important}
.woocommerce-checkout #payment ul.payment_methods li{background:#fff;border-radius:14px;padding:14px 16px!important;margin-bottom:10px;list-style:none}
.woocommerce-checkout #payment ul.payment_methods li label{font-weight:700;color:var(--navy)}
.woocommerce-checkout #payment div.payment_box{background:var(--peach-soft)!important;border-radius:12px;color:var(--text)!important}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--peach-soft)!important}
.woocommerce-checkout #payment div.form-row{padding:20px!important}
.woocommerce-checkout #payment #place_order{width:100%;font-size:16px;padding:16px}
.woocommerce-terms-and-conditions-wrapper{font-size:14px}

/* ---------- mi cuenta ---------- */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:28px}
.woocommerce-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{width:auto;float:none}
.woocommerce-MyAccount-navigation ul{list-style:none;background:var(--gray);border-radius:var(--r-md);padding:10px;display:grid;gap:2px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;font-weight:600;color:var(--navy)}
.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:#fff}
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
.woocommerce-account .u-columns.col2-set{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.woocommerce-account .u-columns .u-column1,.woocommerce-account .u-columns .u-column2{width:auto;float:none;background:var(--gray);border-radius:var(--r-lg);padding:24px}
.woocommerce form.login,.woocommerce form.register{border:0;padding:0;margin:0}

/* ---------- páginas de contenido ---------- */
.page-body{margin-top:28px}
.prose .wpcf7 form{background:var(--gray);border-radius:var(--r-lg);padding:24px;max-width:640px}
.prose .wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]),.prose .wpcf7 textarea,.prose .wpcf7 select{
  width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;color:var(--ink);background:#fff;margin-top:5px}
.prose .wpcf7 label{font-size:13px;font-weight:600;color:var(--ink)}
.prose .wpcf7 input[type=submit]{background:var(--navy);color:#fff;border:0;border-radius:999px;padding:14px 26px;font-weight:600;cursor:pointer}
.post-list{display:grid;gap:16px}

@media (max-width:1100px){
  .woocommerce div.product{grid-template-columns:1fr}
  .woocommerce div.product div.images{position:static;max-width:560px}
  .woocommerce .cart-collaterals .cart_totals{float:none;max-width:none}
  .woocommerce-account .woocommerce{grid-template-columns:1fr}
}
@media (max-width:760px){
  .woocommerce div.product p.price{font-size:36px}
  .woocommerce div.product form.cart .button{max-width:none}
  .woocommerce-checkout .col2-set,.woocommerce-account .u-columns.col2-set{grid-template-columns:1fr}
  .woocommerce table.shop_table_responsive tr{border-radius:16px;margin-bottom:10px}
}