*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:Segoe UI, sans-serif;
background:#111;
color:white;
line-height:1.7;
}

/* HERO */
.hero{
height:100vh;
background:
linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.75)),
url("hero.png");
background-size:cover;
background-position: center 18%;
display:flex;
flex-direction:column;
}

/* GLASS NAVBAR */
nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 8%;

position:fixed;
top:0;
left:0;
width:100%;
z-index:1000;

background:rgba(0,0,0,0.35);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);

border-bottom:1px solid rgba(255,255,255,0.08);
box-shadow:0 10px 30px rgba(0,0,0,0.25);
}

.logo{
font-size:1.3rem;
font-weight:bold;
letter-spacing:2px;
color:#fff;
}

nav ul{
display:flex;
gap:25px;
list-style:none;
}

nav a{
color:white;
text-decoration:none;
transition:0.3s;
opacity:0.85;
}

nav a:hover{
opacity:1;
color:#c9a86a;
}

/* ===================== */
/* HAMBURGER (DODANO) */
/* ===================== */

.menu-toggle{
display:none;
font-size:32px;
cursor:pointer;
color:white;
}

/* HERO CONTENT */
.hero-content{
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:20px;
padding-top:80px;
}

.hero-content h1{
font-size:4.5rem;
margin-bottom:20px;
}

.hero-content p{
font-size:1.2rem;
max-width:700px;
margin-bottom:40px;
opacity:0.9;
}

/* BUTTON */
.button{
padding:15px 35px;
background:#c9a86a;
color:white;
text-decoration:none;
border-radius:40px;
transition:0.3s;
font-weight:600;
letter-spacing:0.5px;
box-shadow:0 10px 25px rgba(201,168,106,0.25);
}

.button:hover{
transform:translateY(-4px);
box-shadow:0 15px 30px rgba(201,168,106,0.35);
}

/* SECTIONS */
section{
padding:90px 0;
}

.container{
width:90%;
max-width:1100px;
margin:auto;
}

h2{
text-align:center;
margin-bottom:40px;
font-size:2.5rem;
color:#c9a86a;
}

/* ABOUT */
#onaju p{
max-width:800px;
margin:auto;
text-align:center;
}

/* CARDS */
.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
margin-top:40px;
}

.card{
background:#1b1b1b;
padding:30px;
border-radius:15px;
border:1px solid #333;
transition:0.3s;
}

.card:hover{
transform:translateY(-5px);
border-color:#c9a86a;
}

.card h3{
margin-bottom:15px;
color:#c9a86a;
}

/* GALLERY */
.gallery{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:20px;
}

.gallery img{
width:100%;
height:260px;
object-fit:cover;
border-radius:12px;
transition:0.4s;
}

.gallery img:hover{
transform:scale(1.03);
}



#lightbox{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,0.85);

    display:none;

    justify-content:center;
    align-items:center;

    z-index:9999;
}

#lightbox img{
    max-width:90%;
    max-height:90%;

    border-radius:10px;

    box-shadow:0 0 30px rgba(0,0,0,0.5);
}


.gallery img{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:12px;
    transition:0.4s;

    filter: brightness(0.65) contrast(1.05) saturate(0.9);
}



.photo{
    position:relative;
}

.photo img{
    width:100%;
    display:block;
    cursor:pointer;
}

.credit{
    position:absolute;
    bottom:8px;
    right:8px;

    font-size:0.65rem;
    color:white;

    background:rgba(0,0,0,0.5);
    padding:2px 6px;
    border-radius:4px;

    backdrop-filter:blur(4px);
}






/* CONTACT */
#kontakt{
text-align:center;
}

.email{
font-size:1.3rem;
color:#c9a86a;
margin-top:20px;
}

/* FOOTER */
footer{
padding:30px;
text-align:center;
background:#0a0a0a;
border-top:1px solid #222;
}

/* SOCIAL ICONS */
.social-icons{
display:flex;
gap:18px;
justify-content:center;
margin-top:25px;
}

.social-icons a{
width:100px;
height:100px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,0.001);
backdrop-filter:blur(1px);
transition:0.3s;
overflow:hidden;
}

.social-icons a:hover{
transform:translateY(-7px);
background:rgba(201,168,106,0.05);
}

/* ICON IMAGE FIX (PNG / JPG) */
.social-icons img{
width:55%;
height:55%;
object-fit:contain;
display:block;
}



/* ===================== */
/* MOBILE FIX */
/* ===================== */

@media(max-width:768px){

.hero-content h1{
font-size:2.8rem;
}

  @media(max-width:768px){

.hero{
height:100vh;
background:
linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.75)),
url("hero1.png");
background-size:cover;
background-position: center 18%;
display:flex;
flex-direction:column;

}
}

/* TABLET */
@media (max-width:1024px) and (min-width:769px){

.hero{
background:
linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.75)),
url("hero1.png");
background-size:cover;
background-position: center 18%;
display:flex;
flex-direction:column;}

}






  /* SHOW HAMBURGER */
  .menu-toggle{
    display:block;
  }

  /* MOBILE MENU */
  nav ul{
    display:none;
    position:absolute;
    top:70px;
    left:0;
    width:100%;
    background:#111;
    flex-direction:column;
    padding:20px;
    z-index:999;
    gap:15px;
  }

  nav ul.active{
    display:flex;
  }

}


.gold-link {
  color: #c9a86a;
  font-weight: bold;
  text-decoration: none;
}

.gold-link:hover {
  color: #f5d97a;
  text-decoration: underline;
}