/*
Theme Name: RLT
Theme URI: #
Description: Tema por y para RLT
Author: Abner Lopez
Author URI: #
Template: Divi
Version: 1.0.0
*/

 
/* =Theme customization starts here
------------------------------------------------------- */


/* Forzar Poppins en todo el sitio (Divi) */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body,
h1, h2, h3, h4, h5, h6,
p, a, span, li, input, textarea, button,
.et_pb_module,
.et_pb_button,
.et_pb_text,
.et_pb_heading,
.et-menu a {
    font-family: 'Poppins', sans-serif !important;
}

/* Forzar Poppins en TODO (incluye pseudo-elementos) */
body, body * {
  font-family: 'Poppins', sans-serif !important;
}

body *::before,
body *::after {
  font-family: 'Poppins', sans-serif !important;
}


/*--------------------------------- Scroll bar ---------------------------------*/

::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #1D1D1B;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #fff;
    opacity: .5;
}

/*--------------------------------- Sombra de cabecera de Divi ---------------------------------*/
#main-header {
-webkit-box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.08);
box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.08)!important;
}

#main-header.et-fixed-header {
-webkit-box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.08);
box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.08)!important;
}


/*--------------------------------- Quitar linea ---------------------------------*/

@media (min-width: 981px) {
    .et_right_sidebar #main-content .container:before {
        content: ""; /* Asegura que el pseudo-elemento aparezca */
        position: absolute;
        right: 20.875%; /* Posición de la barra en el lateral */
        top: 5%; /* Ajusta para hacer la barra más corta desde arriba */
        bottom: 5%; /* Ajusta para hacer la barra más corta desde abajo */
        width: 0.5px; /* Ancho delgado de la barra */
        background-color: #f4f4f4; /* Color negro */
    }
}



/*--------------------------------- fotos con bordes redondeados ---------------------------------*/


.woocommerce ul.products li.product .woocommerce-placeholder {
    border: 1px solid #f2f2f2;
    border-radius: 10px!important;
}

/*--------------------------------- Sombra en productos de tienda ---------------------------------*/

.woocommerce-page ul.products li.product a img, 
.woocommerce ul.products li.product a img {
    -webkit-box-shadow: 0px 0px 51px -45px rgba(0,0,0,0.8) !important;
    -moz-box-shadow: 0px 0px 51px -45px rgba(0,0,0,0.8) !important;
    box-shadow: 0px 0px 51px -45px rgba(0,0,0,0.8) !important;
}


/*--------------------------------- Columnas mobiles ---------------------------------*/

/* Estilos para pantallas grandes (dos columnas) */
.et_pb_row.et_pb_equal_columns.et_pb_gutters1 {
    display: flex;
    justify-content: space-between;
}

.et_pb_column.et_pb_column_1_2 {
    width: 48%; /* Asigna ancho a las columnas */
    box-sizing: border-box;
}

/* Estilos para pantallas móviles (una columna) */
@media only screen and (max-width: 980px) {
    .et_pb_column.et_pb_column_1_2 {
        width: 100%;
        margin-bottom: 20px;
    }
}


/*--------------------------------- Ocultar carrito ---------------------------------*/

.et-cart-info {
    display: none !important;
}

/*--------------------------------- Ocultar selector ---------------------------------*/

.et_pb_wc_add_to_cart form.cart .variations td.value span:after {
    content: none !important;
}

.et_pb_wc_add_to_cart form.cart .variations .reset_variations {
    display: none !important;
}

/* Estilos de paginacion */
.woocommerce-pagination {
    text-align: center !important;
    margin: 20px 0 !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none !important; /* Elimina cualquier borde */
}


.woocommerce-pagination .page-numbers {
    display: inline-block !important;
    white-space: nowrap !important;
    padding: 10px 15px !important;
    margin: 0 5px !important; /* Espaciado entre los números */
    border: none !important; /* Elimina cualquier borde */
    background-color: transparent !important;
    font-size: 16px !important;
    text-decoration: none !important;
    color: #b0b0b0 !important; /* Color gris claro para los números inactivos */
    transition: color 0.3s ease !important;
    position: relative !important;
}

.woocommerce-pagination .page-numbers::before,
.woocommerce-pagination .page-numbers::after {
    content: '' !important; /* Asegura que no haya contenido adicional */
    display: none !important; /* Elimina cualquier pseudo-elemento que pueda causar líneas */
}

.woocommerce-pagination .page-numbers.current {
    font-weight: bold !important;
    color: #000 !important; /* Color negro para el número activo */
    background-color: #e0e0e0 !important; /* Fondo gris claro para el número activo */
    border-radius: 50% !important;
    padding: 10px 15px !important;
    pointer-events: none !important; /* Desactiva la interacción con el número activo */
}

.woocommerce-pagination .page-numbers:hover {
    color: #000 !important; /* Color negro al pasar el cursor */
}

.woocommerce-pagination .next,
.woocommerce-pagination .prev {
    font-size: 18px !important;
    color: #b0b0b0 !important; /* Color gris claro para flechas inactivas */
    padding: 10px 15px !important;
}

.woocommerce-pagination .next:hover,
.woocommerce-pagination .prev:hover {
    color: #000 !important; /* Color negro al pasar el cursor sobre las flechas */
}

/* Personalizar "Ordenar po" */
.woocommerce-ordering select.orderby,
select.orderby {
    background-color: #f0f0f0 !important; /* Fondo gris claro */
    border: none !important; /* Elimina cualquier borde */
    border-radius: 15px !important; /* Borde redondeado */
    padding: 4px 8px 4px 8px !important; /* Mantiene el padding en los lados superior, inferior e izquierdo */
    font-size: 12px !important; /* Tamaño de fuente más pequeño */
    color: #333 !important; /* Color del texto */
    appearance: none !important; /* Elimina el estilo predeterminado del navegador */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-align: left !important; /* Alineación del texto */
    cursor: pointer !important; /* Indica que es interactivo */
    height: 30px !important; /* Altura más reducida */
    line-height: 1.5 !important; /* Línea más ajustada */
    margin-right: 0 !important; /* Elimina cualquier margen extra en el lado derecho */
}

/* Elimina cualquier pseudo-elemento que pueda causar espacio adicional */
.woocommerce-ordering select.orderby::after,
select.orderby::after {
    display: none !important; /* Elimina cualquier pseudo-elemento */
}


/* Opcional: que no ocupen todo el ancho */
.woocommerce ul.products li.product .button {
    width: auto;
}

.et_pb_shop .woocommerce ul.products li.product a.button {
    font-size: 12px !important;
    padding: 6px 12px !important;
}