/* ==========================================================================
   SIMIT & CAFE THEME — MAIN STYLESHEET
   Matches prototype-lezzet-client.html pixel-perfectly
   ========================================================================== */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --gold-50:#FDF8EE;--gold-100:#F5E6C0;--gold-200:#E8C97A;
  --gold-400:#C9973A;--gold-600:#9B6E1F;--gold-800:#6B4A0F;
  --night-50:#F0EDE8;--night-100:#C8BFB0;--night-200:#8C7E6A;
  --night-400:#3D3020;--night-700:#1E1508;--night-900:#0E0A04;
  --cream:#FAF6EF;--white:#FFFFFF;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Jost',sans-serif;font-weight:400;color:var(--night-400);background:var(--cream);line-height:1.6;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:300;line-height:1.15}
h1{font-size:clamp(2.2rem,7vw,4.2rem)}
h2{font-size:clamp(1.6rem,4vw,2.5rem)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.container{padding:0 32px}}

/* ── Buttons ── */
.btn-primary{font-family:'Jost',sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:var(--gold-400);color:var(--night-900);padding:13px 30px;border-radius:2px;border:none;cursor:pointer;transition:background 250ms,transform 150ms;display:inline-block}
.btn-primary:hover{background:var(--gold-600);transform:translateY(-1px)}
.btn-ghost{font-family:'Jost',sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--gold-200);border:1px solid var(--gold-600);padding:12px 29px;border-radius:2px;cursor:pointer;transition:background 250ms;display:inline-block}
.btn-ghost:hover{background:rgba(201,151,58,.12)}
.btn-secondary{font-family:'Jost',sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--gold-200);border:1px solid var(--gold-600);padding:12px 29px;border-radius:2px;cursor:pointer;transition:background 250ms;display:inline-block}
.btn-secondary:hover{background:rgba(201,151,58,.12)}
.btn-lg{padding:15px 36px;font-size:12px}
.ornament{text-align:center;color:var(--gold-400);letter-spacing:10px;font-size:13px;opacity:.6;margin:16px 0}
.eyebrow{font-family:'Jost',sans-serif;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-400)}
.section{padding:clamp(56px,8vw,100px) 0}
.section-title{text-align:center;color:var(--night-700);margin-bottom:12px}
.section-sub{text-align:center;font-size:14px;font-weight:300;color:var(--night-200);max-width:520px;margin:0 auto 40px}

/* ── Header ── */
.nav-bar{position:sticky;top:0;z-index:100;background:var(--night-900);height:58px;display:flex;align-items:center;transition:background .3s,box-shadow .3s;border-bottom:1px solid rgba(201,151,58,.12)}
.nav-bar.scrolled{background:rgba(14,10,4,.96);backdrop-filter:blur(8px);box-shadow:0 2px 20px rgba(0,0,0,.3)}
.nav-container{max-width:1200px;width:100%;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--gold-400);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px}
.logo-star{color:var(--gold-200);margin-right:4px;font-size:14px}
.logo-img{height:36px;width:auto;object-fit:contain}
.nav-links{display:none;gap:28px}
@media(min-width:768px){.nav-links{display:flex}}
.nav-link{font-family:'Jost',sans-serif;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--night-100);cursor:pointer;padding:4px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.nav-link:hover,.nav-link.active{color:var(--gold-400);border-bottom-color:var(--gold-400)}
.nav-right{display:flex;align-items:center;gap:12px}
.lang-switcher{display:flex;gap:6px;align-items:center}
.lang-btn{font-family:'Jost',sans-serif;font-size:10px;font-weight:500;color:var(--night-200);cursor:pointer;background:none;border:none;padding:2px 3px;transition:color .2s}
.lang-btn:hover,.lang-btn.active{color:var(--gold-400)}
.lang-sep{color:var(--night-200);font-size:9px;opacity:.3}
.btn-reserve-nav{display:none;font-size:9px;padding:8px 16px}
@media(min-width:1024px){.btn-reserve-nav{display:inline-block}}

/* Hamburger */
.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{width:22px;height:1.5px;background:var(--gold-200);transition:transform .3s,opacity .3s}
@media(min-width:768px){.hamburger{display:none}}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* Mobile drawer */
.nav-drawer{position:fixed;top:58px;right:-100%;width:280px;height:calc(100vh - 58px);background:var(--night-900);z-index:99;padding:32px 24px;transition:right .35s ease;display:flex;flex-direction:column;gap:4px}
.nav-drawer.open{right:0}
.nav-drawer-overlay{position:fixed;top:58px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:98;display:none}
.nav-drawer-overlay.open{display:block}
.drawer-link{font-family:'Jost',sans-serif;font-size:14px;font-weight:400;color:var(--night-100);padding:14px 0;border-bottom:1px solid rgba(201,151,58,.08);cursor:pointer;transition:color .2s}
.drawer-link:hover,.drawer-link.active{color:var(--gold-400)}
.drawer-lang{display:flex;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(201,151,58,.12)}
.drawer-lang .lang-btn{font-size:13px;padding:4px 8px}

