/* NSF Header — 9.5.363
 * Proporciones actuales de marca: desktop con logo protagonista,
 * tablet contenido y móvil centrado.
 */

/* Contenedor del encabezado del tema */
header.wp-block-template-part,
header.wp-block-group,
.site-header,

/* Logo de WordPress / Site Editor */
header .wp-block-site-logo img,
header .wp-block-site-logo svg,
.site-header .custom-logo,
#masthead .custom-logo {width: auto !important; max-width: none !important; height: auto !important;}

/* Desktop: logo con presencia, sin agrandar artificialmente el header */
@media (min-width:1101px){
header .wp-block-site-logo img,
  header .wp-block-site-logo svg,
  .site-header .custom-logo,
  #masthead .custom-logo{width: 300px !important; max-height: 64px !important; object-fit: contain;}
header .wp-block-site-logo,
  .site-header .site-branding,
  #masthead .site-branding{flex-shrink: 0;}
}

/* Tablet */
@media (min-width:701px) and (max-width:1100px){
header .wp-block-site-logo img,
  header .wp-block-site-logo svg,
  .site-header .custom-logo,
  #masthead .custom-logo{width: 220px !important; max-height: 52px !important; object-fit: contain;}
}

/* Móvil: marca centrada, con el mismo peso visual del concepto aprobado */
@media (max-width:700px){
header .wp-block-site-logo img,
  header .wp-block-site-logo svg,
  .site-header .custom-logo,
  #masthead .custom-logo{width: 250px !important; max-width: 52vw !important; max-height: 46px !important; object-fit: contain;}
header .wp-block-site-logo,
  .site-header .site-branding,
  #masthead .site-branding{margin-left: auto !important; margin-right: auto !important;}
}/* ========================================================================
   NSF 9.5.364 — LOGO REAL DEL HEADER
   El tema aplica .nsf-store-logo img con max-width:36px. Este selector
   apunta al elemento real del header y lo sobrescribe con !important.
   ======================================================================== */
header.nsf-store-topbar a.nsf-store-logo img,
header.nsf-store-topbar .nsf-store-logo img,
a.nsf-store-logo > img {width: 230px !important; height: auto !important; max-width: none !important; max-height: 64px !important; object-fit: contain !important; filter: none !important;}

@media (min-width:701px) and (max-width:1100px){
header.nsf-store-topbar a.nsf-store-logo img,
  header.nsf-store-topbar .nsf-store-logo img,
  a.nsf-store-logo > img {width: 200px !important; max-width: none !important; max-height: 54px !important;}
}

@media (max-width:700px){
header.nsf-store-topbar a.nsf-store-logo img,
  header.nsf-store-topbar .nsf-store-logo img,
  a.nsf-store-logo > img {width: 180px !important; max-width: 55vw !important; max-height: 48px !important;}
}


/* NSF 9.5.552 — hover de marca: el logo pasa a negro al situar el cursor. */
header .wp-block-site-logo img,
header .wp-block-site-logo svg,
.site-header .custom-logo,
#masthead .custom-logo,
header.nsf-store-topbar a.nsf-store-logo img,
header.nsf-store-topbar .nsf-store-logo img,
a.nsf-store-logo > img {
  transition: filter .18s ease;
}

header .wp-block-site-logo:hover img,
header .wp-block-site-logo:hover svg,
.site-header .site-branding:hover .custom-logo,
#masthead .site-branding:hover .custom-logo,
header.nsf-store-topbar a.nsf-store-logo:hover img,
header.nsf-store-topbar .nsf-store-logo:hover img,
a.nsf-store-logo:hover > img {
  filter: brightness(0) !important;
}

/* NSF 9.5.561 — hover de los accesos del header: rojo NSF.
 * Solo afecta a los accesos con icono (buscador, cuenta y carrito),
 * no a la navegación textual ni al logo.
 */
header.nsf-store-topbar a:not(.nsf-store-logo):has(svg),
header.nsf-store-topbar button:has(svg) {
  color: inherit;
  transition: color .18s ease;
}

header.nsf-store-topbar a:not(.nsf-store-logo):has(svg):hover,
header.nsf-store-topbar button:has(svg):hover {
  color: #df1720 !important;
}

header.nsf-store-topbar a:not(.nsf-store-logo):has(svg):hover svg,
header.nsf-store-topbar button:has(svg):hover svg {
  color: #df1720 !important;
  stroke: currentColor !important;
}