/*
Theme Name: Gymex Child
Theme URI: http://www.wpbingosite.com/gymex
Author: wpbingo
Description: This is a child theme for Gymex
Version: 1.0.0
Author URI: http://wpbingosite.com
Template: gymex
Text Domain: gymex-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/* ===== STICKY HEADER BLANCO – DESKTOP ===== */
@media (min-width: 992px) {

  header#bwp-header.header-sticky,
  header#bwp-header.sticky,
  header#bwp-header.is-sticky,
  header#bwp-header .header-wrapper.is-sticky {
    background-color: #ffffff !important;
    background-image: none !important;
  }

  header#bwp-header.header-sticky .header-wrapper,
  header#bwp-header.sticky .header-wrapper {
    background-color: #ffffff !important;
  }
}
/* ===== STICKY HEADER BLANCO — TABLET + MOBILE ===== */
@media (max-width: 991px){

  /* Cuando el header entra en sticky (móvil/tablet) */
  header#bwp-header.header-sticky,
  header#bwp-header.sticky,
  header#bwp-header.is-sticky,
  header#bwp-header.header-sticky .header-wrapper,
  header#bwp-header.sticky .header-wrapper,
  header#bwp-header.is-sticky .header-wrapper,
  header#bwp-header.header-sticky .header-container,
  header#bwp-header.sticky .header-container,
  header#bwp-header.is-sticky .header-container,
  header#bwp-header.header-sticky .header-mobile,
  header#bwp-header.sticky .header-mobile,
  header#bwp-header.is-sticky .header-mobile,
  header#bwp-header.header-sticky .header-mobile .header-wrapper,
  header#bwp-header.sticky .header-mobile .header-wrapper,
  header#bwp-header.is-sticky .header-mobile .header-wrapper,
  header#bwp-header.header-sticky .header-mobile .container,
  header#bwp-header.sticky .header-mobile .container,
  header#bwp-header.is-sticky .header-mobile .container{
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* Por si el negro viene de una línea inferior */
  header#bwp-header.header-sticky,
  header#bwp-header.sticky,
  header#bwp-header.is-sticky{
    border-bottom: 0 !important;
  }
}
/* ===== FIX STICKY HEADER BLANCO — BREAKPOINT INTERMEDIO (TABLET) ===== */
@media (min-width: 768px) and (max-width: 1199px) {

  /* cuando entra a sticky */
  header#bwp-header.header-sticky,
  header#bwp-header.sticky,
  header#bwp-header.is-sticky,
  header#bwp-header.header-sticky .header-wrapper,
  header#bwp-header.sticky .header-wrapper,
  header#bwp-header.is-sticky .header-wrapper,

  /* contenedores que a veces se pintan en tablet */
  header#bwp-header.header-sticky .header-desktop,
  header#bwp-header.sticky .header-desktop,
  header#bwp-header.is-sticky .header-desktop,
  header#bwp-header.header-sticky .header-mobile,
  header#bwp-header.sticky .header-mobile,
  header#bwp-header.is-sticky .header-mobile,
  header#bwp-header.header-sticky .container,
  header#bwp-header.sticky .container,
  header#bwp-header.is-sticky .container,

  /* si el “negro” viene del topbar */
  header#bwp-header.header-sticky #bwp-topbar,
  header#bwp-header.sticky #bwp-topbar,
  header#bwp-header.is-sticky #bwp-topbar {
    background: #ffffff !important;
    background-image: none !important;
  }

  /* por si el negro viene de un pseudo-elemento */
  header#bwp-header.header-sticky:before,
  header#bwp-header.sticky:before,
  header#bwp-header.is-sticky:before,
  header#bwp-header.header-sticky .header-wrapper:before,
  header#bwp-header.sticky .header-wrapper:before,
  header#bwp-header.is-sticky .header-wrapper:before {
    background: #ffffff !important;
  }
}
/* ===== FORZAR TAMAÑO LOGO EN HEADER (NORMAL + STICKY) ===== */

/* 1) Cualquier imagen que parezca logo dentro del header */
header#bwp-header a img,
header#bwp-header .logo img,
header#bwp-header .site-logo img,
header#bwp-header .header-logo img,
header#bwp-header .navbar-brand img,
header#bwp-header .wpbingo-logo img {
  height: 70px !important;
  max-height: 70px !important;
  width: auto !important;
}

/* 2) Sticky: mismas reglas pero con más fuerza */
header#bwp-header.header-sticky a img,
header#bwp-header.sticky a img,
header#bwp-header.is-sticky a img,
header#bwp-header.header-sticky .logo img,
header#bwp-header.sticky .logo img,
header#bwp-header.is-sticky .logo img,
header#bwp-header.header-sticky .site-logo img,
header#bwp-header.sticky .site-logo img,
header#bwp-header.is-sticky .site-logo img {
  height: 70px !important;
  max-height: 70px !important;
  width: auto !important;
}

