/* ============================================================
   Csete Balázs Általános Iskola - Hivatalos Stíluslap (2025)
   ============================================================ */

/* 1. BETŰTÍPUS IMPORTÁLÁSA (Google Fonts: Montserrat) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/* 2. ALAP BEÁLLÍTÁSOK */
body {
    font-family: 'Montserrat', sans-serif; 
    background-color: #f8f9fa;
    color: #333;
    padding-top: 0;
    margin: 0;
}

/* 3. ISKOLA SZÍNEK */
/* Sötétzöld (Fő szín) */
.bg-school, 
.bg-school-dark { 
    background-color: #2e7d32 !important; 
}

.text-school {
    color: #2e7d32 !important;
}

/* 4. FEJLÉC (HEADER) ÉS CAROUSEL STÍLUSOK */
/* A menü alatti képes sáv konténere */
.header-carousel {
    width: 100%;
    height: 300px; /* Fix magasság: Widescreen hatás */
    overflow: hidden;
    background-color: #1a4d2e; /* Sötétzöld háttér, amíg tölt a kép */
    position: relative;
}

/* Maguk a képek a fejlécben */
.header-carousel .carousel-item,
.header-carousel .carousel-item img {
    width: 100%;
    height: 400px; /* Fix magasság itt is */
    object-fit: cover; /* Kitölti a keretet torzulás nélkül */
    object-position: center; /* Alapértelmezett: középre igazítva */
    filter: brightness(0.95); /* Pici sötétítés a jobb kontrasztért */
}

/* Árnyék és sárga díszcsík a fejléc alján */
.header-shadow {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.15); /* Finom árnyék */
    border-bottom: 4px solid #fec107; /* Sárga (warning) csík */
}

/* 5. MENÜSOR (NAVBAR) EXTRÁK */
.navbar-brand {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.nav-link {
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #ffc107 !important; /* Sárgán világít, ha ráviszed az egeret */
}

/* 6. KÁRTYÁK ÉS ANIMÁCIÓK */
/* Alap kártya viselkedés */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none; /* Keret eltüntetése a modernebb hatásért */
}

/* Ha ráviszed az egeret egy kártyára */
.card:hover {
    transform: translateY(-5px); /* Kicsit "felugrik" */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Kép nagyítás effekt (pl. a logóknál vagy a galériában) */
.hover-zoom {
    transition: transform 0.3s ease;
    display: inline-block; /* Fontos a transzformációhoz */
}

.hover-zoom:hover {
    transform: scale(1.08); /* 8%-os nagyítás */
}

/* 7. EGYÉB SEGÉDOSZTÁLYOK */
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

/* Reszponzív javítások mobilra */
@media (max-width: 768px) {
    .header-carousel, 
    .header-carousel .carousel-item img {
        height: 200px; /* Mobilon legyen kisebb a fejléc, ne foglalja el a képernyőt */
    }
}
body {
    /* Mivel a footer mostantól fix, helyet kell hagyni neki az oldal alján,
       hogy ne takarja ki a tartalom végét görgetéskor. */
    padding-bottom: 80px; 
}