/* ===========================
TABLET UYUM PAKETİ (744–1366px)
=========================== */
@media screen and (min-width: 744px) and (max-width: 1366px){
:root{
--tab-gap: 12px; /* aralıklar */
--tab-logo-w: 180px; /* LOGO genişliği (genel tablet) */
--tab-logo-h: 42px; /* LOGO yüksekliği (genel tablet) */
--tab-icon: 22px; /* hesap/sepet svg ikon boyutu */
--tab-nav-fz: 14px; /* üst menü yazı boyutu */
--topbar-h: 32px; /* varsa üst gri şerit yüksekliği */
}
/* Sticky + clip güvenliği */
.header-wrap, .site-wrap{ overflow: visible !important; transform: none !important; }
.site-header{
position: sticky; top: var(--topbar-h); z-index: 1000;
overflow: visible;
}
.site-header::before, .site-header::after{ pointer-events: none; z-index: 0; }
/* #logo bloğunu 3 kolona ayır: sol logo | ortada menü | sağ logo/aksiyon */
#logo{
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: var(--tab-gap);
min-width: 0; /* ortadaki alan sıkışabilsin */
}
/* SOL LOGO: #logo > a.logo > img */
#logo > a.logo{
display: inline-block;
width: var(--tab-logo-w);
height: var(--tab-logo-h);
line-height: 0;
}
#logo > a.logo img{
display: block;
width: 100%; height: 100%;
object-fit: contain; object-position: center;
}
/* ORTA: NAV (header-htmlmenu) — taşma yerine yatay kaydırma */
#logo > .header-htmlmenu{ min-width: 0; overflow: hidden; }
#logo > .header-htmlmenu .ticiContainer{
display: flex; align-items: center; gap: var(--tab-gap);
min-width: 0; overflow: hidden;
}
.header-htmlmenu .weddinglinks{ flex: 0 0 auto; }
.header-htmlmenu .textmenu{
display: flex; gap: 14px;
font-size: var(--tab-nav-fz);
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
padding-bottom: 2px; /* kaydırıcı için nefes */
}
/* Tablet dokunmatik olduğundan hover mega-menüyü kapat (JS yoksa güvenli) */
.header-htmlmenu .textmenu > li{ position: static; }
.header-htmlmenu .textmenu > li > ul{ display: none; }
/* SAĞ BLOK: #logo-right ve/veya .header-actions */
#logo-right img{ max-height: 28px; width: auto; display:block; }
.header-actions{
display: inline-flex; align-items: center;
gap: 10px; min-width: max-content; white-space: nowrap;
}
.header-actions svg{ width: var(--tab-icon); height: var(--tab-icon); }
}
/* ---------- Cihaz-özeline ince ayar override’ları ---------- */
/* iPad Pro 12.9” (1024 × 1366) – Portre */
@media screen and (width: 1024px) and (orientation: portrait){
:root{ --tab-logo-w: 200px; --tab-logo-h: 46px; --tab-nav-fz: 13.5px; }
#logo-right{ display: none; } /* menüye daha çok alan */
}
/* iPad Pro 12.9” – Yatay (1366 × 1024) */
@media screen and (width: 1366px) and (orientation: landscape){
:root{ --tab-logo-w: 210px; --tab-logo-h: 48px; --tab-nav-fz: 14px; }
.header-htmlmenu .textmenu{ gap: 16px; } /* geniş ekranda rahat boşluk */
}
/* iPad Pro 11” (834 × 1194) – Portre */
@media screen and (width: 834px) and (orientation: portrait){
:root{ --tab-logo-w: 180px; --tab-logo-h: 42px; --tab-nav-fz: 13px; }
#logo-right{ display: none; }
}
/* iPad Air 10.9” (820 × 1180) – Portre */
@media screen and (width: 820px) and (orientation: portrait){
:root{ --tab-logo-w: 180px; --tab-logo-h: 42px; --tab-nav-fz: 13px; }
#logo-right{ display: none; }
}
/* iPad 9.7” / Klasik iPad & Mini (768 × 1024) – Portre */
@media screen and (width: 768px) and (orientation: portrait){
:root{ --tab-logo-w: 170px; --tab-logo-h: 38px; --tab-nav-fz: 12.5px; }
#logo-right{ display: none; }
/* Menü kalabalıksa ikonlu kısa linkleri de kapatabilirsin: */
/* .header-htmlmenu .weddinglinks{ display:none; } */
}
/* iPad Air / Pro / Mini YATAY ortak ayar (1024–1366 genişlik) */
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape){
.header-htmlmenu .textmenu{ gap: 16px; }
#logo-right img{ max-height: 32px; }
}