/* --- HERO ROZCESTNÍK (1. SEKCE) --- */
.vh-100 { 
    height: 100vh; /* Výška přes celou obrazovku */
    min-height: 600px; /* Minimální výška */
    display: flex; /* Flexbox pro sloupce */
}

.portal-item { 
    flex: 1; /* Prvky se dělí o prostor 50/50 */
    height: 100%; 
    position: relative; /* Pro overlay */
    background-size: cover; /* Vyplnění plochy */
    background-position: center; /* Vycentrování obrázku */
    text-decoration: none; 
    overflow: hidden; 
    display: flex; 
}

.portal-overlay { 
    position: absolute; 
    inset: 0; 
    background: rgba(0, 0, 0, 0.2); 
    display: flex; 
    align-items: center; /* Vertikální centr */
    justify-content: center; /* Horizontální centr */
    transition: background 0.4s ease; 
}

.portal-item:hover .portal-overlay { 
    background: rgba(0, 0, 0, 0.4); 
}

.btn-glass {
    background: rgba(255, 255, 255, 0.1); /* Průhledné pozadí */
    backdrop-filter: blur(8px); /* Rozostření */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.4); 
    color: white; 
    padding: 15px 45px; 
    font-weight: bold; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
    transition: 0.3s;
}

.portal-item:hover .btn-glass { 
    background: rgba(255, 255, 255, 0.25); 
    transform: scale(1.05); /* Mírné zvětšení */
    border-color: white; 
}

/* --- SPECIFICKÉ PRO INDEX --- */
.bg-light-custom { 
    background-color: var(--light-bg); 
    border-top: 1px solid #eee; 
    border-bottom: 1px solid #eee; 
}

.quote-icon { 
    font-size: 3rem; 
    color: var(--brand-blue); 
    opacity: 0.3; 
}

.quote-text-premium { 
    font-size: 1.8rem; 
    color: #555; 
    font-style: italic; 
    font-weight: 300; 
}

.quote-author { 
    font-weight: 700; 
    text-transform: uppercase; 
}

/* Styly pro obrázek v sekci citátu */
.image-wrapper-mini { 
    max-width: 85%; /* Omezení šířky fotky */
    margin: 0 auto; /* Vycentrování */
    border-radius: 12px; /* Zaoblení */
}

.shadow-extreme { 
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3) !important; /* Hluboký stín */
}

/* Úprava citátu pro zarovnání vpravo od fotky */
.quote-container { 
    position: relative; /* Pro pozicování ikony */
    padding-left: 20px; /* Odsazení od okraje */
}

/* --- RESPONSIVE PRO HERO --- */
@media (max-width: 767.98px) {
    .vh-100 { 
        flex-direction: column; /* Na mobilu pod sebou */
        height: auto; 
    }
    .portal-item { 
        height: 50vh; 
        min-height: 350px; 
    }
}