/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Cambiamos el color del background de los menús destacados de WP */
li#toplevel_page_learndash-lms,
#toplevel_page_eav-expedicion-activa,
#toplevel_page_membership,
#menu-posts-especiales,
#menu-media,
#menu-pages,
#menu-posts-product,
#menu-users,
#menu-settings {
    background: #F0E9DD !important;
}

/* LearnDash */
.ld-course-status.ld-course-status-enrolled {
    padding: 20px !important;
    background: #FFF !important;
    border-style: none;
    border-width: 1px;
    border-color: #092823;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.ld-progress-bar {
    background: #F0E9DD !important;
    border-style: solid;
    border-color: #C8A158;
    border-width: 1px;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {   
    padding: 20px !important;
    background: #FFF !important;
    border-style: none;
    border-width: 1px;
    border-color: #092823;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/* Ocultar texto pasos en barra de progreso */
.ld-progress-steps{
    display:none;
}

/* Recolocar elementos botón "marcar como compeltado" */
input.learndash_mark_complete_button,
input.learndash_mark_incomplete_button {
    box-sizing: border-box;
    padding-right: 1.7rem !important;
}

/* Añadir animación de texto a los botones de las secciones en la página principal */
.eav-custom-button:hover,
.eav-custom-review-button a:hover {
    opacity: 1 !important;
}

.eav-custom-button::after,
.eav-custom-review-button a::after {
    display: inline-block;
    max-width: 0;
    opacity: 0;
    white-space: nowrap;
    transition: max-width 0.4s ease, opacity 0.4s ease;
}

.eav-custom-button:hover::after,
.eav-custom-review-button a:hover::after {
    max-width: 30px;
    opacity: 1;
    background-color: white !important;
}

.eav-ld-home-section .ld-button{
    border-style: solid !important;
    border: 1px !important;
    border-color: var(--ast-global-color-0) !important;
    background-color: transparent !important;
    color: var(--ast-global-color-4) !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    line-height: 1em !important;
    font-size: 20px !important;
    border-radius: 0px !important;
    padding: 15px 25px !important;
    transition-duration: 0.4s;
}

.eav-ld-home-section .ld-button{
    background-color: white !important;
}

.eav-ld-home-section .ld-progress-percentage {
    color: var(--ast-global-color-1) !important;
}

.eav-student-courses-item-list {
    display: flex;
}

.eav-ld-item-list-preview{
    flex: 0.35;
    padding: 0px !important;
}

.ld-item-list-item {
    padding: 20px 20px !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--ast-global-color-0) !important;
}

.eav-ld-item-list-item-expanded {
    flex: 0.65;
}

/* Móvil: las filas de secciones del Área privada se apilan */
@media (max-width: 600px) {
    .eav-student-courses-item-list {
        flex-direction: column;
    }

    .eav-ld-item-list-preview,
    .eav-ld-item-list-item-expanded {
        flex: none;
        width: 100%;
    }
}

/* Ocultamos el enlace "Volver al módulo/sección" de las lecciones/módulos */
a.ld-primary-color.ld-course-step-back {
    display: none !important;
}

/* Fin LearnDash */


/* Vista página lección */

.eav-ld-course-title h1{
    font-size: 48px;
    margin-top: 0px !important;
}

.eav-ld-lesson-global {
    padding: 2rem 10rem;
}

.eav-ld-sidebar{
    width:285px;
    flex-shrink:0;
    background:var(--ast-global-color-5);
    border:1px solid #ddd;
    border-radius:6px;
    max-height: 700px;
    overflow-y: auto;

    /* Scroll personalizado con la paleta de Astra (Firefox) */
    scrollbar-width: thin;
    scrollbar-color: var(--ast-global-color-0) var(--ast-global-color-5);
}

/* Scroll personalizado con la paleta de Astra (Chrome, Edge, Safari) */
.eav-ld-sidebar::-webkit-scrollbar {
    width: 10px;
}

.eav-ld-sidebar::-webkit-scrollbar-track {
    background: var(--ast-global-color-5);
    border-radius: 6px;
}

.eav-ld-sidebar::-webkit-scrollbar-thumb {
    background-color: var(--ast-global-color-0);
    border-radius: 6px;
    border: 2px solid var(--ast-global-color-5);
}

.eav-ld-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: var(--ast-global-color-1);
}

