/* =====================================================================
   AI360 THEME — FASE WOO (skin de WooCommerce) — parte del MÓDULO cliente
   ---------------------------------------------------------------------
   "Viste" la tienda WooCommerce (loop, ficha, carrito, checkout, cuenta)
   con el lenguaje visual AI360, SIN tocar plantillas ni la lógica de
   carrito/pagos. CSS-only → 100% reversible.

   Se encola SOLO cuando WooCommerce está activo (class-woo.php) y va
   scoped a `.ai360-site.woocommerce`, así que:
     · en webs sin Woo → no cambia NADA,
     · se apaga quitando el módulo.

   🚫 PORTABILIDAD (regla dura): 0 URLs/dominios. Solo usa los tokens
   --atl/--sky/--sun/... definidos en theme.css. Mover el sitio = 0 cambios.
   ===================================================================== */

/* ------------------------------ BOTONES ------------------------------ */
.ai360-site.woocommerce a.button,
.ai360-site.woocommerce button.button,
.ai360-site.woocommerce input.button,
.ai360-site.woocommerce #respond input#submit,
.ai360-site.woocommerce a.button.alt,
.ai360-site.woocommerce button.button.alt,
.ai360-site.woocommerce input.button.alt,
.ai360-site.woocommerce .wc-block-components-button,
.ai360-site.woocommerce .single_add_to_cart_button,
.ai360-site.woocommerce #place_order{
  background:var(--atl)!important;color:#fff!important;border:0!important;
  border-radius:999px!important;font-family:var(--ai360-font)!important;font-weight:700!important;
  text-transform:none!important;letter-spacing:0!important;padding:14px 26px!important;
  line-height:1!important;box-shadow:var(--sh-s)!important;transition:all .2s ease
}
.ai360-site.woocommerce a.button:hover,
.ai360-site.woocommerce button.button:hover,
.ai360-site.woocommerce input.button:hover,
.ai360-site.woocommerce a.button.alt:hover,
.ai360-site.woocommerce button.button.alt:hover,
.ai360-site.woocommerce #place_order:hover{
  background:var(--atl-x)!important;color:#fff!important;transform:translateY(-2px)
}
/* ----------------- ANTI «MODO OSCURO FORZADO» ------------------------
   Chrome/Android (p. ej. Samsung Galaxy Z Flip) puede activar el "auto-dark"
   y oscurecer/invertir el botón #place_order → texto blanco invisible.
   Forzamos esquema claro y blindamos color/texto de los controles clave
   (checkout, carrito, alta de carrito). CSS-only, reversible, sin JS. */
.ai360-site{color-scheme:light}
.ai360-site.woocommerce #place_order,
.ai360-site.woocommerce .checkout-button,
.ai360-site.woocommerce a.button,
.ai360-site.woocommerce button.button,
.ai360-site.woocommerce input.button,
.ai360-site.woocommerce .single_add_to_cart_button{
  color-scheme:light;forced-color-adjust:none;
}
.ai360-site.woocommerce #place_order{
  background:var(--atl)!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;text-shadow:none!important;
  color-scheme:light!important;forced-color-adjust:none!important
}
.ai360-site.woocommerce #place_order:hover{
  background:var(--atl-x)!important;color:#fff!important;-webkit-text-fill-color:#fff!important
}
.ai360-site.woocommerce .added_to_cart,
.ai360-site.woocommerce a.added_to_cart{color:var(--atl)!important;font-weight:700!important}
.ai360-site.woocommerce a.button.wc-forward,
.ai360-site.woocommerce .cart .button,
.ai360-site.woocommerce .checkout-button.button{background:var(--atl)!important}
.ai360-site.woocommerce button.button:disabled,
.ai360-site.woocommerce button.button[disabled],
.ai360-site.woocommerce .button.disabled{opacity:.5!important}

/* Botón CTA principal de tienda (comprar) en amarillo sol */
.ai360-site.woocommerce .single_add_to_cart_button.button.alt{
  background:var(--sun)!important;color:var(--atl-x)!important;box-shadow:0 20px 38px -16px rgba(242,169,0,.6)!important
}
.ai360-site.woocommerce .single_add_to_cart_button.button.alt:hover{background:var(--sun-d)!important;color:var(--atl-x)!important}

