@font-face{font-family:Changa;src:url(/fonts/Changa-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
/* Kurdistan: the stepped village of Hawraman climbing the mountain, ribbons of bunting waving and a Newroz fire; diamonds of kilim colour across the page */
:root{--bg:#FBF5EA;--page:#2E3A28;--surface:#F1E6D2;--card:#FFFFFF;--text:#222;--muted:#6E6352;--line:rgba(0,0,0,.1);--title:Changa,Vazirmatn;--chip-bg:rgba(0,0,0,.05);--nav-bg:#FBF5EAF0;--price:#D62828;--sheet:#FFFFFF;--edge:#D62828}
html{background:#2E3A28}
.t-kord{background:#FBF5EA}

/* the hero: the region's scene along the bottom, the name in its colours */
.t-kord .hero:not(.has-cover):not(.has-video){background:linear-gradient(#9FD0F0,#DCEFF7 60%,#E9E3CC);padding-bottom:0}
.t-kord .hero.has-cover{padding-bottom:0}
.t-kord .hero .deco{display:none!important}
.t-kord .hero::after{content:'';position:relative;z-index:0;display:block;height:clamp(150px,46vw,210px);margin:12px -20px 0;background:url(/img/themes/aghvam-kord.svg) center bottom/100% 100% no-repeat}
.t-kord .hero-in{z-index:1}
.t-kord .hero h1{font-family:Changa,Vazirmatn;font-weight:600;font-size:clamp(40px,12vw,60px);line-height:1.5;word-spacing:.12em;background:linear-gradient(90deg,#D62828,#F7B32B,#2A9D8F,#7B2CBF,#D62828) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(255,255,255,.8)) drop-shadow(0 4px 10px rgba(0,0,0,.18));animation:kordHue 10s linear infinite}
@keyframes kordHue{to{background-position:-300% 0}}
.t-kord .hero .tag{color:#222}
.t-kord .logo{border:3px solid var(--edge);box-shadow:0 0 0 4px #FFFFFF,0 8px 20px rgba(0,0,0,.25)}
.t-kord .chip{border:1px solid color-mix(in srgb,var(--edge) 45%,transparent);background:rgba(255,255,255,.7);color:#222}

/* navigation */
.t-kord .cats{border-bottom:1px solid var(--line)}
.t-kord .cats a{border:1px solid color-mix(in srgb,var(--edge) 40%,transparent);border-radius:999px;background:transparent;font-family:Changa,Vazirmatn;font-weight:600}
.t-kord .cats a.on{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 6px 14px -6px var(--accent)}
.t-kord .search{border-radius:999px;border:1px solid color-mix(in srgb,var(--edge) 35%,transparent);background:#fff}

/* category titles with the region's motif underneath */
.t-kord .cat h2{font-family:Changa,Vazirmatn;font-weight:600;font-size:29px;word-spacing:.12em;color:var(--accent);position:relative;padding-bottom:16px}
.t-kord .cat h2::after{content:'';position:absolute;inset-inline-start:0;bottom:0;width:160px;height:12px;height:10px;background:repeating-linear-gradient(-45deg,var(--edge) 0 3px,transparent 3px 7px),repeating-linear-gradient(45deg,var(--accent) 0 3px,transparent 3px 7px);border-block:2px solid var(--accent);-webkit-mask:linear-gradient(-90deg,#000 50%,transparent);mask:linear-gradient(-90deg,#000 50%,transparent)}
[dir=ltr] .t-kord .cat h2::after{-webkit-mask:linear-gradient(90deg,#000 50%,transparent);mask:linear-gradient(90deg,#000 50%,transparent)}

/* dishes */
.t-kord .item{background:var(--card);border:1px solid var(--line);box-shadow:inset 0 3px 0 var(--edge),0 12px 24px -16px rgba(0,0,0,.35)}
.t-kord.l-list .item,.t-kord.l-zigzag .item,.t-kord.l-center .item{border-radius:var(--r,16px);margin-bottom:10px;padding:14px}
.t-kord .item h3{font-family:Changa,Vazirmatn;font-weight:600;font-size:19px}
.t-kord .price{color:var(--price);font-weight:800}
.t-kord .bdg{background:var(--accent);color:#fff}
.t-kord .sp{border:1px solid var(--line);background:var(--card)}
.t-kord .sheet-body h3{font-family:Changa,Vazirmatn}

/* the region's motif drifting behind the menu */
.t-kord::before{content:'';position:fixed;z-index:-1;pointer-events:none;top:0;bottom:0;left:max(0px,calc(50% - 320px));right:max(0px,calc(50% - 320px));background:url(/img/themes/pat-kord.svg) 0 0/200px 200px;opacity:0.22;animation:kordDrift 40s linear infinite}
@keyframes kordDrift{to{background-position:200px 200px}}
@media (prefers-reduced-motion:reduce){.t-kord::before,.t-kord .hero h1{animation:none}}
/* the name of the land under the café's name, between two kilim diamonds */
.t-kord .hero h1::after{content:'◆ کوردستان ◆';display:block;font:600 15px/1.6 Changa,Vazirmatn;letter-spacing:.25em;word-spacing:.3em;color:#7A3A1A;-webkit-text-fill-color:#7A3A1A;margin-top:2px}
/* halparke: a line of dancers in Kurdish dress, little fingers linked, stepping across the middle of the menu behind the dishes, the lead waving the handkerchief */
.t-kord main::after{content:'';position:fixed;z-index:-1;pointer-events:none;top:58%;left:0;width:290px;height:100px;background:url(/img/themes/bg-halparke.svg) center/contain no-repeat;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));animation:kdDance 30s linear infinite}
@keyframes kdDance{from{transform:translateX(-300px)}to{transform:translateX(calc(100vw + 20px))}}
@media (prefers-reduced-motion:reduce){.t-kord main::after{display:none}}
/* Kurdistan down the menu, in turn between the sections: Lake Zarivar at Marivan, the Khosrowabad mansion in Sanandaj, the daf;
   and Newroz night on Abidar closing the menu */
.t-kord .hero .tag::before{content:'سنه · هورامان · مریوان — ';color:#7A3A1A;font-weight:700}
.t-kord .cat:nth-child(3n+2 of .cat)::before,.t-kord .cat:nth-child(3n of .cat)::before,.t-kord .cat:nth-child(3n+4 of .cat)::before{content:'';display:block;height:clamp(110px,34vw,140px);margin:0 0 16px;border-radius:16px;background:url(/img/themes/kord-zarivar.svg) center bottom/cover no-repeat;box-shadow:inset 0 0 0 3px #fff,inset 0 -5px 0 3px #D62828,0 12px 24px -16px rgba(0,0,0,.5)}
.t-kord .cat:nth-child(3n of .cat)::before{background-image:url(/img/themes/kord-khosrowabad.svg)}
.t-kord .cat:nth-child(3n+4 of .cat)::before{background-image:url(/img/themes/kord-daf.svg)}
.t-kord .foot::before{content:'';display:block;height:clamp(140px,44vw,180px);margin:0 0 18px;border-radius:16px;background:url(/img/themes/kord-abidar.svg) center bottom/cover no-repeat;box-shadow:0 12px 24px -16px rgba(0,0,0,.5)}