.eav-ld-sidebar::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.eav-ld-sidebar-header{
    background-color: var(--ast-global-color-1);
    border-radius: 6px 6px 0px 0px;
    padding: 0.5rem 1.5rem;
}

.eav-ld-sidebar-header h2{
    font-size: 24px;
    color: #FFF;
}

.eav-ld-lesson-with-sidebar {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.ld-lesson-main-content {
    flex: 1;
    min-width: 0;
}

.eav-ld-sidebar-lessons {
    padding: 0rem 1rem !important;
}

.eav-ld-sidebar-individual-lesson {
    border-bottom: solid 1px var(--ast-global-color-0);
    list-style: none;
}

.eav-ld-lesson-row {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 0.5rem;
    padding: 0.5rem 0.6rem;
    cursor: pointer;
}

.eav-ld-sidebar-individual-lesson:last-child{
    border-bottom: none;
}

.eav-ld-sidebar-individual-lesson.is-current > .eav-ld-lesson-row {
    background: var(--ast-global-color-0);
    border-radius: 5px;
}

.eav-ld-sidebar-individual-lesson.is-current > .eav-ld-lesson-row a {
    color: #fff;
    font-weight: bold;
}

.eav-ld-lesson-icon {
    width: 15px;
    height: 15px;
    border: 1px solid currentColor;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
}

.eav-ld-lesson-icon.is-completed {
    background: var(--ast-global-color-0);
    border-color: var(--ast-global-color-1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;    
    border: none;
}

.eav-ld-sidebar-topics-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}


.eav-ld-sidebar-individual-lesson.is-open > .eav-ld-sidebar-topics-wrapper {
    /*max-height: 500px;*/
}

.eav-ld-accordion-arrow {
    margin-left: auto;
    font-size: 0.75em;
    transition: transform 0.2s;
    flex-shrink: 0;
}

.eav-ld-sidebar-individual-lesson.is-open > .eav-ld-lesson-row .eav-ld-accordion-arrow {
    transform: rotate(180deg);
}

.eav-ld-sidebar-topics{
    padding: 0rem 1.5rem !important;
    background: #F8F8F8;
}

.eav-ld-sidebar-individual-topic{
    display: flex;
    align-items: center;
    font-size: 12px;
    gap: 0.5rem;    
    padding: 0.5rem 0.6rem;
    border-radius: 0px;
    border-bottom: solid;
    border-width: 1px;
    border-color: var(--ast-global-color-0);
}

.eav-ld-sidebar-individual-topic:last-child{
    border-bottom: none;
}

.eav-ld-sidebar-individual-topic.is-current {
    background: #F0E9DD;
}


/* responsive */
@media (max-width: 1200px){
    .eav-ld-lesson-global {
        padding: 0;
    }
}
/* Botón del índice: solo en el móvil */
.eav-ld-sidebar-toggle {
    display: none;
}

/* Tableta: barra lateral algo más estrecha */
@media (max-width: 1024px) {
    .eav-ld-sidebar {
        width: 240px;
    }
}

/* Móvil: apila verticalmente, índice plegado y zonas táctiles más grandes */
@media (max-width: 768px) {
    .eav-ld-lesson-with-sidebar {
        flex-direction: column;
        gap: 1.5rem;
    }

    .eav-ld-sidebar {
        width: 100%;
        order: -1;
        max-height: none;
        overflow-y: visible;
    }

    .eav-ld-course-title h1 {
        font-size: 32px;
        line-height: 1.2;
    }

    .eav-ld-sidebar-header {
        padding: 0.75rem 1rem;
    }

    .eav-ld-sidebar-header h2 {
        font-size: 20px;
    }

    .eav-ld-sidebar-toggle {
        display: block;
        width: 100%;
        margin: 0.75rem 0 0.25rem;
        padding: 0.6rem 1rem;
        background: transparent;
        border: 1px solid var(--ast-global-color-0);
        border-radius: 6px;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
    }

    .eav-ld-sidebar .eav-ld-sidebar-lessons {
        display: none;
    }

    .eav-ld-sidebar.is-indice-abierto .eav-ld-sidebar-lessons {
        display: block;
    }

    .eav-ld-lesson-row {
        font-size: 15px;
        padding: 0.75rem 0.6rem;
    }

    .eav-ld-sidebar-topics {
        padding: 0 0.75rem !important;
    }

    .eav-ld-sidebar-individual-topic {
        font-size: 14px;
        padding: 0.65rem 0.6rem;
    }

    .eav-ld-locked-message {
        padding: 24px 16px;
    }
}

@media (max-width: 480px) {
    .eav-ld-course-title h1 {
        font-size: 28px;
    }
}
/* Fin vista página lección */

.eav-ld-locked-message {
    align-items: center;
    text-align: center;
    padding: 50px;
}

/* P vacíos hijos directos del contenedor principal */
.eav-main-section-container > p,
.eav-ld-home-section > p,
.learndash-course-complete-message > p {
    display: none;
    margin: 0;
    padding: 0;
}

.eav-ld-home-section {
  transition: transform .2s; /* Animation */
}

/* El zoom solo con ratón: en el móvil el toque deja la tarjeta ampliada y se sale de la pantalla */
@media (hover: hover) {
    .eav-ld-home-section:hover {
        transform: scale(1.05);
    }
}

/* Personalizar aspecto del avatar del Área privada */
.custom-avatar {
    border-radius: 360px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ast-global-color-0);
}

