/* --- SPLOŠNO --- */
:root { --red-grad: linear-gradient(to top right, #94111e 0%, #d91a20 100%); }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background:#000; color:#fff; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }

/* Gladko drsenje vklopljeno na telo */
html { scroll-behavior: smooth; } 

/* --- HEADER IN NAVIGACIJA --- */
header {
    position:absolute; top:0; left:0; width:100%;
    height:90px;
    padding:0 50px;
    display:flex; justify-content:space-between; align-items:center;
    z-index:1000;
    transition:all 0.4s ease;
    /* Ozadje headerja je vedno belo */
    background:#fff;
}
header.scrolled {
    position:fixed;
    backdrop-filter:blur(12px);
    box-shadow:0 5px 25px rgba(0,0,0,0.15);
}

.logo { position:relative; width:180px; height:90px; }
.logo img {
    position:absolute; top:50%; left:0; transform:translateY(-50%);
    height:45px; /* LOGO: Zmanjšano za 5px (prej 52px) */
    transition:opacity 0.4s ease;
}

/* Navigacija in ikona vedno črni, ker je header vedno bel */
nav.desktop a {
    margin-left:40px; text-transform:uppercase; font-size:15px; letter-spacing:1px;    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    position:relative; color:#111; transition:0.3s;
}
nav.desktop a::after {
    content:''; position:absolute; bottom:-6px; left:0; width:0; height:1px;
    background:#111; transition:0.3s;
}
nav.desktop a:hover::after { width:100%; }

.hamburger { display:none; font-size:32px; color:#111; cursor:pointer; }

.mobile-menu {
    position:fixed; top:0; right:-100%; width:100%; height:100vh;
    background:#000; display:flex; flex-direction:column;
    justify-content:center; align-items:center;
    transition:0.4s; z-index:999;
}
.mobile-menu.active { right:0; }
.mobile-menu a { font-size:32px; margin:20px 0; color:#fff; text-transform:uppercase; }

/* --- HERO – slideshow (Desktop) --- */
.hero {
    position:relative;
    width:100%; height:100vh; /* Višina 100vh ostane za desktop */
    overflow:hidden;
    background: #ffffff;
}
.slide-img {
    position:absolute; top:0; left:0;
    width:100%; height:100%;
    object-fit:cover; /* Slika zapolni zaslon (Desktop) */
    object-position:top center;
    opacity:0;
    transition:opacity 1.8s ease;
}
.slide-img.active { opacity:1; }

/* --- SECTION --- */
section { padding:130px 50px; }
.content { max-width:1400px; margin:0 auto; }
h2 { font-size:72px; text-align:center; margin-bottom:70px; text-transform:uppercase;  font-family: Encode Sans;}

/* --- ČLANI (#about) --- */
#about { background:#111; }
#about > .content > p {
    font-size:19px; max-width:900px; margin:0 auto 80px; text-align:center; line-height:1.8;
}
.members {
    display:grid; grid-template-columns:repeat(3,1fr);
    gap:70px 60px; max-width:1100px; margin:60px auto 0;
}
.member .img-container {
    width:100%; aspect-ratio:1/1; overflow:hidden; border-radius:20px;
    background:#000; box-shadow:0 10px 30px rgba(0,0,0,0.4); transition:0.4s;
    position:relative;
}
.member:hover .img-container { transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,0.6); }
.member img { width:100%; height:100%; object-fit:cover; transition:opacity 0.5s ease; }
.member .hover-img { position:absolute; top:0; left:0; opacity:0; }
.member:hover .main-img { opacity:0; }
.member:hover .hover-img { opacity:1; }
.member h3 { margin-top:22px; font-size:24px; font-weight:600; text-align:center; }

/* --- GALERIJA (#gallery) --- */
#gallery { background:#000; }
.gallery-grid {
    display:grid; grid-template-columns:repeat(5,1fr); gap:30px; max-width:1600px; margin:0 auto;
}
.gallery-item {
    position:relative; border-radius:14px; overflow:hidden; cursor:pointer;
    box-shadow:0 8px 25px rgba(0,0,0,0.3); transition:0.4s;
}
.gallery-item:hover { transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,0.5); }
.gallery-item img, .gallery-item iframe {
    width:100%; aspect-ratio:1/1; object-fit:cover; transition:0.4s;
}
.gallery-item .play-icon {
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    font-size:80px; color:#fff; opacity:0.9; pointer-events:none;
}
#gallery iframe.snapwidget-widget {
    margin-top:20px;
}

