/* Yazılıma özel ek stiller: harfli / resimli logo, form tuzak alanı, hata mesajı, catering bileşenleri (üst bilgi çubuğu, duyuru listesi, haftalık menü, menü içeriği, bugünün menüsü, referans şeridi) */
.logo--harf .logo-isaret{font-family:var(--f1);font-weight:800;font-size:1.2rem;letter-spacing:-.02em}
.logo--resim .logo-isaret{background:transparent;overflow:hidden;padding:0}
.logo--resim .logo-isaret img{width:100%;height:100%;object-fit:contain}
.bal{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.d-sonuc.hata{background:#fde8e8;color:#b42318}
.koyu .d-sonuc.hata{background:#3d1414;color:#fca5a5}
.ur-g h3 a:hover{color:var(--ana)}

/* Mobil alt hızlı erişim bandı: tüm temalarda (masaüstünde gizli) */
.sekme--hizli button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit;font-size:.66rem;font-weight:600;color:var(--soluk);background:none;border:0;padding:0;cursor:pointer}
.sekme--hizli button i{font-size:1.1rem}
.sekme--hizli .sekme-wa i{color:#25d366}
.sekme--hizli a:active,.sekme--hizli button:active{transform:scale(.94)}

/* Üst bilgi çubuğu: bugünün menüsü / duyuru, telefon, e-posta, çalışma saati */
.ub{background:var(--yazi);color:var(--zemin);font-size:.8rem}
.koyu .ub{background:var(--yuzey2);color:var(--yazi)}
.ub-ic{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:36px}
.ub-yil{display:inline-flex;gap:.45rem;align-items:center;opacity:.9;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ub-sag span{display:inline-flex;gap:.4rem;align-items:center;opacity:.85}
.ub-sag{display:flex;gap:1.2rem;align-items:center}
.ub a{display:inline-flex;gap:.4rem;align-items:center;opacity:.85}
.ub a:hover{opacity:1}
@media (max-width:1024px){.ub-sag span{display:none}}
@media (max-width:760px){.ub-sag a:not(:first-child){display:none}.ub-yil{display:none}.ub-ic{justify-content:center}}

/* Duyuru listesi: tarih kutusu + başlık satırları */
.dy-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi)}
.dy-liste li{border-bottom:1px solid var(--cizgi)}
.dy-liste a{display:grid;grid-template-columns:64px minmax(0,1fr) 18px;gap:1rem;align-items:center;padding:.9rem .2rem;transition:background .2s}
.dy-liste a:hover{background:var(--yuzey2)}
.dy-liste time{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:var(--ana);color:var(--anaYazi);padding:.45rem 0;line-height:1.1}
.dy-liste time b{font-family:var(--f1);font-size:1.35rem}
.dy-liste time small{font-size:.68rem;opacity:.85}
.dy-liste span b{display:block;font-size:1rem;line-height:1.35}
.dy-liste span small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--soluk);font-size:.86rem}
.dy-liste a>i{color:var(--soluk)}

/* Menü içeriği: "Bölüm | Yemekler" satırları (menü kartı) */
.mi{display:grid;gap:0;border-top:1px solid var(--cizgi)}
.mi-s{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:1.2rem;padding:.9rem .2rem;border-bottom:1px dashed var(--cizgi)}
.mi-s b{font-family:var(--f1);font-size:1.02rem;color:var(--ana)}
.koyu .mi-s b{color:var(--ana2)}
.mi-s span{color:var(--yazi);line-height:1.6}
@media (max-width:560px){.mi-s{grid-template-columns:1fr;gap:.2rem}}

/* Haftalık menü: gün kartları (izgara) ya da satırlar (tablo); bugün vurgulu */
.hm-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}
.hm-kart{display:flex;flex-direction:column;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r,14px);overflow:hidden}
.hm-kart header{position:relative;padding:.9rem 1rem .7rem;border-bottom:1px solid var(--cizgi)}
.hm-kart header b{display:block;font-family:var(--f1);font-size:1.1rem;line-height:1.2}
.hm-kart header small{color:var(--soluk);font-size:.78rem}
.hm-rozet{position:absolute;top:.8rem;right:.8rem;background:var(--anaYazi);color:var(--ana);font-size:.68rem;font-weight:700;padding:.2rem .55rem;border-radius:99px;letter-spacing:.02em}
.hm-kart ul{list-style:none;margin:0;padding:.7rem 1rem;flex:1;display:grid;gap:.45rem;align-content:start}
.hm-kart li{display:flex;justify-content:space-between;gap:.6rem;font-size:.9rem;line-height:1.35}
.hm-kart li small{color:var(--soluk);font-size:.72rem;white-space:nowrap}
.hm-kart footer{padding:.6rem 1rem;background:var(--yuzey2);font-size:.76rem;color:var(--soluk)}
.hm--bugun.hm-kart{border-color:var(--ana);box-shadow:0 0 0 2px var(--ana) inset}
.hm--bugun.hm-kart header{background:var(--ana);color:var(--anaYazi)}
.hm--bugun.hm-kart header small{color:inherit;opacity:.8}
.hm-tablo{display:grid;border-top:1px solid var(--cizgi)}
.hm-satir{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.85rem .4rem;border-bottom:1px solid var(--cizgi)}
.hm-satir.hm--bugun{background:var(--yuzey2)}
.hm-gun b{display:block;font-family:var(--f1)}
.hm-gun small{color:var(--soluk);font-size:.76rem}
.hm-yemekler{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.92rem}
.hm-yemekler span+span::before{content:"·";margin-right:.9rem;color:var(--soluk)}
.hm-kcal{font-size:.78rem;color:var(--soluk);white-space:nowrap}
@media (max-width:640px){.hm-satir{grid-template-columns:1fr;gap:.35rem}}

