/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/* Contenedor lateral fijo */
.link_pdf_titulacion {
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 9999;
}

/* Botón lateral */
.link_pdf_titulacion .b_titulacion {
    display: block;
    background: rgba(134, 104, 71, 0.92);
    color: #fff;
    padding: 12px 18px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 6px 0 0 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);

    /* Animación suave */
    transform: translateX(0);
    transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

/* Hover con desplazamiento hacia fuera */
.link_pdf_titulacion .b_titulacion:hover {
    transform: translateX(-6px); /* Se desplaza hacia afuera */
    background: rgba(134, 104, 71, 1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.35);
}


.quantity {
  display: none !important;
}

.woocommerce-page button.single_add_to_cart_button {
  background-color: #f98200 !important;
}


/* 1) Convertir las filas en layout horizontal */
table.variations tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* separación entre desplegables */
}

/* Cada fila (un atributo) ocupa media fila */
table.variations tr {
    display: block;
    width: calc(50% - 10px);
}

/* Si solo hay un desplegable, no pasa nada: ocupa su 50% */
@media (max-width: 768px) {
    table.variations tr {
        width: 100%;
    }
}

/* 2) Quitar el layout de tabla clásico */
table.variations th,
table.variations td {
    display: block;
    padding: 0;
    width: 100%;
}

/* 3) Ancho máximo del desplegable */
table.variations td.value .fancy-select-wrap {
    max-width: 40%;
}

/* Select2 ocupa el 100% de su contenedor */
table.variations td.value .select2-container {
    width: 100% !important;
}

/* 4) Borde personalizado */
table.variations select,
table.variations .select2-selection--single {
    border: 1px solid #866847;
}

/* Hover / focus consistente */
table.variations .select2-selection--single:hover,
table.variations .select2-selection--single:focus {
    border-color: #866847;
}

/* Padding vertical de 5px en los desplegables Select2 */
table.variations
.select2-container
.select2-selection--single {
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;          /* evita alturas forzadas */
}

/* Asegura que el texto quede bien alineado */
table.variations
.select2-selection__rendered {
    line-height: normal;
}

/* Estilo de labels de atributos */
table.variations th.label,
table.variations th.label label {
    color: #866847;
    font-size: 1.1em;    /* un poco más grande que el texto base */
    font-weight: 500;    /* opcional: da presencia sin ser demasiado pesado */
}

.quantity {
  display: none !important;
}



/* 1) Convertir las filas en layout horizontal */
table.variations tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* separación entre desplegables */
}

/* Cada fila (un atributo) ocupa media fila */
table.variations tr {
    display: block;
    width: calc(50% - 10px);
}

/* Si solo hay un desplegable, no pasa nada: ocupa su 50% */
@media (max-width: 768px) {
    table.variations tr {
        width: 100%;
    }
}

/* 2) Quitar el layout de tabla clásico */
table.variations th,
table.variations td {
    display: block;
    padding: 0;
    width: 100%;
}

/* 3) Ancho máximo del desplegable */
table.variations td.value .fancy-select-wrap {
    max-width: 40%;
}

/* Select2 ocupa el 100% de su contenedor */
table.variations td.value .select2-container {
    width: 100% !important;
}

/* 4) Borde personalizado */
table.variations select,
table.variations .select2-selection--single {
    border: 1px solid #866847;
}

/* Hover / focus consistente */
table.variations .select2-selection--single:hover,
table.variations .select2-selection--single:focus {
    border-color: #866847;
}

/* Padding vertical de 5px en los desplegables Select2 */
table.variations
.select2-container
.select2-selection--single {
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;          /* evita alturas forzadas */
}

/* Asegura que el texto quede bien alineado */
table.variations
.select2-selection__rendered {
    line-height: normal;
}

/* Estilo de labels de atributos */
table.variations th.label,
table.variations th.label label {
    color: #866847;
    font-size: 1.1em;    /* un poco más grande que el texto base */
    font-weight: 500;    /* opcional: da presencia sin ser demasiado pesado */
}

/* Sombra suave con color corporativo #866847 */
table.variations
.select2-container
.select2-selection--single {
    box-shadow: 0 2px 6px rgba(134, 104, 71, 0.25);
    transition: box-shadow 0.2s ease;
}

/* Un poco más de profundidad al interactuar */
table.variations
.select2-container--open
.select2-selection--single,
table.variations
.select2-selection--single:hover {
    box-shadow: 0 4px 10px rgba(134, 104, 71, 0.35);
}

/* Desactivar zoom de WooCommerce */
.woocommerce-product-gallery__image .zoomImg {
    display: none !important;
}
/* CSS (ocultar icono lupa) */
.woocommerce-product-gallery__trigger {
    display: none !important;
    visibility: hidden;
}

/* CSS (bloquear clic en la imagen) */
.woocommerce-product-gallery__image > a {
    pointer-events: none;
    cursor: default;
}

/* Neutralizar cualquier efecto visual */
.woocommerce-product-gallery,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image img {
    transform: none !important;
    transition: none !important;
}