/* Matbakh Al Youm public foundation v2 — responsive, accessible, and low-risk additive layer */
:root{
  color-scheme: light;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html{scroll-behavior:smooth;background:#fffaf1}
body{min-width:320px;overflow-x:hidden}
main{display:block}
img,video,canvas,svg{max-width:100%;height:auto}
img{content-visibility:auto}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
button, .btnx, .final-btn, .order-button, .choice-btn, .header-cta, .float-wa, .floating-whatsapp{
  min-height:44px;
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #ef9f3a!important;
  outline-offset:3px!important;
}
::selection{background:#ef9f3a;color:#042f2c}
.skip-link{
  position:fixed;inset:auto auto auto 16px;top:-100px;z-index:9999;
  background:#fff7e8;color:#042f2c;border:2px solid #ef9f3a;border-radius:14px;
  padding:10px 14px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.skip-link:focus{top:16px}
.site-header{
  position:sticky;top:0;z-index:100;isolation:isolate;
  backdrop-filter:blur(14px);
}
.site-header nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}
.site-header nav a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding-inline:10px}
.brand img{object-fit:cover}
.footer small{display:block;margin-top:8px;line-height:1.7;opacity:.84}
[data-tv-mode="true"] body,.tv-mode{font-size:clamp(18px,1.35vw,28px)}
[data-tv-mode="true"] .site-header{padding-block:14px}
[data-tv-mode="true"] .site-header nav a,[data-tv-mode="true"] .header-cta{min-height:60px;padding-inline:20px}
@media (min-width:1600px){
  .wrap,.sectionx,.contact-rail,.final-cta-strip{width:min(1440px,calc(100% - 80px))}
  .final-shell{width:min(1440px,calc(100% - 80px))}
  .site-header{padding-inline:clamp(24px,5vw,90px)}
  .customer-hero{width:min(1440px,calc(100% - 80px));min-height:72vh}
  .menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dish-card img{height:280px}
}
@media (max-width:900px){
  .site-header{gap:10px;padding:10px 14px}
  .site-header nav{width:100%;order:3;justify-content:space-between}
  .site-header nav a{flex:1 1 auto;font-size:14px;padding-inline:6px}
  .header-cta{margin-inline-start:auto}
  .brand{max-width:calc(100% - 110px)}
  .brand small{display:none}
}
@media (max-width:560px){
  .site-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px}
  .site-header nav a{min-height:44px;padding:7px 4px;text-align:center}
  .brand b{font-size:15px}
  .header-cta{font-size:14px;padding-inline:12px}
  .float-wa{bottom:max(14px,env(safe-area-inset-bottom));left:14px}
  .floating-whatsapp{bottom:max(14px,env(safe-area-inset-bottom));left:14px}
  .admin-entry-btn{bottom:max(82px,calc(env(safe-area-inset-bottom) + 68px))}
}
@media (hover:hover){
  a,button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
}
@media (pointer:coarse){
  .choice-btn{min-height:52px}
  .qty-control button{min-width:44px;min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  video[autoplay]{display:none}
  .customer-hero{background-image:linear-gradient(135deg,#073b38,#042f2c)}
}
@media (prefers-contrast:more){
  .dish-card,.contact-icon-card,.sectionx,.step-box{border-width:2px}
  .btnx,.final-btn,.order-button{box-shadow:none}
}
@supports (padding:max(0px)){
  .site-header{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
}