/* --- PRESS (#press) --- */
#press { background:#111; }
.press-text {
    max-width:800px; margin:0 auto 60px; text-align:center; font-size:19px;
}
.press-links { text-align:center; }
.press-contact-info { margin-top:50px; }

.download-btn {
    display:inline-block; background:var(--red-grad); color:#fff;
    padding:18px 44px; margin:15px; border-radius:10px; font-weight:bold; font-size:18px;
    box-shadow:0 8px 20px rgba(148,17,30,0.5); transition:0.3s;
}
.download-btn:hover { transform:translateY(-5px); box-shadow:0 15px 30px rgba(148,17,30,0.6); }

/* --- KONTAKT (#contact) --- */
#contact { background:#000; text-align:center; }
#contact h2 { font-size:90px; margin-bottom:70px; }
.contact-person { font-family:'Dancing Script',cursive; font-size:52px; margin-bottom:20px; }
.contact-phone {
    font-size:70px; font-weight:900; margin:40px 0 80px;
    background:var(--red-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-family: Encode Sans;
}
.contact-grid {
    display:grid; grid-template-columns:repeat(4,1fr); gap:50px; max-width:1200px; margin:40px auto 0;
}
.contact-item {
    padding:40px 20px; border-radius:18px; background:rgba(255,255,255,0.04);
    transition:all 0.4s ease; cursor:pointer; backdrop-filter:blur(10px);
}
.contact-item:hover {
    background:rgba(255,255,255,0.12); transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,0.4);
}
.contact-item i { font-size:56px; margin-bottom:22px; }
.contact-item .title { font-size:22px; margin-bottom:8px; }
.contact-item .desc { font-size:16px; opacity:0.85; }

/* --- FOOTER --- */
footer { padding:20px; text-align:center; font-size:14px; letter-spacing:1px; }

/* --- LIGHTBOX (Svetilnik) --- */
.lightbox {
    display:none;
    position:fixed; top:0; left:0; width:100%; height:100%;
    background:rgba(0,0,0,0.9);
    z-index:9999;
    justify-content:center; align-items:center;
    padding:20px;
}
.lightbox.active { display:flex; }
.close-lightbox {
    position:absolute; top:20px; right:40px;
    color:#fff; font-size:60px; font-weight:100; cursor:pointer;
    line-height:1; opacity:0.7; transition:0.2s;
}
.close-lightbox:hover { opacity:1; }
.lightbox img, .lightbox iframe {
    max-width:90%; max-height:90%; object-fit:contain;
}

/* --- RESPONSIVE --- */
@media (max-width:900px) {
    header { height:80px; padding:0 30px; }
    .logo img { height:35px !important; } /* LOGO: Zmanjšano za 5px (prej 46px) */
    .hamburger { display:block; }
    nav.desktop { display:none; }
    .members { grid-template-columns:repeat(2,1fr); gap:60px 50px; }
    .gallery-grid { grid-template-columns:repeat(3,1fr); }
    h2 { font-size:52px; }
    #contact h2 { font-size:68px;}
    .contact-phone { font-size:54px; }
    .contact-grid { grid-template-columns:2fr 1fr; }
}
@media (max-width:600px) {
    section { padding:90px 20px; }
    .gallery-grid { grid-template-columns:1fr 1fr; }
    .contact-grid { grid-template-columns:1fr; }

    /* POPRAVEK 1: Hero sekcija (Slideshow) pod menijem */
    .hero {
        margin-top: 80px; /* Doda prostor pod menijem, ki je visok 80px na mobilnem telefonu */
        height: auto;
        min-height: 250px;
        overflow: hidden;
    }
    .slide-img {
        object-fit: contain; /* Celotna slika vidna, brez rezanja */
        object-position: center center;
        width: 100%;
        height: auto;
    }
}