/*
 Theme Name:   Ascen Child Theme
 Theme URI:    https://themesvila.com/themes-wp/ascen/
 Description:  This is ascen Child Theme
 Author:       themes_mountain
 Author URI:   https://themeforest.net/user/themes_mountain
 Template:     ascen
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:  two-columns, right-sidebar
 Text Domain:  ascen-child
*/


/* === Polska Szkoła Amsterdam - Kolory === */
:root {
    --p1-clr: #1A4D95;
    --p2-clr: #961A30;
    --p3-clr: #961A30;
    --p4-clr: #1A4D95;
    --p5-clr: #1A4D95;
    --cmnbg: #F0F4FA;
    --theme: #961A30;
    --theme2: #1A4D95;
    --header: #1A4D95;
    --bg: #F5F0EE;
    --bg2: #EEF2F8;
    --bg3: #1A4D95;
}

/* Preloader colors */
.preloader span:nth-child(1) { background: rgba(150, 26, 48, 0.6) !important; }
.preloader span:nth-child(2) { background: rgba(26, 77, 149, 0.6) !important; }

/* Banner photos */
.banner-1 .banner-shape-thumb1,
.banner-1 .banner-shape-thumb2 { animation: none !important; }
.banner-1 .banner-shape-thumb1 img,
.banner-1 .banner-shape-thumb2 img { border-radius: 15px; object-fit: cover; max-height: 380px; box-shadow: 0 8px 30px rgba(0,0,0,0.15); }

/* News cards */
.news-card { background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.3s ease; height: 100%; border-radius: 10px; overflow: hidden; }
.news-card:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.15); }

/* FAQ */
.faq-thumbs { animation: none !important; }
.faq-thumbs img { border-radius: 15px; object-fit: cover; max-height: 500px; }

/* Hamburger menu - bigger on mobile */
@media (max-width: 575px) {
    .header-main .sidebar__toggle {
        font-size: 36px !important; padding-right: 8px;
    }
}
@media (min-width: 576px) and (max-width: 1199px) {
    .header-main .sidebar__toggle {
        font-size: 42px !important;
    }
}

/* Fix mobile horizontal scroll */
body, html {
    overflow-x: hidden;
}

/* Bigger knowledge tiles on mobile */
@media (max-width: 500px) {
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-big-item {
        width: 140px !important;
        height: 140px !important;
    }
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-big-item span,
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-big-item h2 {
        font-size: 22px !important;
        line-height: 26px !important;
    }
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-item {
        width: 110px !important;
        height: 110px !important;
    }
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-item span,
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-item h3 {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-item h3 .d-block,
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-big-item h2 .d-block {
        font-size: 0.55em !important;
        line-height: 1.3 !important;
    }
    .knowledge-section .knowledge-box-wrap .knowledge-inner {
        gap: 10px !important;
    }
    .knowledge-section .knowledge-box-wrap {
        gap: 10px !important;
    }
}
@media (max-width: 767px) and (min-width: 501px) {
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-big-item {
        width: 200px !important;
        height: 200px !important;
    }
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-item {
        width: 145px !important;
        height: 145px !important;
    }
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-item span,
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-item h3 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-item h3 .d-block,
    .knowledge-section .knowledge-box-wrap .knowledge-inner .knowledge-big-item h2 .d-block {
        font-size: 0.5em !important;
        line-height: 1.2 !important;
    }
}