/* ------------------------------ PRECIOS ------------------------------ */
.ai360-site.woocommerce .woocommerce-Price-amount,
.ai360-site.woocommerce .price .amount,
.ai360-site.woocommerce span.price,
.ai360-site.woocommerce p.price{color:var(--atl)!important;font-weight:800!important;font-family:var(--ai360-font)!important}
.ai360-site.woocommerce .price del,
.ai360-site.woocommerce del .woocommerce-Price-amount{color:var(--mut)!important;font-weight:500!important}
.ai360-site.woocommerce .price ins,
.ai360-site.woocommerce ins .woocommerce-Price-amount{color:var(--atl)!important;text-decoration:none!important}

/* --------------------------- LOOP / TIENDA --------------------------- */
.ai360-site.woocommerce ul.products,
.ai360-site.woocommerce .wc-block-grid__products{gap:28px!important}
.ai360-site.woocommerce ul.products li.product,
.ai360-site.woocommerce .wc-block-grid__product{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;
  box-shadow:var(--sh-s)!important;overflow:hidden!important;padding-bottom:20px!important;transition:all .25s ease
}
.ai360-site.woocommerce ul.products li.product:hover{box-shadow:var(--sh)!important;transform:translateY(-3px)}
.ai360-site.woocommerce ul.products li.product .woocommerce-loop-product__title,
.ai360-site.woocommerce .wc-block-grid__product-title{
  font-family:var(--ai360-font)!important;color:var(--atl-d)!important;font-weight:800!important;padding:16px 18px 6px!important;font-size:16px!important
}
.ai360-site.woocommerce ul.products li.product .price{padding:0 18px!important}
.ai360-site.woocommerce ul.products li.product .button{margin:12px 18px 0!important}
.ai360-site.woocommerce ul.products li.product img{border-radius:0!important}
.ai360-site.woocommerce span.onsale,
.ai360-site.woocommerce .wc-block-grid__product-onsale{
  background:var(--sun)!important;color:var(--atl-x)!important;border-radius:999px!important;
  font-weight:800!important;min-height:0!important;line-height:1.6!important;padding:4px 12px!important
}

/* --------------------------- FICHA PRODUCTO -------------------------- */
.ai360-site.woocommerce div.product .product_title,
.ai360-site.woocommerce div.product .product_title.h1{
  font-family:var(--ai360-font)!important;color:var(--atl-d)!important;font-weight:900!important;letter-spacing:-.02em!important
}
.ai360-site.woocommerce div.product p.price,
.ai360-site.woocommerce div.product span.price{font-size:30px!important;color:var(--atl)!important}
.ai360-site.woocommerce div.product .woocommerce-product-details__short-description{color:var(--mut)!important}
.ai360-site.woocommerce div.product .woocommerce-tabs ul.tabs{border-bottom:2px solid var(--line)!important;padding:0!important}
.ai360-site.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:transparent!important;border:0!important;border-radius:0!important;margin:0 22px 0 0!important;padding:0!important
}
.ai360-site.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:var(--mut)!important;font-weight:700!important;padding:12px 0!important
}
.ai360-site.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--atl)!important}
.ai360-site.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.ai360-site.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after{display:none!important}
.ai360-site.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:3px solid var(--sun)!important}
.ai360-site.woocommerce div.product .woocommerce-tabs .panel{color:var(--ink)!important}
.ai360-site.woocommerce div.product form.cart .quantity,
.ai360-site.woocommerce .quantity{border:1px solid var(--line)!important;border-radius:999px!important;overflow:hidden}
.ai360-site.woocommerce .quantity input.qty{border:0!important;background:#fff!important;font-weight:700!important}

/* ------------------------------ CARRITO ------------------------------ */
.ai360-site.woocommerce table.shop_table,
.ai360-site.woocommerce .woocommerce-cart-form{
  border:1px solid var(--line)!important;border-radius:var(--r)!important;overflow:hidden!important;
  border-collapse:separate!important;border-spacing:0!important;background:#fff!important
}
.ai360-site.woocommerce table.shop_table th{
  background:var(--ice)!important;color:var(--atl-d)!important;font-weight:800!important;
  font-family:var(--ai360-font)!important;text-transform:none!important
}
.ai360-site.woocommerce table.shop_table td,
.ai360-site.woocommerce table.shop_table th{border-color:var(--line)!important;padding:14px 16px!important}
.ai360-site.woocommerce .cart_totals h2,
.ai360-site.woocommerce .cross-sells h2,
.ai360-site.woocommerce .related h2,
.ai360-site.woocommerce .upsells h2{
  font-family:var(--ai360-font)!important;color:var(--atl-d)!important;font-weight:800!important
}
.ai360-site.woocommerce .cart_totals table.shop_table{
  background:#fff!important;box-shadow:var(--sh-s)!important
}
.ai360-site.woocommerce .cart-collaterals .cart_totals,
.ai360-site.woocommerce .cart-collaterals .cart_totals table{width:100%!important}
.ai360-site.woocommerce .cart-collaterals .cart_totals .button{width:100%!important;text-align:center!important}

/* ------------------------------ CHECKOUT ----------------------------- */
.ai360-site.woocommerce form.checkout,
.ai360-site.woocommerce form.woocommerce-checkout{background:transparent!important}
.ai360-site.woocommerce .woocommerce-billing-fields h3,
.ai360-site.woocommerce .woocommerce-shipping-fields h3,
.ai360-site.woocommerce #order_review_heading,
.ai360-site.woocommerce h3{
  font-family:var(--ai360-font)!important;color:var(--atl-d)!important;font-weight:800!important
}
.ai360-site.woocommerce #order_review,
.ai360-site.woocommerce .woocommerce-checkout-review-order{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;
  box-shadow:var(--sh-s)!important;padding:24px!important
}
.ai360-site.woocommerce .woocommerce-checkout-payment,
.ai360-site.woocommerce #payment{
  background:var(--ice)!important;border-radius:var(--r)!important;border:0!important
}
.ai360-site.woocommerce #payment ul.payment_methods{border:0!important;background:transparent!important}
.ai360-site.woocommerce #payment div.payment_box{background:#fff!important;border-radius:12px!important}
.ai360-site.woocommerce #payment div.payment_box:before{display:none!important}
.ai360-site.woocommerce .select2-container--default .select2-selection--single{
  border:1px solid var(--line)!important;border-radius:12px!important;height:auto!important;padding:10px 12px!important;background:#fff!important
}