/* Bugünün menüsü kutusu */
.bm{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r,14px);padding:1.1rem 1.2rem}
.bm-bas{display:flex;gap:.8rem;align-items:center;margin-bottom:.7rem}
.bm-bas>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--ana);color:var(--anaYazi);font-size:1.05rem;flex:none}
.bm-bas small{display:block;color:var(--soluk);font-size:.76rem}
.bm-bas b{font-family:var(--f1)}
.bm ul{list-style:none;margin:0 0 .8rem;padding:0;display:grid;gap:.3rem}
.bm li{padding-left:1rem;position:relative;font-size:.93rem}
.bm li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--ana2)}
.bm>a{display:inline-flex;gap:.4rem;align-items:center;font-weight:600;font-size:.88rem;color:var(--ana)}
.koyu .bm>a{color:var(--ana2)}

/* Referans şeridi: firma / kurum adları */
.rf{display:block;min-height:0;padding:0;border:0;border-radius:0;background:none;text-align:left;gap:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rf-liste{list-style:none;margin:0;padding:.4rem 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1.6rem}
.rf-liste li{display:inline-flex;gap:.5rem;align-items:center;font-family:var(--f1);font-weight:600;font-size:1rem;color:var(--soluk);white-space:nowrap}
.rf-liste li i{color:var(--ana2);font-size:.85rem}
.rf:hover{border-color:transparent}.rf--sayfa{-webkit-mask-image:none;mask-image:none}
.rf--sayfa .rf-liste{justify-content:flex-start}

/* Teklif kutusu (ana renk zemin): vurgulu kelime zemin rengiyle kaybolmasın */
body .tk-kutu h2 em{color:inherit}

/* Teklif hesaplayıcı: kişi sayısı / iş günü alanları seçim kutularıyla aynı görünümde */
.nh input[type=number]{width:100%;min-height:46px;padding:0 .8rem;border-radius:var(--rb,12px);border:1.5px solid var(--cizgi);background:var(--zemin);color:var(--yazi);font:inherit}
.nh input[type=number]:focus,.nh select:focus{outline:none;border-color:var(--ana)}
.koyu .nh input,.koyu .nh select{color-scheme:dark}
.nh label[hidden]{display:none}
/* Hakan Yemekçilik: manşetteki logo (koyu yeşil + altın kubbe) yazısız ve büyük; afiş kırpıntıları detayda tamamı görünür; içerikteki video / harita */
.k-tabldot .logo--resim .logo-isaret{display:block;width:auto;height:auto;border-radius:0;overflow:visible;background:none}
.k-tabldot .logo--resim .logo-isaret img{display:block;width:auto;height:46px;object-fit:contain}
.k-tabldot .logo--resim .logo-yazi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.k-tabldot .tb-manset .tb-logo.logo--resim .logo-isaret{width:auto;height:auto}
.k-tabldot .tb-manset .tb-logo.logo--resim .logo-isaret img{height:96px}
.k-tabldot .ab .logo--resim .logo-isaret img{height:72px}
.ud-buyuk img{object-fit:contain;background:var(--yuzey2)}
.icerik-metin iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;margin:1.2rem 0}
.icerik-metin img{max-width:100%;height:auto}
@media (max-width:760px){.k-tabldot .tb-manset .tb-logo.logo--resim .logo-isaret img{height:70px}}
/* Açılır menü: her öğe tek satır; kutu en uzun öğe kadar genişler */
.k-tabldot .tb-nv .nv-a{white-space:nowrap}
.k-tabldot .tb-nv .nv-l2{width:max-content;max-width:calc(100vw - 32px)}
.k-tabldot .tb-nv .nv-l2 a{font-size:.96rem}
.k-tabldot .tb-nv .nv-l2 a span{white-space:nowrap}

/* İletişim kanalları: başlık ve numara alt alta */
.il-kanallar a>span{display:flex;flex-direction:column;line-height:1.3}