/* ── Hero ── */
.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:#0E0A04;background-size:cover;background-position:center}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.55)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,6,2,.45),rgba(10,6,2,.72))}
.hero-content{position:relative;z-index:1;padding:40px 20px;max-width:640px}
.hero h1,.hero-content h1{color:var(--white);margin-bottom:4px}
.hero h1 em,.hero-content h1 em{font-style:italic;color:var(--gold-200);font-weight:300}
.hero .subtitle,.hero-sub{font-size:14px;font-weight:300;color:var(--night-100);margin-bottom:28px;margin-top:8px}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px}
.scroll-indicator span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-400);font-family:'Jost',sans-serif;font-weight:500}
.scroll-arrow{width:1px;height:32px;background:var(--gold-400);position:relative;animation:scrollBounce 2s infinite}
@keyframes scrollBounce{0%,100%{transform:scaleY(1);opacity:.4}50%{transform:scaleY(1.5);opacity:1}}

/* ── Experience section ── */
.exp-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-top:40px}
@media(min-width:768px){.exp-grid{grid-template-columns:repeat(3,1fr);gap:40px}}
.exp-card{text-align:center}
.exp-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:2px solid var(--gold-100)}
.exp-icon{margin:0 auto 16px;color:var(--gold-400)}
.exp-card h3{font-size:22px;color:var(--night-700);margin-bottom:6px}
.exp-card p{font-size:13px;font-weight:300;color:var(--night-200);line-height:1.6}

/* ── Dish cards (home preview) ── */
.dish-cards{display:grid;grid-template-columns:1fr;gap:16px;margin:40px 0}
@media(min-width:768px){.dish-cards{grid-template-columns:repeat(2,1fr);gap:20px}}
.dish-card{background:var(--white);border-radius:4px;overflow:hidden;border:1px solid var(--gold-50);transition:transform .25s,box-shadow .25s;cursor:pointer}
.dish-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.08);border-left:3px solid var(--gold-400)}
.dish-card-img{width:100%;height:200px;object-fit:cover;display:block}
.dish-card-body{padding:20px}
.dish-card-name{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--night-700);margin-bottom:4px}
.dish-card-desc{font-size:12px;font-weight:300;color:var(--night-200);margin-bottom:8px}
.dish-card-price{font-family:'Jost',sans-serif;font-size:15px;font-weight:500;color:var(--gold-600)}
/* Alternate class names used in templates */
.dish-image img{width:100%;height:200px;object-fit:cover}
.dish-content{padding:20px}
.dish-content h3{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--night-700);margin-bottom:4px}
.dish-content p{font-size:12px;font-weight:300;color:var(--night-200);margin-bottom:8px}
.dish-price{font-family:'Jost',sans-serif;font-size:15px;font-weight:500;color:var(--gold-600)}

/* ── Histoire preview (home) ── */
.histoire-preview{position:relative;overflow:hidden;background:var(--night-900)}
.histoire-preview-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.3}
.histoire-preview-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,10,4,.85),rgba(14,10,4,.6))}
.histoire-preview-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:32px;padding:clamp(48px,8vw,80px) 0;align-items:center}
@media(min-width:768px){.histoire-preview-inner{grid-template-columns:1.3fr .7fr;gap:48px}}
.histoire-preview-text .eyebrow{margin-bottom:12px}
.histoire-preview-text h2{color:var(--white);margin-bottom:6px}
.histoire-preview-text h2 em{font-style:italic;color:var(--gold-200)}
.histoire-preview-text p{font-size:14px;font-weight:300;color:var(--night-100);line-height:1.7;margin:16px 0 24px}
.histoire-preview-img{display:none;border-radius:4px;overflow:hidden;border:2px solid var(--gold-400)}
@media(min-width:768px){.histoire-preview-img{display:block}}
.histoire-preview-img img{width:100%;height:320px;object-fit:cover}
/* Fallback for simpler structure used in WP template */
.section-histoire-bandeau{position:relative;overflow:hidden;background:var(--night-900);padding:clamp(48px,8vw,80px) 0}
.section-histoire-bandeau .histoire-preview-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
@media(min-width:768px){.section-histoire-bandeau .histoire-preview-inner{grid-template-columns:1.3fr .7fr;gap:48px}}
.section-histoire-bandeau h2{color:var(--white);margin-bottom:6px}
.section-histoire-bandeau h2 em{font-style:italic;color:var(--gold-200)}
.section-histoire-bandeau p{font-size:14px;font-weight:300;color:var(--night-100);line-height:1.7}

