/*
    Theme Name: Histudy Child
    Theme URI: https://rainbowthemes.net/themes/histudy
    Template: histudy
    Description: Histudy is created for Learning Management System. Online OR Offline The template is perfect for e-Learning, Course School, Online School, Kindergarten, Classic LMS, University Status, Instructor Portfolio, Language Academy, Gym Coaching, Online Course, Single Course, marketplace, University Classic, Home Elegant, Home technology, and other needed dashboard, inner and details pages availability. The template has included everything you need for a complete online education center and LMS.
    Author: Rainbow-Themes
    Author URI: https://themeforest.net/user/rainbow-themes/portfolio
    Version: 1.0.0
    License: Envato Marketplaces Split License
    License URI: https://themeforest.net/licenses/standard
    Text Domain: histudy-child
    Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post
    This theme, like WordPress, is licensed under the Envato Split License.
*/

/* Flipbox hátlap – márkaszínű gradient (felülírja a parent beégetett színét) */
.rbt-flipbox-back {
    background: linear-gradient(180deg, #f2b733, #ffd06b) !important;
}

.rbt-section-gap {
    padding: 40px 0 !important;
    @media #{$md-layout} {
        padding: 80px 0;
    }
    @media #{$sm-layout} {
        padding: 80px 0;
    }
}

.rbt-blog-details-area .blog-content-wrapper.rbt-article-content-wrapper .post-thumbnail img {
    width: 100% !important;
}

/* Single bejegyzés breadcrumb háttér – márkaszínű gradient (primary → secondary),
   a parent beégetett bg-image-10.jpg / #f4e8fd helyett */
.rbt-overlay-page-wrapper .breadcrumb-image-container .breadcrumb-image-wrapper {
    background: linear-gradient(
        0deg,
        color-mix(in srgb, var(--color-primary) 70%, transparent),
        color-mix(in srgb, var(--color-secondary) 70%, transparent)
    ) !important;
}

.rbt-overlay-page-wrapper .breadcrumb-image-container .breadcrumb-image-wrapper img {
    display: none !important;
}

/* Fallback a brand-swiper.js marquee előtti pillanatra / JS nélküli állapotra:
   FIX magasság (nem szélesség!) => minden logó egységesen ugyanolyan magas,
   nincs "egyik kisebb, másik nagyobb". A marquee aktiválódáska után a
   .brand-style-3 lista helyét a .brand-marquee veszi át (lásd brand-swiper.js). */
.brand-style-3 img {
    height: 50px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
}

.brand-style-3 {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px;
    align-items: center !important;
}

.rbt-error-area.bg-gradient-11 {
    background: linear-gradient(
            180deg,
            color-mix(in srgb, var(--color-primary) 25%, #ffffff) 0%,
            #ffffff 100%
    ) !important;
}

.rbt-user-menu-list-wrapper .user-list-wrapper li:not(.tutor-dashboard-menu-divider) a {
    display: flex;
    padding: 5px 12px;
    gap: 7px;
    align-items: center;
    border-radius: 3px;
    color: var(--color-body);
}

/* A brand logó szalag (.brand-marquee) CSS-ét a brand-swiper.js injektálja,
   hogy ne függjön a style.css cache-étől. Méret/sebesség hangolása ott. */