/* OIKOS BOZCAADA — Shared Styles */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --cream: #f5f0e8;
  --warm-white: #faf8f4;
  --dark: #1e1c18;
  --stone: #8a8278;
  --gold: #b8a98a;
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Jost', sans-serif;
  --pad-x: clamp(1.5rem,8vw,10rem);
  --pad-y: clamp(3rem,7vw,7rem);
}

html { scroll-behavior:smooth; }
body { font-family:var(--font-sans); background:var(--warm-white); color:var(--dark); overflow-x:hidden; }

/* HEADER */
header { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:1.4rem clamp(1.5rem,6vw,5rem); background:rgba(250,247,242,0.98); backdrop-filter:blur(8px); box-shadow:0 1px 0 rgba(0,0,0,0.07); transition:padding 0.4s ease; }
header.scrolled { padding:0.9rem clamp(1.5rem,6vw,5rem); }
.logo { display:flex; align-items:center; text-decoration:none; z-index:110; }
.logo-img { height:32px; width:auto; display:block; transition:opacity 0.3s; }
.logo:hover .logo-img { opacity:0.8; }

/* NAV — masaüstü */
nav { display:flex; align-items:center; gap:2.5rem; }
nav a { font-size:0.6rem; font-weight:300; letter-spacing:0.22em; text-transform:uppercase; color:var(--stone); text-decoration:none; transition:color 0.3s; position:relative; white-space:nowrap; }
nav a::after { content:''; position:absolute; bottom:-3px; left:0; width:0; height:1px; background:var(--dark); transition:width 0.3s ease; }
nav a:hover, nav a.active { color:var(--dark); }
nav a:hover::after, nav a.active::after { width:100%; }
.nav-reserve { font-size:0.6rem; font-weight:300; letter-spacing:0.22em; text-transform:uppercase; color:var(--dark); text-decoration:none; border:1px solid rgba(30,28,24,0.35); padding:0.6rem 1.4rem; transition:background 0.3s,color 0.3s; white-space:nowrap; }
.nav-reserve:hover { background:var(--dark); color:var(--cream); }
.nav-reserve::after { display:none !important; }

/* HAMBURGEr */
.hamburger { display:none; flex-direction:column; justify-content:center; gap:5px; width:32px; height:32px; background:none; border:none; cursor:pointer; z-index:110; padding:2px; }
.hamburger span { display:block; width:100%; height:1px; background:var(--dark); transition:transform 0.3s,opacity 0.3s; }
.hamburger.open span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }

/* MOBİL MENÜ */
.mobile-nav { display:none; position:fixed; inset:0; background:var(--warm-white); z-index:105; flex-direction:column; align-items:center; justify-content:center; gap:2.5rem; }
.mobile-nav.open { display:flex; }
.mobile-nav a { font-size:1.8rem; font-family:var(--font-serif); font-weight:200; font-style:italic; color:var(--dark); text-decoration:none; transition:color 0.3s; }
.mobile-nav a:hover { color:var(--gold); }
.mobile-nav .mobile-reserve { font-family:var(--font-sans); font-size:0.65rem; font-weight:300; letter-spacing:0.25em; text-transform:uppercase; border:1px solid rgba(30,28,24,0.35); padding:0.9rem 2.5rem; margin-top:1rem; }

/* PAGE HERO */
.page-hero { padding:8rem var(--pad-x) 3rem; background:var(--warm-white); border-bottom:1px solid rgba(184,169,138,0.2); }
.page-hero-label { font-size:0.55rem; font-weight:300; letter-spacing:0.3em; text-transform:uppercase; color:var(--stone); margin-bottom:1rem; }
.page-hero-title { font-family:var(--font-serif); font-size:clamp(2.2rem,5vw,4.5rem); font-weight:200; font-style:italic; line-height:1.1; color:var(--dark); }

/* FOOTER */
footer { background:var(--dark); color:var(--cream); padding:clamp(2.5rem,5vw,5rem) var(--pad-x); }
.footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:4rem; padding-bottom:2rem; border-bottom:1px solid rgba(245,240,232,0.1); margin-bottom:1.5rem; }
.footer-logo { height:32px; width:auto; opacity:0.5; filter:brightness(0) invert(1); margin-bottom:1.5rem; display:block; }
.footer-desc { font-size:0.75rem; font-weight:300; line-height:1.7; color:rgba(245,240,232,0.4); max-width:240px; }
.footer-col h4 { font-size:0.55rem; font-weight:300; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold); margin-bottom:1.2rem; }
.footer-col p, .footer-col a { font-size:0.75rem; font-weight:300; line-height:1.9; color:rgba(245,240,232,0.5); text-decoration:none; display:block; transition:color 0.3s; }
.footer-col a:hover { color:var(--cream); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; }
.footer-copy { font-size:0.55rem; font-weight:300; letter-spacing:0.1em; color:rgba(245,240,232,0.25); }

/* REVEAL */
.reveal { opacity:0; transform:translateY(30px); transition:opacity 0.9s ease,transform 0.9s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay-1 { transition-delay:0.15s; }
.reveal-delay-2 { transition-delay:0.3s; }

/* RESPONSIVE */
@media (max-width:900px) {
  nav { display:none; }
  .hamburger { display:flex; }
  .footer-grid { grid-template-columns:1fr; gap:2.5rem; }
  .page-hero { padding:7rem var(--pad-x) 2.5rem; }
}
@media (max-width:600px) {
  .footer-grid { gap:2rem; }
}