/* ── Gallery preview (home) ── */
.gallery-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:40px 0}
@media(min-width:768px){.gallery-preview-grid{grid-template-columns:repeat(4,1fr);gap:16px}}
.gallery-preview-item{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;height:200px}
@media(min-width:768px){.gallery-preview-item{height:220px}}
.gallery-preview-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gallery-preview-item:hover img{transform:scale(1.06)}
.gallery-preview-item::after{content:'';position:absolute;inset:0;background:rgba(201,151,58,0);transition:background .3s}
.gallery-preview-item:hover::after{background:rgba(201,151,58,.15)}
/* Alternate class names */
.gallery-item{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;height:200px}
@media(min-width:768px){.gallery-item{height:220px}}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gallery-item:hover img{transform:scale(1.06)}
.gallery-overlay{position:absolute;inset:0;background:rgba(201,151,58,0);transition:background .3s;display:flex;align-items:center;justify-content:center}
.gallery-item:hover .gallery-overlay{background:rgba(201,151,58,.15)}
.gallery-overlay p{color:var(--white);font-size:13px;font-weight:500;opacity:0;transition:opacity .3s}
.gallery-item:hover .gallery-overlay p{opacity:1}
.gallery-preview-cta{text-align:center;margin-top:24px}

/* ── Reservation band ── */
.reservation-band{text-align:center;background:var(--night-700);padding:clamp(48px,8vw,80px) 20px}
.reservation-band h2{color:var(--white);margin-bottom:8px}
.reservation-band p{font-size:14px;font-weight:300;color:var(--night-100);margin-bottom:8px}
.reservation-phone{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,4vw,2.2rem);color:var(--gold-200);margin:16px 0 24px}
/* Alternate class */
.section-reservation-band{text-align:center;background:var(--night-700);padding:clamp(48px,8vw,80px) 20px}
.section-reservation-band h2{color:var(--white);margin-bottom:8px}
.section-reservation-band p{font-size:14px;font-weight:300;color:var(--night-100);margin-bottom:8px}
.reservation-content{max-width:640px;margin:0 auto}
.reservation-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:24px}

/* Menu preview CTA */
.menu-preview-cta,.section-cta{text-align:center;margin-top:24px}
.menu-preview-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:40px 0}
@media(min-width:768px){.menu-preview-grid{grid-template-columns:repeat(2,1fr);gap:20px}}

/* ── Page Hero (inner pages) ── */
.page-hero{position:relative;padding:clamp(48px,8vw,80px) 20px;text-align:center;overflow:hidden;background:var(--night-900)}
.page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.25}
.page-hero-content{position:relative;z-index:1}
.page-hero h1{color:var(--white);margin-bottom:8px}
.page-hero .subtitle{font-size:14px;font-weight:300;color:var(--night-100);margin-top:12px}

/* ── Footer ── */
.site-footer{background:var(--night-900);padding:60px 0 20px;border-top:1px solid var(--gold-800)}
.footer-grid{display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid rgba(201,151,58,.1)}
@media(min-width:768px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:48px}}
.footer-logo{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--gold-400);margin-bottom:12px}
.footer-logo .logo-star{color:var(--gold-200);font-size:14px;margin-right:4px}
.footer-tagline{font-size:13px;font-weight:300;color:var(--night-200);line-height:1.6;margin-bottom:16px}
.footer-social{display:flex;gap:12px}
.footer-social a{width:32px;height:32px;border-radius:50%;border:1px solid var(--gold-800);display:flex;align-items:center;justify-content:center;color:var(--gold-400);transition:background .2s,border-color .2s}
.footer-social a:hover{background:rgba(201,151,58,.1);border-color:var(--gold-400)}
.footer-col h4{font-family:'Jost',sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-400);margin-bottom:16px}
.footer-col ul{list-style:none}
.footer-col li{font-size:13px;font-weight:300;color:var(--night-100);margin-bottom:8px;cursor:pointer;transition:color .2s}
.footer-col li:hover{color:var(--gold-400)}
.footer-col a{font-size:13px;font-weight:300;color:var(--night-100);transition:color .2s}
.footer-col a:hover{color:var(--gold-400)}
.footer-hours-compact li{display:flex;justify-content:space-between;gap:12px}
.footer-hours-compact .day{color:var(--night-200)}
.footer-bottom{padding-top:20px;text-align:center;font-size:11px;font-weight:300;color:var(--night-200)}
.footer-bottom span{color:var(--gold-400);margin:0 6px}
.footer-credit a{color:var(--gold-400);font-size:11px;transition:color .2s}
.footer-credit a:hover{color:var(--gold-200)}

