/* TOPDON Theme 1.2.5 · navegación inferior / cuenta / WhatsApp. */
/* Las reglas móviles heredadas ocultaban Mi cuenta por ser el segundo ícono. */
@media (max-width: 640px) {
  header .header-icons > a.ic.td-my-account {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 24px;
    min-height: 34px;
  }
  header .header-inner .header-icons { gap: clamp(8px, 2.6vw, 14px) !important; }
  header .header-inner .header-actions-wrap { gap: clamp(6px, 2.5vw, 12px) !important; }
}
.td-mobile-bottom-nav { display: none; }
.td-whatsapp-float {
  --td-wa-green: #22c55e;
  position: fixed;
  right: calc(20px + env(safe-area-inset-right, 0px));
  bottom: calc(22px + env(safe-area-inset-bottom, 0px));
  z-index: 60;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
}
.td-whatsapp-float > * { pointer-events: auto; }
.td-whatsapp-fab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  flex: 0 0 55px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--td-wa-green);
  color: #fff;
  box-shadow: 0 8px 23px rgba(16, 104, 51, .33);
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}
.td-whatsapp-fab:hover { transform: translateY(-2px); box-shadow: 0 13px 27px rgba(16, 104, 51, .4); }
.td-whatsapp-fab:focus-visible, .td-whatsapp-chat-link:focus-visible { outline: 3px solid #10acf9; outline-offset: 3px; }
.td-whatsapp-fab svg { width: 29px; height: 29px; }
.td-whatsapp-popover[hidden] { display:none !important; }
.td-whatsapp-popover {
  width: min(286px, calc(100vw - 42px));
  box-sizing: border-box;
  padding: 18px;
  background: #131c29;
  border: 1px solid #35516d;
  border-radius: 15px;
  color: #ecf5ff;
  box-shadow: 0 14px 45px rgba(0,0,0,.45);
  font-family: Inter, Arial, sans-serif;
}
.td-whatsapp-popover-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.td-whatsapp-popover-heading strong { font-size: 15px; font-weight: 700; }
.td-whatsapp-close { border: 0; background: transparent; color: #dae9f7; font-size: 24px; line-height: 1; cursor: pointer; padding: 0 3px; }
.td-whatsapp-popover p { font-size: 12.5px; line-height: 1.55; color: #aebfd2; margin: 12px 0 15px; }
.td-whatsapp-chat-link { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 43px; padding: 10px; box-sizing: border-box; background: #22c55e; color: #06160c !important; border-radius: 9px; text-decoration: none; font-weight: 750; font-size: 12.5px; }
.td-whatsapp-chat-link:hover { background: #35d971; }
@media (max-width: 767px) {
  body { padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; }
  .td-mobile-bottom-nav {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    position: fixed;
    z-index: 65;
    left: 0; right: 0; bottom: 0;
    padding: 7px max(7px, env(safe-area-inset-right, 0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(7px, env(safe-area-inset-left, 0px));
    margin: 0;
    border-top: 1px solid #2d3037;
    background: rgba(10, 10, 12, .97);
    box-shadow: 0 -5px 20px rgba(0,0,0,.2);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-sizing: border-box;
  }
  .td-mobile-bottom-nav .td-mobile-bottom-link {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 50px;
    min-width: 0;
    position: relative;
    padding: 3px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center;
    text-decoration: none !important;
    color: #e3e5eb !important;
    font: 500 11px/1.15 Inter, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    cursor: pointer;
  }
  .td-mobile-bottom-nav .td-mobile-bottom-link svg { display: block; width: 23px; height: 23px; flex: none; }
  .td-mobile-bottom-nav .td-mobile-bottom-link:hover, .td-mobile-bottom-nav .td-mobile-bottom-link:focus-visible { color: #10acf9 !important; }
  .td-mobile-bottom-nav .td-mobile-bottom-wa { color: #25d366 !important; }
  .td-mobile-bottom-nav .td-tab-cart-count {
    position: absolute; left: calc(50% + 8px); top: 0;
    min-width: 16px; height: 16px; line-height: 16px;
    border-radius: 99px; color: #03131c;
    background: #10acf9; font: 750 10px/16px Inter, Arial, sans-serif;
  }
  .td-mobile-bottom-nav .td-tab-cart-count[data-n="0"] { display: none !important; }
  .td-whatsapp-float {
    right: calc(14px + env(safe-area-inset-right,0px));
    bottom: calc(88px + env(safe-area-inset-bottom,0px));
    z-index: 58;
  }
  .td-whatsapp-fab { width: 49px; height: 49px; flex-basis: 49px; }
  .td-whatsapp-fab svg { width: 26px; height: 26px; }
  .td-whatsapp-popover { width: min(275px, calc(100vw - 28px)); }
}
@media (max-width: 360px) {
  header .header-inner .header-icons { gap: 7px !important; }
  header .header-inner .header-actions-wrap { gap: 6px !important; }
  header .header-inner .btn-cotiza { width: 32px !important; height: 36px !important; min-height: 36px !important; }
  header .header-inner .topdon-logo { width: 103px !important; height: auto !important; }
}
/* Capas: no competir con el carrito lateral, su scrim ni el menú móvil abierto. */
body.topdon-cart-open .td-mobile-bottom-nav,
body.topdon-cart-open .td-whatsapp-float,
body.td-mobile-menu-open .td-mobile-bottom-nav,
body.td-mobile-menu-open .td-whatsapp-float { visibility: hidden; pointer-events: none; }