/*STYLE'S FROM THE SITE WEB ACCESS VISION

/*Styles for default-banner.php*/
.default-banner-size{
  max-width: 525px;
}


/*Styles for icon-user at header.php and header-mobile.php*/
.user-image{
  max-width: 5rem;
  min-width: 5rem;
}


/*Background-image for about-us.php*/
.bg-about-us {
    /*  background-image: url('../img/about_us.png'); 
    background-size: cover; 
    background-position: center; 
    background-repeat: repeat;*/

    background-color: #E8B005;

    /* Escala en blanco y negro */
    filter: grayscale(100%);  

    /* animación suave para la transicion */
    transition: filter 0.8s ease;

    /*clase para el color del texto*/ 
    .text-black{
        color:#454545;
    }

    border-radius: 5px;
}
/* se pone a color y cambia el color del texto */
.bg-about-us:hover {
    /*clase para el color del texto*/ 
    .text-black{
        color:#000000;
    }

    filter: grayscale(0%);
}


/*Brands for newletter.php*/
.brands img {
  width: 180px;  
  min-width: 180px; 
  height: 90px;
  /* Escala en blanco y negro */
  filter: grayscale(100%);  

  /* animación suave para la transicion */
  transition: all 0.4s ease; 

  /* Funcion para pasar el puntero */
  cursor: pointer; 
}

.brands img:hover {
   /* se pone a color */
  filter: grayscale(0%);

  /* opcional: zoom suave */
  transform: scale(1.05); 
}

/* Media Query: al llegar a 1000px o menos */
@media (max-width: 1000px) {
  .brands {
    
    /* una imagen por fila */
    flex-direction: column; 

    /* centradas */
    align-items: center;   
  }
}


/*Styles for products global*/
.ps-product {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-origin: center center;
  border: 1px solid rgba(230, 229, 229, 0.699);
  /*Ancho global minimo para los productos*/
  min-width: 195px;
}

.ps-product:hover {
  /* reduce todo el contenedor al pasar el mouse */
  transform: scale(0.95); 
  border: 1px solid #fcb800;

  /*opcional: resalta hover */
  /*box-shadow: 0 10px 20px rgba(0,0,0,0.15); */
}

.ps-product__container {
  /* evita que el contenido se corte al reducir tamaño */
  overflow: hidden; 
}

.ps-product__rating {
  /* separación visual del rating */
  margin-top: 5px; 
}

.ps-product__title-access {
  margin: 0;
  display: block;
  padding: 0 0 5px;
  font-size: 14px;
  line-height: 1.2em;
  color: #06c;
  --max-lines: 3;
  max-height: calc(1.2em * var(--max-lines));
  overflow: hidden;
  padding-right: 1rem;
}
.ps-product__title-access:hover {
  color: #fcb800;
}

.sku-size{
  display: block;
  font-size: 9.5pt;
  line-height: 1.2em;
  --max-lines: 1;
  max-height: calc(1.2em * var(--max-lines));
  overflow: hidden;
}

/* Media Query: al llegar a 768px o menos */
@media (max-width: 768px) {
  .ps-product__container {
    padding: 0 15px;
  }
}

.form-checkout{ 
  margin-top:15px; 
  padding:15px; 
  border-radius:8px;
}

/* Size from my-shopping.php*/
.order-product{
  max-width: 250px;
  min-width: 95px;
}

/* Contenedor principal - Siempre flex */
.navigation--mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
}

/* Lado izquierdo - Logo y menú */
.navigation__left {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0; /* Permite que se ajuste */
}

/* Menú hamburguesa */
.menu-position, .menu-position-2 {
    margin-right: 15px;
    flex-shrink: 0; /* Evita que se encoja demasiado */
}

/* Logo */
.ps-logo {
    flex-shrink: 0;
    max-width: 60%; /* Se ajusta al espacio disponible */
}

/* Lado derecho - Carrito y usuario */
.navigation__right {
    display: flex;
    align-items: center;
    flex-shrink: 0; /* Mantiene su tamaño */
    margin-left: auto; /* Empuja hacia la derecha */
}

/* Carrito */
.bag-position, .bag-position-2 {
    margin-left: 10px;
    flex-shrink: 0;
}

/* Bloque de usuario */
.ps-block--user-header {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

/* USUARIOS NO LOGUEADOS - Más espacio para el logo */
.menu-position {
    margin-right: 10px;
}

.bag-position {
    margin-left: 8px;
}

/* USUARIOS LOGUEADOS - Menos margen por el avatar */
.menu-position-2 {
    margin-right: 8px;
}

.bag-position-2 {
    margin-left: 6px;
}

.ps-block--user-header {
    margin-left: 8px;
}

.ps-logo {
    display: flex;
    align-items: center;
}

.ps-logo img {
    max-width: 170px;
    height: 37px;
    object-fit: contain;
}

/* Solo si es necesario para pantallas muy pequeñas */
@media (max-width: 1199px) {
    .menu-position {
      margin-bottom: 10px;
    }
    .bag-position {
      margin-bottom: 10px;
    }
    .menu-position-2 {
      margin-bottom: 10px;
    }
    .bag-position-2 {
      margin-bottom: 10px;
    }
}

/* Solo si es necesario para pantallas muy pequeñas */
@media (max-width: 525px) {
    .bag-position {
      position: relative;
      left: 22px;
    }
    .bag-position-2 {
      position: relative;
      left: 35px;
    }

}

/* Solo si es necesario para pantallas muy pequeñas */
@media (max-width: 479px) {
    .bag-position {
        position: relative;
        left: 5px;
    }
    .bag-position-2 {
        position: relative;
        left: 10px;
    }
}


/* Solo si es necesario para pantallas muy pequeñas */
@media (max-width: 360px) {
    .navigation--mobile {
        padding: 0 10px;
    }
    
    .ps-logo {
        max-width: 50%;
    }
    
    .menu-position, .menu-position-2 {
        margin-right: 8px;
    }
}
/*Message for deal-hot-today.php*/
.no-offers-message {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 40px 20px;
    border: 2px dashed #dee2e6;
}

.no-offers-message .icon-wrapper i {
    font-size: 48px;
    color: #6c757d;
}