/* ── Animations ── */
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* ── Print ── */
@media print{.nav-bar,.site-footer,.scroll-indicator{display:none!important}body{background:white}}

/* ── Additional prototype styles ── */

.founders-img { border-radius:4px; overflow:hidden; border:3px solid var(--gold-400); }
.founders-img img { width:100%; height:100%; min-height:300px; object-fit:cover; }

.contact-grid { display:grid; grid-template-columns:1fr; gap:24px; }
@media (min-width: 768px) { .contact-grid { grid-template-columns:1fr 1fr; gap:32px; } }
.contact-info  { background:var(--cream); padding:32px; border-radius:4px; }
.contact-block { margin-bottom:24px; }
.contact-label {
  font-family:'Jost',sans-serif; font-size:10px; font-weight:500;
  letter-spacing:.1em; text-transform:uppercase; color:var(--gold-400);
  margin-bottom:6px; display:flex; align-items:center; gap:8px;
}
.contact-value { font-size:14px; font-weight:300; color:var(--night-400); line-height:1.6; }
.contact-value a { color:var(--gold-600); transition:color .2s; }
.contact-value a:hover { color:var(--gold-400); }
.hours-table { width:100%; font-size:13px; border-collapse:collapse; }
.hours-table td { padding:5px 0; }
.hours-table .day  { font-weight:400; color:var(--night-400); }
.hours-table .time { text-align:right; font-weight:300; color:var(--night-200); }
.hours-table .closed { color:var(--gold-600); font-style:italic; }
.map-frame { border-radius:4px; overflow:hidden; min-height:300px; }
.map-frame iframe { width:100%; height:420px; border:0; filter:sepia(15%) saturate(90%) brightness(95%); }

.form-grid { display:grid; grid-template-columns:1fr; gap:14px; max-width:600px; margin:24px auto 0; }
@media (min-width: 600px) { .form-grid { grid-template-columns:1fr 1fr; } }
.form-group      { display:flex; flex-direction:column; }
.form-group.full { grid-column:1/-1; }
.form-label {
  font-family:'Jost',sans-serif; font-size:10px; font-weight:500;
  letter-spacing:.06em; text-transform:uppercase;
  color:var(--night-200); margin-bottom:5px;
}
.form-submit { grid-column:1/-1; text-align:center; margin-top:8px; }
.form-section { padding:clamp(40px,6vw,60px) 0; }
.form-input,
.form-textarea {
  width:100%; font-family:'Jost',sans-serif; font-size:14px;
  font-weight:300; color:var(--night-400);
  background:var(--white); border:1px solid var(--gold-100);
  border-radius:2px; padding:12px 16px; transition:border-color .2s; outline:none;
}
.form-input:focus,
.form-textarea:focus { border-color:var(--gold-400); }
.form-textarea   { resize:vertical; min-height:120px; }
.form-submit     { text-align:center; margin-top:8px; }

.filter-bar {
  display:flex; gap:6px; justify-content:center;
  flex-wrap:wrap; padding:20px 0;
}
.filter-btn {
  font-family:'Jost',sans-serif; font-size:10px; font-weight:500;
  letter-spacing:.06em; text-transform:uppercase;
  color:var(--night-200); background:transparent;
  border:1px solid var(--gold-100); padding:6px 16px;
  border-radius:20px; cursor:pointer; transition:all .2s;
}
.filter-btn:hover  { border-color:var(--gold-400); color:var(--gold-600); }
.filter-btn.active { background:var(--gold-400); color:var(--night-900); border-color:var(--gold-400); }

.masonry { columns:1; column-gap:12px; padding:8px 0; }
@media (min-width: 600px)  { .masonry { columns:2; } }
@media (min-width: 1024px) { .masonry { columns:3; } }
.masonry-item {
  break-inside:avoid; margin-bottom:12px;
  position:relative; overflow:hidden; border-radius:4px; cursor:pointer;
}
.masonry-item img { width:100%; display:block; object-fit:cover; transition:transform .4s; }
.masonry-item:hover img { transform:scale(1.05); }
.masonry-item::after {
  content:''; position:absolute; inset:0;
  background:rgba(201,151,58,0); transition:background .3s;
}
.masonry-item:hover::after { background:rgba(201,151,58,.12); }