/* --------------------------- CUENTA (my-account) --------------------- */
.ai360-site.woocommerce .woocommerce-MyAccount-navigation ul{list-style:none!important;margin:0!important;padding:0!important}
.ai360-site.woocommerce .woocommerce-MyAccount-navigation ul li{
  border-bottom:1px solid var(--line)!important
}
.ai360-site.woocommerce .woocommerce-MyAccount-navigation ul li a{
  display:block!important;padding:13px 16px!important;color:var(--atl-d)!important;font-weight:700!important;text-decoration:none!important
}
.ai360-site.woocommerce .woocommerce-MyAccount-navigation ul li.is-active{
  background:var(--atl)!important;border-radius:10px!important
}
.ai360-site.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{color:#fff!important}
.ai360-site.woocommerce .woocommerce-MyAccount-navigation ul li a:hover{color:var(--atl)!important}

/* ------------------------------ AVISOS ------------------------------- */
.ai360-site.woocommerce .woocommerce-message,
.ai360-site.woocommerce .woocommerce-info,
.ai360-site.woocommerce .woocommerce-error,
.ai360-site.woocommerce .woocommerce-noreviews{
  background:var(--ice)!important;border-top:0!important;border-left:4px solid var(--atl)!important;
  border-radius:12px!important;color:var(--ink)!important;box-shadow:var(--sh-s)!important
}
.ai360-site.woocommerce .woocommerce-message{border-left-color:#1FAE68!important}
.ai360-site.woocommerce .woocommerce-message::before{color:#1FAE68!important}
.ai360-site.woocommerce .woocommerce-info::before{color:var(--atl)!important}
.ai360-site.woocommerce .woocommerce-error{border-left-color:#D02E2E!important;background:#FDECEC!important}
.ai360-site.woocommerce .woocommerce-error::before{color:#D02E2E!important}

/* --------------------------- FORMULARIOS WOO ------------------------- */
.ai360-site.woocommerce form .form-row input.input-text,
.ai360-site.woocommerce form .form-row textarea,
.ai360-site.woocommerce form .form-row select{
  border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;
  padding:12px 14px!important;font-family:var(--ai360-font)!important
}
.ai360-site.woocommerce form .form-row input.input-text:focus,
.ai360-site.woocommerce form .form-row textarea:focus,
.ai360-site.woocommerce form .form-row select:focus{
  border-color:var(--atl)!important;outline:none!important;box-shadow:0 0 0 3px rgba(51,149,255,.12)!important
}
.ai360-site.woocommerce form .form-row label{color:var(--atl-d)!important;font-weight:600!important}

/* --------------------------- PAGINACIÓN / MIGAS ---------------------- */
.ai360-site.woocommerce nav.woocommerce-pagination ul{border:0!important}
.ai360-site.woocommerce nav.woocommerce-pagination ul li{border:0!important;margin:0 6px!important}
.ai360-site.woocommerce nav.woocommerce-pagination ul li a,
.ai360-site.woocommerce nav.woocommerce-pagination ul li span{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important;
  color:var(--atl)!important;min-width:42px!important;text-align:center!important;font-weight:700!important
}
.ai360-site.woocommerce nav.woocommerce-pagination ul li span.current,
.ai360-site.woocommerce nav.woocommerce-pagination ul li a:hover{
  background:var(--atl)!important;color:#fff!important;border-color:var(--atl)!important
}
.ai360-site.woocommerce .woocommerce-breadcrumb{color:var(--mut)!important;font-family:var(--ai360-font)!important}
.ai360-site.woocommerce .woocommerce-breadcrumb a{color:var(--atl)!important}

/* --------------------------- RESULTADOS / ORDEN ---------------------- */
.ai360-site.woocommerce .woocommerce-result-count,
.ai360-site.woocommerce .woocommerce-ordering select{color:var(--mut)!important;font-family:var(--ai360-font)!important}
.ai360-site.woocommerce .woocommerce-ordering select{
  border:1px solid var(--line)!important;border-radius:12px!important;padding:10px 12px!important;background:#fff!important
}

/* --------------------------- REVIEWS / VALORACIÓN -------------------- */
.ai360-site.woocommerce #reviews #comments ol.commentlist li .comment-text{
  border:1px solid var(--line)!important;border-radius:var(--r)!important;background:#fff!important
}
.ai360-site.woocommerce .star-rating span::before,
.ai360-site.woocommerce p.stars a{color:var(--sun)!important}

/* --------------------------- WIDGETS TIENDA -------------------------- */
.ai360-site.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.ai360-site.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:var(--atl)!important}
.ai360-site.woocommerce .widget_price_filter .price_slider_amount .button{background:var(--atl)!important}

/* --------------------------- RESPONSIVE ------------------------------ */
@media(max-width:768px){
  .ai360-site.woocommerce ul.products li.product .button{margin:10px 14px 0!important}
  .ai360-site.woocommerce #order_review{padding:18px!important}
}

/* =====================================================================
   LISTADOS DE TOURS (archive tax-tour_category) — cabecera + sidebar
   ---------------------------------------------------------------------
   · Berna (19:31): el widget de "tours al azar" del sidebar no tiene
     sentido → se oculta (solo en listados de categoría).
   · La cabecera del listado (h1 + migas) se re-estila al look AI360
     (se CONSERVA por contexto SEO).
   Scoped a body.tax-tour_category / .ai360-site. Reversible.
   ===================================================================== */

/* 1) Fuera el widget de tours al azar del sidebar de los listados */
body.tax-tour_category .sidebar .widget_tours_adventure_tours,
body.tax-tour_category .sidebar .widget-atgrid-without-title{display:none!important}

/* 2) Cabecera del listado (título de categoría + migas) al look AI360 */
.ai360-site .header-section{padding-top:26px!important;padding-bottom:4px!important}
.ai360-site .header-section__title{
  font-family:var(--ai360-font)!important;color:var(--atl-x)!important;font-weight:900!important;
  letter-spacing:-.02em!important;font-size:clamp(28px,3.4vw,44px)!important;margin:0!important
}
.ai360-site .header-section__title-wrap--breadcrumbs{display:flex;flex-direction:column;gap:8px}
.ai360-site .breadcrumbs,.ai360-site .breadcrumbs ul{color:var(--mut)!important;font-family:var(--ai360-font)!important;font-size:14px!important;list-style:none!important}
.ai360-site .breadcrumbs a{color:var(--atl)!important;font-weight:600!important}
.ai360-site .breadcrumbs a:hover{color:var(--atl-x)!important}
.ai360-site .breadcrumbs li{display:inline-block}