/* ============================================================
   Dine Savvy — WordPress-specific overrides
   Adapts the design system to WordPress markup (menus, admin bar,
   core classes). Loaded after styles.css.
   ============================================================ */

/* ---- Primary nav (wp_nav_menu + default menu share this markup) ---- */
.nav-links ul.nav-menu{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.nav-links .nav-menu li{margin:0}
.nav-links .nav-menu a{font-size:.92rem;color:var(--silver);letter-spacing:.01em;transition:color .2s;position:relative;display:inline-block}
.nav-links .nav-menu a:hover{color:var(--white)}
.nav-links .nav-menu .current-menu-item>a,
.nav-links .nav-menu .current_page_item>a,
.nav-links .nav-menu .current-menu-ancestor>a,
.nav-links .nav-menu .ds-active>a{color:var(--white)}
.nav-links .nav-menu .current-menu-item>a::after,
.nav-links .nav-menu .current_page_item>a::after,
.nav-links .nav-menu .ds-active>a::after{
  content:"";position:absolute;left:0;right:0;bottom:-26px;height:2px;background:var(--red)}

/* ---- Admin bar offset for the sticky nav ---- */
body.admin-bar .nav{top:32px}
@media(max-width:782px){body.admin-bar .nav{top:46px}}

/* ---- Mobile menu (ul markup) ---- */
@media(max-width:720px){
  .nav-links{display:none}
  .nav-links.open{display:block;position:absolute;top:74px;left:0;right:0;
    background:var(--black);border-bottom:1px solid var(--hairline-soft);padding:6px 0}
  .nav-links.open .nav-menu{flex-direction:column;gap:0;width:100%;align-items:stretch}
  .nav-links.open .nav-menu a{display:block;padding:14px var(--gutter);width:100%}
  .nav-links.open .nav-menu .current-menu-item>a::after,
  .nav-links.open .nav-menu .ds-active>a::after{display:none}
}

/* ---- WordPress core helpers ---- */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;
  margin:-1px;overflow:hidden;padding:0;position:absolute;word-wrap:normal!important}
.skip-link{position:absolute;left:-9999px;z-index:100000;background:var(--white);color:var(--black);
  padding:10px 16px;border-radius:var(--radius)}
.skip-link:focus{left:16px;top:12px}
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.alignfull{max-width:100%}
.aligncenter{margin-left:auto;margin-right:auto;text-align:center}

/* ---- Generic page (page.php) content ---- */
.page-body{padding:clamp(48px,8vw,100px) 0}
.page-body .entry-content{max-width:760px}
.page-body .entry-content h2{margin:1.4em 0 .5em}
.page-body .entry-content h3{margin:1.2em 0 .4em}
.page-body .entry-content p,
.page-body .entry-content li{color:var(--silver);margin-bottom:1em}
.page-body .entry-content a{color:var(--champagne);text-decoration:underline}
.page-body .entry-content img{border-radius:var(--radius);margin:1.5em 0}

/* ---- Admin notice for ACF recommendation ---- */
.ds-acf-notice p{margin:.6em 0}