/* Fin animación y texto botones */

/* Inicio: Modificaciones Profile Builder */

#pass-strength-result {
    width: auto !important;
}

p.form-submit {
    text-align: center !important;
}

#wppb-edit-user label {
    color: var(--ast-global-color-1);
}

#wppb-edit-user input.text-input {
    border-color: var(--ast-global-color-0);
}

/* Fin: Modificaciones Profile Builder */

/* Inicio: Modificaciones WooCommerce */
button[name="add-to-cart"] {
    display: none !important;
}
/* Inicio: Modificaciones WooCommerce */

/* Círculos de las lecciones que se pueden pulsar para marcarlas (inc/eav-marcar-paso.php) */
.eav-ld-lesson-icon[data-eav-paso],
.ld-status-icon[data-eav-paso] {
    position: relative;
    cursor: pointer;
    transition: box-shadow 0.15s ease, opacity 0.15s ease;
}

/* Zona táctil más grande que el círculo */
.eav-ld-lesson-icon[data-eav-paso]::after {
    content: "";
    position: absolute;
    inset: -10px;
}

.eav-ld-lesson-icon[data-eav-paso]:hover,
.ld-status-icon[data-eav-paso]:hover {
    box-shadow: 0 0 0 3px rgba(200, 161, 88, 0.45);
}

.eav-ld-lesson-icon[data-eav-paso]:focus-visible,
.ld-status-icon[data-eav-paso]:focus-visible {
    outline: 2px solid var(--ast-global-color-0);
    outline-offset: 2px;
}

.eav-ld-lesson-icon.is-cargando,
.ld-status-icon.is-cargando {
    opacity: 0.4;
    pointer-events: none;
}

.eav-marcar-aviso {
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    max-width: calc(100% - 32px);
    padding: 10px 16px;
    background: var(--ast-global-color-1);
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 99999;
}

/* Tarjeta de la Home dentro del bloque LearnDash Student (Soporte Activo): mismo alto que las demás. En los contenedores de ancho completo, Spectra mete los bloques en .uagb-container-inner-blocks-wrap */
.wp-block-uagb-container > .learndash-wrapper:has(.eav-ld-home-section),
.uagb-container-inner-blocks-wrap > .learndash-wrapper:has(.eav-ld-home-section),
.learndash-wrapper:has(.eav-ld-home-section) > .learndash-course-student-message {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 100%;
}

.learndash-course-student-message > .eav-ld-home-section,
.wp-block-uagb-container > .eav-ld-home-section:only-child {
    flex: 1;
    width: 100%;
}