/*
Theme Name: Nour Thai Kitchen
Theme URI: https://www.nourthai.com
Author: Nour Thai Kitchen
Author URI: https://www.nourthai.com
Description: Custom single-page theme for Nour Thai Kitchen & Bar, Oakland Park FL. "Midnight Luxe" dark design with gold accents, built for WCAG 2.2 AA contrast. Key links, phone and socials are editable under Appearance → Customize → "Nour — Links & Contact".
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nour-thai
*/

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:#0b0e16; }
a{ text-decoration:none; }
a:focus-visible{ outline:2px solid #e8c879; outline-offset:3px; border-radius:2px; }
img{ max-width:100%; }

/* Header logo size cap — applies to the WordPress Site-Identity logo too */
.nt-nav .custom-logo,
.nt-nav img.custom-logo,
.nt-nav .custom-logo-link img{ height:48px; width:auto; display:block; }

/* Accessibility page: force AA-compliant gold links (default WP blue fails
   contrast on the dark background). Covers typed + auto-generated content. */
.nt-prose a{ color:#e8c879 !important; text-decoration:underline; text-underline-offset:2px; }
.nt-prose a:hover,
.nt-prose a:focus-visible{ color:#f3d999 !important; }

/* ---- Responsive ---- */
@media (max-width: 880px){
  .nt-grid-2, .nt-grid-3{ grid-template-columns:1fr !important; }
  .nt-hero{ height:auto !important; min-height:600px; }
  .nt-hero-h1{ font-size:54px !important; }
  .nt-pad{ padding-left:26px !important; padding-right:26px !important; }
  .nt-nav{ padding-left:22px !important; padding-right:22px !important; }
  .nt-nav-links{ gap:18px !important; font-size:13px !important; }
  .nt-visit-map{ min-height:300px !important; }
  .nt-story-photo{ aspect-ratio:3/2 !important; }
  .nt-section-pad{ padding-top:64px !important; padding-bottom:64px !important; }
}
@media (max-width: 560px){
  .nt-nav-links a.nt-textlink{ display:none; }
  .nt-hero-h1{ font-size:42px !important; }
  .nt-h2{ font-size:34px !important; }
  .nt-footer{ flex-direction:column; align-items:flex-start !important; gap:18px !important; }
}