/* Miguelitos Kids - Avisos de WooCommerce y mini carrito de la cabecera.
   El prefijo body.mk-shop sube la especificidad por encima del CSS de
   WooCommerce, de sus bloques y del kit de Elementor. */

body.mk-shop{
  --mk-blue:#5287C8;
  --mk-blue-solid:#2F6DC2;
  --mk-blue-deep:#1F5399;
  --mk-navpill:#EEF2FE;
  --mk-lightblue:#DAEDFC;
  --mk-beige:#FDF2E7;
  --mk-pink:#FCEEF3;
  --mk-amber-soft:#FDF0D9;
  --mk-amber-ink:#8A5A02;
  --mk-green-soft:#E3F3E8;
  --mk-green-ink:#1E6B3A;
  --mk-red-soft:#FCEDEB;
  --mk-red-ink:#B3261E;
  --mk-ink:rgba(0,0,0,.85);
  --mk-ink-2:rgba(0,0,0,.62);
  --mk-ink-3:rgba(0,0,0,.48);
  --mk-line:rgba(0,0,0,.09);
  --mk-line-soft:rgba(0,0,0,.06);
  --mk-grey-soft:#F4F5F7;
  --mk-r-card:16px;
  --mk-r-inner:12px;
  --mk-pill:999px;
}

/* =================================================== avisos clasicos === */
body.mk-shop .woocommerce-notices-wrapper{margin:0}
body.mk-shop .woocommerce-notices-wrapper:empty{display:none}

body.mk-shop .woocommerce-message,
body.mk-shop .woocommerce-info,
body.mk-shop .woocommerce-error{
  box-sizing:border-box;
  width:min(1280px, calc(100% - 40px));
  max-width:1280px;
  margin:20px auto 4px;
  padding:15px 20px 15px 52px;
  border:1px solid var(--mk-line);
  border-top-width:1px;
  border-radius:var(--mk-r-card);
  background:#fff;
  color:var(--mk-ink-2);
  font-family:"Poppins",sans-serif;
  font-size:13.5px;
  line-height:1.6;
  list-style:none;
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  box-shadow:none}
body.mk-shop .woocommerce-message::before,
body.mk-shop .woocommerce-info::before,
body.mk-shop .woocommerce-error::before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  border-radius:50%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:13px 13px;
  color:transparent;
  font-size:0;
  animation:none}

/* Correcto */
body.mk-shop .woocommerce-message{background:var(--mk-green-soft);border-color:rgba(30,107,58,.18);color:var(--mk-green-ink)}
body.mk-shop .woocommerce-message::before{
  background-color:var(--mk-green-ink);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}

