/*
Theme Name: Sonya Fine Dining
Theme URI: https://example.com/sonya
Author: Sonya
Description: Luxe fine dining – minimalistisch. Hamburger navigation, home logo fade, per-page bindings, no footer.
Version: 1.0.5
Text Domain: sonya
*/
body{margin:0}
.container{max-width:900px;margin:24px auto;padding:0 20px}

/* ---- Header + burger (vast, geen verspringen) ---- */
.site-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  height: 56px;
  display:flex;align-items:center;
  padding:0 16px;
  background:#fff;
}
body{ padding-top:56px; } /* compenseer vaste header */

.burger{
  width:34px;height:34px;display:inline-grid;place-items:center;
  border:0;background:transparent;cursor:pointer
}
.burger .bar{display:block;width:22px;height:2px;background:#000;margin:3px 0}

/* Drawer menu */
.nav-drawer{
  position:fixed; inset:0 0 0 auto; width:min(320px,85vw);
  transform:translateX(100%); transition:transform .25s ease;
  background:#fff; z-index:999; padding:20px; border-left:1px solid rgba(0,0,0,.08)
}
.nav-drawer.open{ transform:translateX(0) }
.nav-drawer .menu{ list-style:none; margin:0; padding:0 }
.nav-drawer .menu a{ display:block; padding:10px 0; color:#111; text-decoration:none }

/* ---- Home hero (logo + fade) ---- */
.home-hero{position:relative;min-height:80vh;display:grid;place-items:center;overflow:hidden}
.home-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.home-hero .overlay{position:absolute;inset:0}
.home-hero .logo{position:relative;z-index:1;max-width:300px;height:auto}
/* zachte rand-fade om het logo */
.home-hero .logo.fade-edges{
  -webkit-mask-image: radial-gradient(ellipse at center, #000 68%, rgba(0,0,0,0) 100%);
          mask-image: radial-gradient(ellipse at center, #000 68%, rgba(0,0,0,0) 100%);
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}

/* ---- Pagina banner ---- */
.page-hero{position:relative;min-height:42vh;display:grid;place-items:center;overflow:hidden;margin-bottom:14px}
.page-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.page-hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.25))}
.page-hero .inner{position:relative;z-index:1;color:#fff;text-align:center}

/* ---- Footer volledig weg ---- */
.site-footer, .sonya-footer-text{ display:none !important; }