/* 3) Evitar que el contenedor del logo “infle” el tamaño */
header#bwp-header .logo,
header#bwp-header .site-logo,
header#bwp-header .header-logo,
header#bwp-header .navbar-brand,
header#bwp-header .wpbingo-logo {
  height: 70px !important;
  max-height: 70px !important;
  display: flex !important;
  align-items: center !important;
}

/* 4) Tablet/Mobile */
@media (max-width: 991px) {
  header#bwp-header a img,
  header#bwp-header .logo img,
  header#bwp-header .site-logo img,
  header#bwp-header .header-logo img,
  header#bwp-header .navbar-brand img,
  header#bwp-header .wpbingo-logo img {
    height: 55px !important;
    max-height: 55px !important;
    width: auto !important;
  }

  header#bwp-header .logo,
  header#bwp-header .site-logo,
  header#bwp-header .header-logo,
  header#bwp-header .navbar-brand,
  header#bwp-header .wpbingo-logo {
    height: 55px !important;
    max-height: 55px !important;
  }
}

/* 5) Mobile pequeño */
@media (max-width: 575px) {
  header#bwp-header a img,
  header#bwp-header .logo img,
  header#bwp-header .site-logo img,
  header#bwp-header .header-logo img,
  header#bwp-header .navbar-brand img,
  header#bwp-header .wpbingo-logo img {
    height: 45px !important;
    max-height: 45px !important;
    width: auto !important;
  }

  header#bwp-header .logo,
  header#bwp-header .site-logo,
  header#bwp-header .header-logo,
  header#bwp-header .navbar-brand,
  header#bwp-header .wpbingo-logo {
    height: 45px !important;
    max-height: 45px !important;
  }
}
/* ===== HAMBURGUESA NEGRA (TABLET + MOBILE) – BOTÓN FLOTANTE ===== */
@media (max-width: 1199px){

  /* 1) Si es ícono tipo font (i, ::before) */
  .menu-toggle,
  .menu-toggle i,
  .menu-toggle:before,
  .menu-toggle:after,
  .bwp-toggle-menu,
  .bwp-toggle-menu i,
  .bwp-toggle-menu:before,
  .navbar-toggle,
  .navbar-toggle i,
  .mmenu-toggle,
  .mmenu-toggle i{
    color: #000 !important;
  }

  /* 2) Si son “barras” tipo bootstrap (.icon-bar) */
  .navbar-toggle .icon-bar,
  .navbar-toggle .icon-bar:before,
  .navbar-toggle .icon-bar:after,
  .menu-toggle span,
  .menu-toggle span:before,
  .menu-toggle span:after,
  .bwp-toggle-menu span,
  .bwp-toggle-menu span:before,
  .bwp-toggle-menu span:after{
    background: #000 !important;
    border-color: #000 !important;
  }

  /* 3) Si es SVG */
  .menu-toggle svg,
  .menu-toggle svg * ,
  .bwp-toggle-menu svg,
  .bwp-toggle-menu svg * ,
  .navbar-toggle svg,
  .navbar-toggle svg * ,
  .mmenu-toggle svg,
  .mmenu-toggle svg *{
    fill: #000 !important;
    stroke: #000 !important;
  }
}
@media (max-width: 1199px){
  .menu-toggle,
  .bwp-toggle-menu,
  .navbar-toggle,
  .mmenu-toggle{
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
  }
}
/* === Carrito en NEGRO (solo tablet+mobile) === */
@media (max-width: 991px) {

  /* Icono carrito (bolsa) en negro */
  .header-mobile a[href*="cart"] i,
  .header-mobile a[href*="cart"] svg,
  .header-mobile a[href*="cart"] svg path,
  .mobile-footer a[href*="cart"] i,
  .mobile-footer a[href*="cart"] svg,
  .mobile-footer a[href*="cart"] svg path {
    color: #000 !important;
    fill: #000 !important;
    stroke: #000 !important;
  }

  /* (Opcional) Si también quieres el borde del carrito en negro */
  .header-mobile a[href*="cart"],
  .mobile-footer a[href*="cart"]{
    border-color: #000 !important;
  }
}
/* =========================================
   ICONOS MOBILE + TABLET — COLOR OFICIAL
   ========================================= */

@media (max-width: 991px) {

  /* Iconos carrito, wishlist, search, account */
  .header-mobile i,
  .header-mobile svg,
  .header-mobile svg path,
  .mobile-footer i,
  .mobile-footer svg,
  .mobile-footer svg path {
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
  }

  /* Badges (contador carrito / wishlist) */
  .header-mobile .count,
  .header-mobile .badge,
  .mobile-footer .count,
  .mobile-footer .badge {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
  }

  /* Botón volver arriba */
  .scroll-to-top,
  .back-to-top,
  .scroll-top {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
  }

  .scroll-to-top i,
  .back-to-top i,
  .scroll-top i,
  .scroll-to-top svg,
  .scroll-to-top svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }
}