/*
 * Telefon/tablet header'i ve menusu ("Hermest Mobil CTA + WhatsApp" tasarim
 * tuvali: "Menu kapali - Top bar" ve "Mobil menu - Minimal", 19 Ekim 2026).
 *
 * Yalnizca hamburger'in gorundugu genislikte (1024px alti; tablet-nav.css ayni
 * esigi kullaniyor). Masaustu header'ina dokunulmuyor.
 *
 * Icerik degismedi, yalnizca gorunum: menu ogeleri WordPress menusunden
 * (dil basina), telefon/e-posta Hermest Panel > Contact'tan, CTA Header
 * ayarlarindan, sosyal ikonlar Contact > Social Links'ten geliyor.
 *
 * Menu kurallari #hermest-primary-menu ile yaziliyor: app.css ve
 * tablet-nav.css'teki cekmece kurallari (yapiskan header'da
 * .hermest-site-header--sticky-enabled.is-stuck ... gibi uc sinifli
 * secicilerle) bu dosyadan once yukleniyor ve ancak kimlikle eziliyor.
 */

.hermest-drawer__actions,
.hermest-drawer__langs,
.hermest-site-header__toggle-label,
.hermest-site-header__toggle-icon,
.hermest-drawer__foot-label {
	display: none;
}

@media (max-width: 1023.98px) {

	/* --- Ust serit: sosyal ikonlar + dil ---------------------------------- */

	/*
	 * 44px'lik serit: 32px ikon + 2x6px. min-height KULLANILMIYOR: header
	 * yapisinca serit grid-template-rows:0fr ile kapaniyor ("hide topbar on
	 * sticky", Header ayari) ve min-height onu acik tutuyordu -- kaydirinca
	 * serit yapiskan header'la birlikte ekranda kaliyordu (19 Ekim 2026).
	 * Yapiskan haldeki padding-block:0 kurali daha ozgul, bunu eziyor.
	 */
	.hermest-topbar__inner {
		padding-block: 6px;
	}

	.hermest-topbar__social {
		gap: 8px;
	}

	.hermest-topbar .hermest-topbar__social-link {
		width: 32px;
		height: 32px;
		background: rgb(255 255 255 / 12%);
		box-shadow: inset 0 0 0 1px rgb(255 255 255 / 18%);
		color: var(--hermest-header-topbar-text, #fff);
	}

	.hermest-topbar .hermest-topbar__social-link svg {
		width: 15px;
		height: 15px;
	}

	.hermest-topbar .hermest-topbar__lang-trigger {
		min-height: 32px;
		gap: 7px;
		padding: 0 10px;
		border: 1px solid rgb(255 255 255 / 28%);
		font-family: 'Source Serif 4', Georgia, serif;
		font-size: 14px;
		font-weight: 500;
	}

	.hermest-topbar .hermest-topbar__lang-trigger .hermest-flag {
		width: 18px;
		height: 12px;
		border-radius: 2px;
		object-fit: cover;
	}

	/* --- Logo + "Menu" dugmesi ------------------------------------------- */

	.hermest-site-header__inner {
		padding-block: 12px;
	}

	.hermest-site-header__logo .hermest-site-header__logo-img {
		height: 38px;
		width: auto;
	}

	.hermest-site-header .hermest-site-header__toggle {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		height: 44px;
		/* Zemin yok (19 Ekim 2026): sag kenar logo/icerik hizasina yakin. */
		padding: 0 2px 0 12px;
		border: 0;
		border-radius: 100px;
		background: transparent;
		color: #2c4759;
		font-family: 'Source Serif 4', Georgia, serif;
		font-size: 15px;
		font-weight: 500;
		line-height: 1;
	}

	.hermest-site-header .hermest-site-header__toggle:hover,
	.hermest-site-header .hermest-site-header__toggle:active {
		background: transparent;
		color: #0e2a30;
	}

	.hermest-site-header__toggle-label,
	.hermest-site-header__toggle-icon {
		display: inline-block;
	}

	/* --- Tam ekran menu --------------------------------------------------- */

	#hermest-primary-menu {
		/* Alt serit (9990) ve kartlarinin ustunde. */
		z-index: 10020;
		inset: 0;
		width: 100%;
		max-width: none;
		height: 100vh;
		height: 100dvh;
		padding: 0;
		background: #FFFFFF;
		color: #0e2a30;
		font-family: 'Source Serif 4', Georgia, serif;
		font-weight: 500;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: none;
		/* tablet-nav.css'teki kopya cekmece ogeleri ortaliyordu. */
		display: flex;
		flex-direction: column;
		align-items: stretch;
		/* Tablette satirlar ekran boyu uzamasin: icerik 600px'lik sutunda. */
		--hermest-menu-gutter: max(24px, calc((100% - 600px) / 2));
	}

	#hermest-primary-menu > * {
		width: auto;
		align-self: stretch;
	}

	#hermest-primary-menu::-webkit-scrollbar {
		display: none;
	}

	#hermest-primary-menu .hermest-drawer__head {
		position: sticky;
		top: 0;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0;
		padding: clamp(10px, 1.8vh, 18px) var(--hermest-menu-gutter);
		background: #FFFFFF;
	}

	/* app.css cekmecedeki her baglantiya 12px dikey bosluk veriyor; logo ve
	   iletisim satirlari kendi yuksekligini tasiyor. */
	#hermest-primary-menu .hermest-drawer__logo {
		display: flex;
		padding: 0;
	}

	#hermest-primary-menu .hermest-drawer__logo img {
		display: block;
		width: auto;
		height: clamp(32px, 5vh, 42px);
	}

	#hermest-primary-menu .hermest-drawer__close {
		width: 44px;
		height: 44px;
		margin: 0 -10px 0 0;
		padding: 0;
		color: #0e2a30;
	}

	#hermest-primary-menu .hermest-drawer__close svg {
		width: 22px;
		height: 22px;
		stroke-width: 1.6;
	}

	/* Ogeler */
	/*
	 * Menu kaydirma gerektirmeden ekrana sigsin: satir yuksekligi ve yazi
	 * ekran yuksekligiyle olcekleniyor. 664px'lik bir telefonda (iPhone 13,
	 * Safari cubuklari acik) 8 oge + iletisim + dugmeler tek ekran; uzun
	 * ekranda tasarimdaki 56px / 23px'e kadar buyuyor.
	 */
	#hermest-primary-menu > ul {
		padding: clamp(0px, 1vh, 12px) var(--hermest-menu-gutter) clamp(4px, 1vh, 12px);
	}

	#hermest-primary-menu > ul > li {
		border-top: 0;
		border-bottom: 1px solid #dedad2;
	}

	#hermest-primary-menu > ul > li > a {
		display: flex;
		align-items: center;
		min-height: clamp(42px, 6.4vh, 56px);
		padding: 0;
		color: #0e2a30;
		font-family: 'Source Serif 4', Georgia, serif;
		font-size: clamp(19px, 2.9vh, 23px);
		font-weight: 500;
		line-height: 1.2;
		opacity: 1;
	}

	#hermest-primary-menu > ul > li.current-menu-item > a {
		color: #1b6678;
	}

	#hermest-primary-menu .hermest-site-header__submenu-toggle {
		width: 44px;
		height: 44px;
		margin-right: -12px;
		padding: 0;
		border-radius: 100px;
		color: #2c4759;
	}

	#hermest-primary-menu .hermest-site-header__submenu-toggle svg {
		width: 18px;
		height: 18px;
		stroke-width: 2.2;
	}

	/* Alt menu */
	#hermest-primary-menu .sub-menu {
		margin: 0;
		padding: 0 0 14px;
	}

	#hermest-primary-menu .sub-menu a {
		display: flex;
		align-items: center;
		min-height: 40px;
		padding: 0;
		color: #4a5a5d;
		font-family: 'Source Serif 4', Georgia, serif;
		font-size: 16px;
		font-weight: 500;
		background: none;
	}

	#hermest-primary-menu .sub-menu .current-menu-item > a {
		color: #1b6678;
	}

	/* Iletisim */
	/* Telefon ve e-posta yan yana (dar ekranda alt alta kayiyor): dil
	   satirina yer acmak icin tek satir. */
	#hermest-primary-menu .hermest-drawer__foot {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		column-gap: 20px;
		row-gap: 0;
		margin: clamp(2px, 1.2vh, 16px) 0 0;
		padding: 0 var(--hermest-menu-gutter) 12px;
		border: 0;
	}

	#hermest-primary-menu .hermest-drawer__foot-label {
		display: block;
		flex: 1 0 100%;
		font-family: 'Source Serif 4', Georgia, serif;
		font-size: 12px;
		letter-spacing: 1.4px;
		text-transform: uppercase;
		color: #5e625f;
	}

	#hermest-primary-menu .hermest-drawer__contact {
		display: flex;
		align-items: center;
		gap: 0;
		min-height: clamp(32px, 4.8vh, 40px);
		padding: 0;
		color: #0e2a30;
		font-family: 'Source Serif 4', Georgia, serif;
		font-size: 16px;
		font-weight: 500;
	}

	#hermest-primary-menu .hermest-drawer__contact-icon {
		display: none;
	}

	/* Dil secimi: iletisimin altinda, bayrak + kod haplari. */
	/* Bes dil tek satirda, esit genislikte haplar. */
	#hermest-primary-menu .hermest-drawer__langs {
		display: flex;
		flex-wrap: nowrap;
		gap: 6px;
		padding: clamp(0px, 0.6vh, 8px) var(--hermest-menu-gutter) 2px;
	}

	#hermest-primary-menu .hermest-drawer__lang {
		flex: 1 1 0;
		min-width: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		height: 36px;
		padding: 0 6px;
		border: 1px solid #dedad2;
		border-radius: 100px;
		color: #0e2a30;
		font-family: 'Source Serif 4', Georgia, serif;
		font-size: 13px;
		font-weight: 500;
		line-height: 1;
		text-decoration: none;
	}

	#hermest-primary-menu .hermest-drawer__lang .hermest-flag {
		flex: 0 0 auto;
		width: 18px;
		height: 12px;
		border-radius: 2px;
		object-fit: cover;
	}

	#hermest-primary-menu .hermest-drawer__lang.is-current {
		border-color: #0e2a30;
		background: #0e2a30;
		color: #fff;
	}

	/* Altta sabit eylem satiri */
	#hermest-primary-menu .hermest-drawer__actions {
		position: sticky;
		bottom: 0;
		z-index: 2;
		display: flex;
		gap: 10px;
		margin-top: auto;
		padding: 10px var(--hermest-menu-gutter) calc(clamp(12px, 2.4vh, 24px) + env(safe-area-inset-bottom, 0px));
		background: #FFFFFF;
	}

	#hermest-primary-menu .hermest-drawer__cta {
		flex: 1 1 auto;
		min-width: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		height: clamp(46px, 6.2vh, 52px);
		padding: 0 16px;
		border: 0;
		border-radius: 100px;
		background: #0e2a30;
		color: #fff;
		font-family: 'Source Serif 4', Georgia, serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 0.2px;
		text-decoration: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#hermest-primary-menu .hermest-drawer__wa {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: clamp(46px, 6.2vh, 52px);
		height: clamp(46px, 6.2vh, 52px);
		box-sizing: border-box;
		border: 0;
		border-radius: 100px;
		/* Alt seridin WhatsApp rengi (Panel > Mobile Bar > Colors); serit o
		   sayfada yoksa WhatsApp yesili. */
		background: var(--hermest-mbar-whatsapp, #25d366);
		color: #fff;
		text-decoration: none;
	}

	#hermest-primary-menu .hermest-drawer__wa svg {
		width: 24px;
		height: 24px;
	}

	#hermest-primary-menu .hermest-drawer__cta:focus-visible,
	#hermest-primary-menu .hermest-drawer__wa:focus-visible,
	#hermest-primary-menu a:focus-visible,
	#hermest-primary-menu button:focus-visible {
		outline: 2px solid #1b6678;
		outline-offset: 2px;
	}

	/* Tam ekran oldugu icin karartma zemini gereksiz. */
	.hermest-drawer__backdrop {
		display: none !important;
	}
}

