/* ==========================================================
   AJÁNLOTT KÉPZÉSEK
========================================================== */

.edulex-recommended{
    margin:90px 0 60px;
}

.edulex-recommended__inner{
    max-width:1400px;
    margin:0 auto;
    padding:0 40px;
}

.edulex-recommended .edulex-section-heading{
    text-align:center;
    margin-bottom:50px;
}

.edulex-section-eyebrow{
    display:inline-block;
    margin-bottom:14px;
    color:#b58e31;
    font-size:.85rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.18em;
}

.edulex-recommended h2{
    margin:0;
    font-size:2.2rem;
    line-height:1.2;
}

/* ==========================================================
   GRID
========================================================== */

.edulex-recommended-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:32px;

}

/* ==========================================================
   KÁRTYA
========================================================== */

.edulex-recommended-card{

    display:flex;

    flex-direction:column;

    overflow:hidden;

    border-radius:24px;

    background:#fff;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.edulex-recommended-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(0,0,0,.16);

}

/* ==========================================================
   KÉP
========================================================== */

.edulex-recommended-card__image{

    display:block;

    overflow:hidden;

    aspect-ratio:16 / 9;

}

.edulex-recommended-card__image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:transform .45s ease;

}

.edulex-recommended-card:hover
.edulex-recommended-card__image img{

    transform:scale(1.05);

}

/* ==========================================================
   TARTALOM
========================================================== */

.edulex-recommended-card__content{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:28px;

}

/* ==========================================================
   META
========================================================== */

.edulex-recommended-meta{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:20px;

}

.edulex-recommended-meta span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:7px 12px;

    border-radius:999px;

    background:#f5f5f5;

    color:#555;

    font-size:.82rem;

    font-weight:600;

}

/* ==========================================================
   CÍM
========================================================== */

.edulex-recommended-card h3{

    margin:0 0 16px;

    font-size:1.35rem;

    line-height:1.35;

}

.edulex-recommended-card h3 a{

    color:inherit;

    text-decoration:none;

    transition:color .25s ease;

}

.edulex-recommended-card h3 a:hover{

    color:#b58e31;

}

/* ==========================================================
   HELYSZÍN
========================================================== */

.edulex-recommended-location{

    margin-bottom:18px;

    color:#666;

    font-size:.95rem;

}

/* ==========================================================
   LEÍRÁS
========================================================== */

.edulex-recommended-card p{

    margin:0 0 24px;

    color:#666;

    line-height:1.6;

    flex:1;

}

/* ==========================================================
   GOMB
========================================================== */

.edulex-recommended-button{

    display:inline-flex;

    align-items:center;

    margin-top:auto;

    color:#b58e31;

    text-decoration:none;

    font-weight:700;

    transition:all .25s ease;

}

.edulex-recommended-button:hover{

    color:#8d6d20;

    transform:translateX(5px);

}

/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .edulex-recommended-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

/* ==========================================================
   MOBIL
========================================================== */

@media(max-width:768px){

    .edulex-recommended{

        margin:70px 0;

    }

    .edulex-recommended__inner{

        padding:0 20px;

    }

    .edulex-recommended-grid{

        grid-template-columns:1fr;

    }

    .edulex-recommended h2{

        font-size:1.9rem;

    }

    .edulex-recommended-card__content{

        padding:22px;

    }

}
/* ==========================================================
   Desktop / Mobile megjelenítés
========================================================== */

.desktop-only{
    display:block;
}

.mobile-only{
    display:none;
}

.edulex-sidebar-recommended{
    margin-top:35px;
}

.edulex-sidebar-recommended .edulex-recommended{
    margin:0;
}

.edulex-sidebar-recommended .edulex-recommended__inner{
    padding:0;
    max-width:none;
}

.edulex-sidebar-recommended .edulex-section-heading{
    text-align:left;
    margin-bottom:24px;
}

.edulex-sidebar-recommended .edulex-section-eyebrow{
    font-size:.75rem;
}

.edulex-sidebar-recommended .edulex-recommended h2{
    font-size:1.55rem;
}

.edulex-sidebar-recommended .edulex-recommended-grid{
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* ==========================================================
   Mobil
========================================================== */

@media (max-width:1024px){

    .desktop-only{
        display:none;
    }

    .mobile-only{
        display:block;
    }

}
/* ==========================================================
   SIDEBAR – AJÁNLOTT KÉPZÉSEK
========================================================== */

.edulex-sidebar-recommended{
    margin-top:35px;
}

.edulex-sidebar-recommended .edulex-recommended{
    margin:0;
}

.edulex-sidebar-recommended .edulex-recommended__inner{
    max-width:none;
    padding:0;
}

/* Cím */

.edulex-sidebar-recommended .edulex-section-heading{
    text-align:left;
    margin-bottom:20px;
}

.edulex-sidebar-recommended .edulex-section-eyebrow{
    color:#D4A62A;
    font-size:.8rem;
    font-weight:700;
}

.edulex-sidebar-recommended .edulex-recommended h2{
    font-size:1.5rem;
    line-height:1.25;
}

/* Lista */

.edulex-sidebar-recommended .edulex-recommended-grid{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* Kártya */

.edulex-sidebar-recommended .edulex-recommended-card{
    border-radius:18px;
}

/* Kép */

.edulex-sidebar-recommended .edulex-recommended-card__image{
    aspect-ratio:16 / 8;
}

/* Tartalom */

.edulex-sidebar-recommended .edulex-recommended-card__content{
    padding:18px;
}

/* Meta badge */

.edulex-sidebar-recommended .edulex-recommended-meta{
    margin-bottom:12px;
}

.edulex-sidebar-recommended .edulex-recommended-meta span{
    font-size:.72rem;
    padding:5px 10px;
}

/* Cím */

.edulex-sidebar-recommended .edulex-recommended-card h3{
    margin:0 0 10px;
    font-size:1.05rem;
    line-height:1.35;
}

/* EZ JAVÍTJA A FEHÉR CÍMET */

.edulex-sidebar-recommended .edulex-recommended-card h3 a{
    color:#1c2238 !important;
}

.edulex-sidebar-recommended .edulex-recommended-card h3 a:hover{
    color:#D4A62A !important;
}

/* Helyszín */

.edulex-sidebar-recommended .edulex-recommended-location{
    margin-bottom:10px;
    font-size:.85rem;
}

/* Leírás */

.edulex-sidebar-recommended .edulex-recommended-card p{
    margin:0;
    font-size:.9rem;
    line-height:1.45;
}

/* A GOMBOT ELREJTJÜK */

.edulex-sidebar-recommended .edulex-recommended-button{
    display:none;
}