/* ============================================================
   style-cro.css — capa de mejoras CRO mobile takeabreak.cl
   Se encola DESPUÉS del CSS del rediseño (gana por cascada).
   Cada bloque con marcador para revertir quirúrgicamente.
   Generado 2026-06-23.
   ============================================================ */

/* CRO-CTA-COLOR START — botón morado fuera de marca -> verde TAB #2B6256
   Afecta: login "Acceso", registro "Registrarse", PDP "Añadir al carrito".
   Verde tomado del CTA de marca "Armar mi pack" (rgb 43,98,86). */
/* especificidad alta (body + clase duplicada) para ganar a la regla morada del tema */
body .woocommerce-form-login__submit.woocommerce-form-login__submit,
body .woocommerce-form-register__submit.woocommerce-form-register__submit,
body button.takeabreak-shortcode-add-cart,
body .takeabreak-shortcode-add-cart.takeabreak-shortcode-add-cart,
body button.single_add_to_cart_button,
body .single_add_to_cart_button.single_add_to_cart_button {
  background-color: #2B6256 !important;
  border-color: #2B6256 !important;
  color: #ffffff !important;
}
body .woocommerce-form-login__submit.woocommerce-form-login__submit:hover,
body .woocommerce-form-register__submit.woocommerce-form-register__submit:hover,
body button.takeabreak-shortcode-add-cart:hover,
body .takeabreak-shortcode-add-cart.takeabreak-shortcode-add-cart:hover,
body button.single_add_to_cart_button:hover,
body .single_add_to_cart_button.single_add_to_cart_button:hover {
  background-color: #234e45 !important;
  border-color: #234e45 !important;
}
/* CRO-CTA-COLOR END */

/* CRO-COOKIE-COMPACT START — banner CookieYes ocupaba 69% del viewport mobile.
   Lo compacta a una barra inferior (~34%) sin tapar el hero. Solo presentación. */
.cky-consent-container {
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
}
.cky-consent-bar {
  max-height: 34vh !important;
  overflow-y: auto !important;
  padding: 12px 14px !important;
  border-radius: 14px 14px 0 0 !important;
}
.cky-title { font-size: 14px !important; margin: 0 0 2px !important; }
.cky-notice-des { font-size: 11.5px !important; line-height: 1.35 !important; max-height: 60px; overflow: auto; }
.cky-notice-btn-wrapper { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 6px !important; }
.cky-notice-btn-wrapper .cky-btn { flex: 1 1 auto !important; padding: 9px 10px !important; font-size: 13px !important; min-height: 40px; }
/* CRO-COOKIE-COMPACT END */