/**
 * Deposito Trujillo — global header / popup mobile fixes.
 * Loaded on all storefront pages via Magento_Theme/layout/default.xml.
 */

/* -------------------------------------------------------------------------- */
/* Logo: wordmark + tagline are baked into logo_pagina_web.jpg.               */
/* Athlete2 also sets inline style max-width:600px;max-height:125px on <img>. */
/* At ~375px the wordmark collides with the icon cluster — cap hard.         */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .page-header .logo img,
  .page-header a.logo img,
  .logo__container .logo img:not(.print-logo),
  .header__content .logo img:not(.print-logo),
  .page-header .logo img[style],
  .logo__container .logo img[style]:not(.print-logo) {
    max-height: 46px !important;
    max-width: min(168px, 44vw) !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .page-header .logo__container,
  .header__content .logo__container,
  .page-header .logo__container.logo__container {
    max-width: min(172px, 46vw) !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
    overflow: hidden;
  }
}

@media (max-width: 400px) {
  .page-header .logo img,
  .page-header a.logo img,
  .logo__container .logo img:not(.print-logo),
  .header__content .logo img:not(.print-logo),
  .page-header .logo img[style],
  .logo__container .logo img[style]:not(.print-logo) {
    max-height: 42px !important;
    max-width: min(148px, 40vw) !important;
  }

  .page-header .logo__container,
  .header__content .logo__container {
    max-width: min(152px, 42vw) !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Newsletter / promo popup (Olegnax ox-newsletter-modal)                      */
/* -------------------------------------------------------------------------- */
.modal-popup.ox-newsletter-modal .action-close,
.ox-newsletter-modal .action-close {
  min-width: 44px !important;
  min-height: 44px !important;
  width: 44px !important;
  height: 44px !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

.modal-popup.ox-newsletter-modal .modal-header {
  position: relative;
  z-index: 21;
}

/* Image-only promos: avoid accidental navigation if the image is wrapped in a link */
.ox-newsletter-modal__container img {
  pointer-events: none;
}

.ox-newsletter-modal__container a:has(> img:only-child) {
  pointer-events: none;
  cursor: default;
}

/*
 * Olegnax leaves .ox-newsletter-modal__overlay as an empty in-flow div
 * (height:0) — Magento's default .modals-overlay sizing never applies to the
 * custom class. Force a full-viewport fixed hit target so outside taps work.
 */
.ox-newsletter-modal__overlay,
div.ox-newsletter-modal__overlay,
.modals-overlay.ox-newsletter-modal__overlay,
body > .ox-newsletter-modal__overlay {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 899 !important;
  background: rgba(0, 0, 0, 0.55) !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep dialog above the forced overlay */
.modal-popup.ox-newsletter-modal,
.modal-popup.ox-newsletter-modal._show {
  z-index: 901 !important;
  pointer-events: none;
}

.modal-popup.ox-newsletter-modal .modal-inner-wrap,
.modal-popup.ox-newsletter-modal .modal-header,
.modal-popup.ox-newsletter-modal .modal-content,
.modal-popup.ox-newsletter-modal .action-close {
  pointer-events: auto;
}