/*
 * Kisa ekranlar (iPhone SE 2/3: Safari'de ~553px): olceklenen degerlerin alt
 * siniri da yetmiyordu, 8 ogeli menu 54px tasiyordu. Satirlar biraz daha
 * siki, iletisim basligi gizli (telefon ve e-posta kendini anlatiyor).
 */
@media (max-width: 1023.98px) and (max-height: 600px) {
	#hermest-primary-menu > ul > li > a {
		min-height: 40px;
		font-size: 18px;
	}

	#hermest-primary-menu .hermest-site-header__submenu-toggle {
		height: 40px;
	}

	#hermest-primary-menu .hermest-drawer__foot-label {
		display: none;
	}

	#hermest-primary-menu .hermest-drawer__contact {
		min-height: 28px;
		font-size: 15px;
	}

	#hermest-primary-menu .hermest-drawer__lang {
		height: 30px;
	}

	#hermest-primary-menu > ul > li > a {
		min-height: 35px;
		font-size: 17px;
	}

	#hermest-primary-menu .hermest-site-header__submenu-toggle {
		height: 35px;
	}

	#hermest-primary-menu .hermest-drawer__actions {
		padding-top: 6px;
	}
}

/* Uzerine gelme rengi yalnizca fareli cihazda: telefonda dokunulan oge
   (Menu dugmesinin altina denk gelen ilk satir dahil) renkli takili kaliyordu. */
@media (max-width: 1023.98px) and (hover: hover) {
	#hermest-primary-menu > ul > li > a:hover,
	#hermest-primary-menu .sub-menu a:hover {
		color: #1b6678;
	}
}

/* Menu yerinde kayarak aciliyor; hareket azaltma tercihinde aninda. */
@media (max-width: 1023.98px) and (prefers-reduced-motion: reduce) {
	#hermest-primary-menu {
		transition: none;
	}
}