/*
Theme Name: Azeno Child
Template: azeno
*/

/*GASTON CAVIA CSS PARA TABLA DE TALLES  */ 

/* Contenedor del popup (ajusta el selector si difiere) */
.md-size-chart-modal-body {
  background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
  border: 2px solid #c00;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* Header personalizado */
.custom-size-chart-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;
  margin-bottom: 16px;
}

/* Logo en el header */
.custom-modal-logo {
  max-height: 50px;
  margin-right: 16px;
}

/* Título personalizado */
.custom-modal-title {
  flex: 1;
  font-size: 1.25em;
  font-weight: bold;
  color: #333;
}

/* Botón cerrar personalizado */
.custom-remodal-close {
  background: transparent;
  border: none;
  font-size: 1.5em;
  line-height: 1;
  color: #666;
  cursor: pointer;
}

/* Asegúrate de que .md-size-chart-close sea un contenedor flex */
.md-size-chart-close {
  display: flex;
  align-items: center;
  position: relative;
}

/*  */
.md-size-chart-close::before {
  content: "";
  flex: 0 0 auto;
  width: 50px;    /* ajusta al ancho que necesites */
  height: 50px;   /* ajusta la altura en proporción */
  margin-right: 12px;
  background: url("https://club94sportcenter.com.ar/wp-content/uploads/2023/09/logo_90x110-90x110-1.png") 
              no-repeat center center;
  background-size: contain;
}


/* 1) Reducir el padding interior del modal */
.md-size-chart-modal-body {
  padding: 10px 20px;  /* ajusta los valores a tu gusto */
}

/* 2) Eliminar márgenes/paddings extra de los contenedores de la tabla */
.md-size-chart-modal-body .chart-container,
.md-size-chart-modal-body .chart-table {
  margin: 0;
  padding: 0;
}

/* 3) Asegurarte de que el cuerpo del popup no imponga un scroll innecesario */
.md-size-chart-modal-body .scfw-tab-content {
  max-height: none;       /* quita cualquier límite de altura */
  overflow: visible;      /* permite que se expanda */
}

/* 4) Que la tabla aproveche el 100% del ancho posible */
.md-size-chart-modal-body table.scfw-chart-table {
  width: 100%;
  table-layout: auto;
}


/* 1) Ocultar los widgets de Language y Currency */
#nav_menu-2,
#nav_menu-3 {
  display: none !important;
}

/* 2) Hacer que la columna que contiene “ENVÍOS GRATIS A PARTIR” ocupe todo el ancho 
      en pantallas grandes (bootstrap ≥ lg) */
      @media (min-width: 992px) {
        .col-lg-6.topbar-left.hidden-sm.hidden-xs {
          /* Flex-based grid override */
          -ms-flex: 0 0 100% !important;
          flex:      0 0 100% !important;
          max-width: 100% !important;
        }
      }
      
      /* 3) Centrar y estilizar la caja .ship */
      .ship.hidden-xs {
        display:    block;        /* para que text-align surta efecto */
        width:      100%;         /* llene el 100% de su contenedor (que ya es full-width) */
        text-align: center !important;
        color:            #fff !important;
        font-size:        1.2em !important; /* +20% respecto al tamaño base */
      }

      

   /* Botón “Cargar más” DISCIPLINA */
   #disciplina-loadmore {
    margin-top: 1.5rem;
    padding: .75rem 1.5rem;
    border: 2px solid #ff0000;
    border-radius: 4px;
    background: #fff;
    color: #ff0000;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
  }
  
  #disciplina-loadmore:hover {
    background: #ff0000;
    color: #fff;
  }
  
  #disciplina-loadmore:disabled {
    opacity: .6;
    cursor: not-allowed;
  }
  

  /* ESTILOS PARA EL FILTRO DEL SHOP */

/* ———————— GLOBALES ———————— */

/* Tarjeta alrededor de todo */
.widget_yith-woocommerce-ajax-navigation-filters {
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}

/* Títulos de filtro */
.yith-wcan-filter .filter-title {
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
}

/* Contenido de filtro */
.yith-wcan-filter .filter-content {
  margin-bottom: 2rem;
}

/* ————— DROPDOWNS ————— */

/* Caja del dropdown (la parte visible) */
.yith-wcan-dropdown {
  background: #f9f9f9;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}

/* Etiqueta que muestra la opción seleccionada */
.yith-wcan-dropdown .dropdown-label {
  font-size: 0.95rem;
  color: #555555;
}

/* Wrapper de la lista, sin tocar su lógica */
.yith-wcan-dropdown .dropdown-wrapper {
  background: #ffffff;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  margin-top: 0.25rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Ítems dentro del dropdown */
.yith-wcan-dropdown .matching-items li {
  padding: 0.5rem 0.75rem;
  transition: background 0.2s;
}
.yith-wcan-dropdown .matching-items li:hover {
  background: #f0f0f0;
}

/* Ítem activo */
.yith-wcan-dropdown .matching-items li.active a {
  color: #A7144C;
  font-weight: 600;
}

/* Campo de búsqueda */
.yith-wcan-dropdown .search-field {
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  padding: 0.4rem 0.6rem;
  margin-bottom: 0.5rem;
}

/* ————— CONTADORES ————— */

/* Pequeño detalle del count junto al texto */
.yith-wcan-count {
  color: #888888;
  font-size: 0.85rem;
  margin-left: 0.4rem;
}

/* ————— RESPONSIVE ————— */

@media (max-width: 768px) {
  .widget_yith-woocommerce-ajax-navigation-filters {
    padding: 0.75rem;
  }
  .yith-wcan-filter .filter-title {
    font-size: 0.95rem;
  }
}