/* Informativo */
body.mk-shop .woocommerce-info{background:var(--mk-navpill);border-color:rgba(47,109,194,.2);color:var(--mk-blue-deep)}
body.mk-shop .woocommerce-info::before{
  background-color:var(--mk-blue-solid);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='12' y1='11' x2='12' y2='17'/%3E%3Cline x1='12' y1='7' x2='12' y2='7.5'/%3E%3C/svg%3E")}

/* Error */
body.mk-shop .woocommerce-error{background:var(--mk-red-soft);border-color:rgba(179,38,30,.2);color:var(--mk-red-ink)}
body.mk-shop .woocommerce-error::before{
  background-color:var(--mk-red-ink);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='12' y1='7' x2='12' y2='13'/%3E%3Cline x1='12' y1='16.6' x2='12' y2='17'/%3E%3C/svg%3E")}
body.mk-shop .woocommerce-error li{margin:0;padding:0;list-style:none}

/* Boton dentro del aviso */
body.mk-shop .woocommerce-message a.button,
body.mk-shop .woocommerce-info a.button,
body.mk-shop .woocommerce-error a.button{
  order:2;margin:0 0 0 auto;padding:9px 20px;min-height:0;
  border:0;border-radius:var(--mk-pill);box-shadow:none;
  background:rgba(255,255,255,.85);color:inherit;
  font-family:inherit;font-size:12.5px;font-weight:600;line-height:1.3;
  text-decoration:none;white-space:nowrap;
  transition:background-color .15s}
body.mk-shop .woocommerce-message a.button:hover,
body.mk-shop .woocommerce-info a.button:hover,
body.mk-shop .woocommerce-error a.button:hover{background:#fff;color:inherit;border:0}
body.mk-shop .woocommerce-message .wc-forward,
body.mk-shop .woocommerce-info .wc-forward{float:none}

/* Avisos de los bloques (carrito y pago) */
body.mk-shop .wc-block-components-notice-banner{
  border-radius:var(--mk-r-card);border-width:1px;font-family:"Poppins",sans-serif;font-size:13.5px;
  line-height:1.6;padding:14px 18px;margin:0 0 18px;box-shadow:none;align-items:center}
body.mk-shop .wc-block-components-notice-banner.is-success{background:var(--mk-green-soft);border-color:rgba(30,107,58,.18);color:var(--mk-green-ink)}
body.mk-shop .wc-block-components-notice-banner.is-info{background:var(--mk-navpill);border-color:rgba(47,109,194,.2);color:var(--mk-blue-deep)}
body.mk-shop .wc-block-components-notice-banner.is-error{background:var(--mk-red-soft);border-color:rgba(179,38,30,.2);color:var(--mk-red-ink)}
body.mk-shop .wc-block-components-notice-banner.is-warning{background:var(--mk-amber-soft);border-color:rgba(138,90,2,.2);color:var(--mk-amber-ink)}
body.mk-shop .wc-block-components-notice-banner > svg{fill:currentColor;background:transparent;border-radius:50%;flex:0 0 auto}

/* ===================================================== mini carrito === */
/* La barra de administracion de WordPress es fija y se solapaba con el
   primer articulo del panel. Solo la ves tu, con la sesion abierta. */
body.mk-shop.admin-bar .elementor-menu-cart__main{top:32px;max-height:calc(100vh - 32px)}
@media screen and (max-width:782px){
  body.mk-shop.admin-bar .elementor-menu-cart__main{top:46px;max-height:calc(100vh - 46px)}
}

body.mk-shop .elementor-menu-cart__main{
  font-family:"Poppins",sans-serif;
  padding:24px 22px;
  border:0;
  border-left:1px solid var(--mk-line);
  border-radius:0;
  background:#fff;
  box-shadow:none}
body.mk-shop .elementor-menu-cart__container{background:rgba(0,0,0,.32)}

body.mk-shop .elementor-menu-cart__close-button{
  width:30px;height:30px;min-width:0;min-height:0;padding:0;margin:0 0 6px auto;
  border:1px solid var(--mk-line);border-radius:50%;background:#fff;color:var(--mk-ink-2);
  box-shadow:none;opacity:1;font-size:0;line-height:0;
  display:grid;place-content:center;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.62)' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:13px 13px}
body.mk-shop .elementor-menu-cart__close-button::before,
body.mk-shop .elementor-menu-cart__close-button::after{display:none;content:none}
body.mk-shop .elementor-menu-cart__close-button:hover{border-color:var(--mk-blue-solid);background-color:#fff}

body.mk-shop .elementor-menu-cart__products{padding:0;margin:0 0 4px}
body.mk-shop .elementor-menu-cart__product{
  padding:16px 0;margin:0;border:0;border-bottom:1px solid var(--mk-line-soft);
  display:flex;align-items:flex-start;gap:14px}
body.mk-shop .elementor-menu-cart__product:first-child{padding-top:4px}
body.mk-shop .elementor-menu-cart__product-image{
  width:62px;flex:0 0 62px;margin:0;border-radius:10px;overflow:hidden;background:var(--mk-pink)}
body.mk-shop .elementor-menu-cart__product-image img{
  width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:10px}
body.mk-shop .elementor-menu-cart__product-name{
  font-size:13px;font-weight:600;line-height:1.4;color:var(--mk-ink);margin:0 0 4px;padding-right:26px}
body.mk-shop .elementor-menu-cart__product-name a{color:inherit;text-decoration:none}
body.mk-shop .elementor-menu-cart__product-name a:hover{color:var(--mk-blue-solid)}
body.mk-shop .elementor-menu-cart__product-price{
  font-size:13px;font-weight:700;color:var(--mk-blue-solid);margin:0}
body.mk-shop .elementor-menu-cart__product .variation,
body.mk-shop .elementor-menu-cart__product dl.variation{
  margin:0 0 6px;font-size:11.5px;line-height:1.5;color:var(--mk-ink-3);display:flex;flex-wrap:wrap;gap:0 6px}
body.mk-shop .elementor-menu-cart__product dl.variation dt,
body.mk-shop .elementor-menu-cart__product dl.variation dd{margin:0;padding:0;font-weight:400;float:none}
body.mk-shop .elementor-menu-cart__product dl.variation dd p{margin:0}
body.mk-shop .elementor-menu-cart__product-remove{
  top:16px;right:0;width:22px;height:22px;border-radius:50%;
  border:1px solid var(--mk-line);background:#fff;color:var(--mk-ink-3);
  opacity:1;font-size:0;line-height:0}
body.mk-shop .elementor-menu-cart__product-remove::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.48)' stroke-width='2.4' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:10px 10px}
body.mk-shop .elementor-menu-cart__product-remove:hover{border-color:var(--mk-red-ink)}

body.mk-shop .elementor-menu-cart__footer-buttons{border:0;padding:0;margin:0}
body.mk-shop .elementor-menu-cart__subtotal{
  padding:18px 0;margin:0;border:0;border-top:1px solid var(--mk-line);
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  font-size:14px;font-weight:600;color:var(--mk-ink);text-align:left}
body.mk-shop .elementor-menu-cart__subtotal .woocommerce-Price-amount{
  font-size:18px;font-weight:700;color:var(--mk-blue-solid)}

body.mk-shop .elementor-menu-cart__footer-buttons{display:flex;gap:10px;flex-wrap:nowrap}
body.mk-shop .elementor-menu-cart__footer-buttons .elementor-button{
  flex:1 1 0;min-width:0;min-height:48px;padding:13px 14px;margin:0;border:0;
  border-radius:var(--mk-pill);box-shadow:none;
  font-family:inherit;font-size:13px;font-weight:600;line-height:1.25;
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  white-space:nowrap;transition:background-color .16s}
body.mk-shop .elementor-menu-cart__footer-buttons .elementor-button--view-cart{
  background:var(--mk-navpill);color:var(--mk-blue-solid)}
body.mk-shop .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{
  background:var(--mk-lightblue);color:var(--mk-blue-deep)}
body.mk-shop .elementor-menu-cart__footer-buttons .elementor-button--checkout{
  background:var(--mk-blue-solid);color:#fff}
body.mk-shop .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{
  background:var(--mk-blue-deep);color:#fff}

body.mk-shop .elementor-menu-cart__empty-message{
  padding:28px 0;font-size:13.5px;line-height:1.7;color:var(--mk-ink-3);text-align:center}

@media (max-width:480px){
  body.mk-shop .elementor-menu-cart__main{padding:20px 18px}
  body.mk-shop .elementor-menu-cart__footer-buttons{flex-wrap:wrap}
  body.mk-shop .elementor-menu-cart__footer-buttons .elementor-button{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  body.mk-shop .woocommerce-message::before,
  body.mk-shop .woocommerce-info::before,
  body.mk-shop .woocommerce-error::before{animation:none}
}