/* İç sayfa başlığı: sağ üstte gazete damgası gibi çift çerçeveli sayfa ikonu */
.k-tabldot .tb-sb-ic--ikon .tb-kicker{grid-column:1;grid-row:1;align-self:end}
.k-tabldot .tb-sb-ic--ikon h1{grid-column:1;grid-row:2}
.k-tabldot .tb-sb-ic--ikon p{grid-column:2;grid-row:2}
.tb-sb-ikon{grid-column:2;grid-row:1;justify-self:end;align-self:start;width:96px;height:96px;display:grid;place-items:center;margin-bottom:1.2rem;border:1px solid var(--yazi);outline:1px solid var(--yazi);outline-offset:-7px;background:var(--yuzey);pointer-events:none}
.tb-sb-ikon i{font-size:2.4rem;color:var(--ana)}
@media (max-width:900px){.k-tabldot .tb-sb-ic--ikon{position:relative}.k-tabldot .tb-sb-ic--ikon h1,.k-tabldot .tb-sb-ic--ikon p{grid-column:1;grid-row:auto}.k-tabldot .tb-sb-ic--ikon h1{padding-right:76px}.tb-sb-ikon{position:absolute;top:0;right:0;width:64px;height:64px;margin:0;outline-offset:-5px}.tb-sb-ikon i{font-size:1.6rem}}
/* Ana sayfa hizmet satırları: sağda hizmet ikonu */
.tb-hz-s--ikon{justify-content:center;width:54px;height:54px}
.tb-hz-s--ikon i{font-size:1.3rem;color:var(--ana)}
.tb-hz a:hover .tb-hz-s--ikon{border-color:var(--ana)}

/* Belgeler: büyütülebilir küçük resim ızgarası */
.belge-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin:1.6rem 0}
.belge-izgara a{display:flex;flex-direction:column;gap:.5rem;padding:6px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);text-decoration:none;font-size:.82rem;line-height:1.35;transition:border-color .2s}
.belge-izgara a:hover{border-color:var(--ana)}
.belge-izgara img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:var(--yuzey2)}
/* Aylık yemek menüsü tablosu */
.aylik-menu{overflow-x:auto;margin:1.4rem 0;border-top:3px double var(--yazi);border-bottom:3px double var(--yazi)}
.aylik-menu table{width:100%;min-width:560px;border-collapse:collapse;font-size:.93rem}
.aylik-menu th{padding:.6rem .7rem;text-align:left;font-family:var(--tb-mono,monospace);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ana);border-bottom:1px solid var(--yazi)}
.aylik-menu td{padding:.55rem .7rem;border-bottom:1px solid var(--cizgi);vertical-align:top}
.aylik-menu td:first-child{width:3rem;font-family:var(--tb-mono,monospace)}
.aylik-menu td:last-child{white-space:nowrap;font-family:var(--tb-mono,monospace);font-size:.82rem;color:var(--soluk);text-align:right}
.aylik-menu tr:nth-child(7n) td{border-bottom:1px solid var(--yazi)}
.aylik-menu tbody tr:hover{background:var(--yuzey2)}

/* Teklif formu güvenlik kodu */
.fk-guvenlik{display:grid;gap:.8rem}
.fk-guvenlik>label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600}
.gk{display:flex;align-items:center;gap:.5rem}
.gk img{width:150px;height:48px;border-radius:12px;border:1.5px solid var(--cizgi);background:var(--zemin);flex:none;object-fit:cover}
.gk-yenile{width:48px;height:48px;border-radius:12px;border:1.5px solid var(--cizgi);background:var(--yuzey);color:var(--ana);cursor:pointer;flex:none;display:grid;place-items:center}
.gk-yenile:hover{border-color:var(--ana)}
.fk .gk input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.25em;font-weight:700}
@media (max-width:400px){.gk img{width:118px;height:42px}}
/* PageSpeed: ilk ekran (kahraman) bölümü animasyonsuz görünür; LCP gecikmesin */
#icerik > section:first-child [data-gor],.po-k [data-gor],.sf-k [data-gor],.tb-on [data-gor],.ei-k [data-gor]{opacity:1;transform:none;transition:none}

/* ic-baslik: iç sayfa başlığı tek satır; iletişim kartlarında etiket üstte, değer altta; mobil menünün altındaki boşlukta soluk logo (referans: sivasbirlikmermer.com) */
.sb .sb-ic h1{font-size:clamp(1.75rem,3.2vw,2.7rem);max-width:none;text-wrap:balance}
.il-kanallar a>span,.il-kanallar li>span>span{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.il-kanallar b{overflow-wrap:anywhere}
.ck-filigran{position:absolute;left:50%;bottom:clamp(14px,5vh,46px);translate:-50% 0;width:min(56%,210px);opacity:.1;pointer-events:none;z-index:0}
.ck-filigran img{display:block;width:100%;height:auto;border-radius:22%}
.ck-liste{position:relative;z-index:1}
@media (max-height:720px){.ck-filigran{width:min(38%,140px)}}
@media (max-height:600px){.ck-filigran{display:none}}