/*
 * Papillon Glow - ince ayar stilleri.
 *
 * Renk paleti, tipografi ve boşluk ölçekleri theme.json üzerinden
 * yönetilir. Bu dosya sadece theme.json ile pratik olmayan;
 * erişilebilirlik (odak halkaları, screen-reader-text, reduced-motion)
 * ve birkaç küçük bileşen (duyuru çubuğu düzeni, bülten formu, kart
 * gölgesi) için gerekli olan minimum CSS'i içerir.
 */

/* Erişilebilirlik: sadece ekran okuyucular için gizli metin. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* Erişilebilirlik: klavye ile gezinirken görünür, tutarlı odak halkası. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible {
	outline: 2px solid var( --wp--preset--color--accent-1 );
	outline-offset: 2px;
}

/* Hareket azaltma tercihi olan kullanıcılar için geçiş/animasyonları kapat. */
@media ( prefers-reduced-motion: reduce ) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Kart benzeri grupların hafif, gölgesiz sınır dokunuşu (aşırı gölge yok). */
.papillon-scent-card a {
	display: block;
	text-decoration: none;
	color: var( --wp--preset--color--contrast );
	transition: color 0.15s ease;
}

.papillon-scent-card a:hover {
	color: var( --wp--preset--color--accent-1 );
}

/* Duyuru çubuğu: mesajlar arasında taşmayı önle, mobilde ortala. */
.wp-site-blocks > .wp-block-template-part:first-child p {
	overflow-wrap: anywhere;
}

/* Bülten formu: harici JS/framework kullanmadan sade, responsive form. */
.papillon-newsletter-form {
	max-width: 32rem;
	margin-inline: auto;
}

.papillon-newsletter-form__row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.papillon-newsletter-form__row input[type="email"] {
	flex: 1 1 14rem;
	padding: 0.75rem 1rem;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 2px;
	background-color: var( --wp--preset--color--accent-5 );
	color: var( --wp--preset--color--contrast );
	font-family: inherit;
	font-size: 1rem;
}

.papillon-newsletter-form__row button {
	flex: 0 0 auto;
	padding: 0.75rem 1.75rem;
	border: none;
	border-radius: 2px;
	/* Erişilebilirlik: koyu terracotta, kırık beyaz metinle 5.48:1. */
	background-color: #8a5741;
	color: var( --wp--preset--color--base );
	font-family: inherit;
	font-size: 1rem;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.papillon-newsletter-form__row button:hover {
	background-color: var( --wp--preset--color--contrast );
}

.papillon-newsletter-form__note {
	margin-top: 0.75rem;
	font-size: var( --wp--preset--font-size--small );
	color: var( --wp--preset--color--text-muted );
}

/* 320px gibi çok dar ekranlarda taşmayı engelle. */
.papillon-newsletter-form__row input[type="email"],
.papillon-newsletter-form__row button {
	min-width: 0;
}

/* ------------------------------------------------------------------ */
/* Header / menü cilası                                                */
/* ------------------------------------------------------------------ */

/* Menü bağlantıları: ferah aralık, zarif hover. */
header .wp-block-group .wp-block-navigation {
	gap: clamp( 0.9rem, 1.6vw, 1.6rem );
}

header .wp-block-group .wp-block-navigation-item__content {
	font-size: 0.95rem;
	letter-spacing: 0.01em;
	padding: 0.35rem 0.1rem;
	position: relative;
	transition: color 0.2s ease;
}

header .wp-block-group .wp-block-navigation-item__content:hover {
	color: var( --wp--preset--color--accent-1 );
	text-decoration: none;
}

/* Hover'da altta incecik terracotta çizgi (transform-only). */
header .wp-block-group .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: var( --wp--preset--color--accent-1 );
	transform: scaleX( 0 );
	transform-origin: center;
	transition: transform 0.25s ease;
}

header .wp-block-group .wp-block-navigation-item__content:hover::after,
header .wp-block-group .wp-block-navigation-item__content:focus-visible::after {
	transform: scaleX( 1 );
}

/* Menü ikonları: her bağlantının önünde currentColor mask-image ile
   çizgi ikon; site ikon diline uygun (1.75px stroke). */
header .wp-block-group .wp-block-navigation-item__content::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 0.4em;
	vertical-align: -3px;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: transform 0.25s ease;
	opacity: 0.85;
}

header .wp-block-group .wp-block-navigation-item__content:hover::before {
	transform: scale( 1.12 );
	opacity: 1;
}

header .wp-block-group .wp-block-navigation-item:first-child .wp-block-navigation-item__content::before {
	-webkit-mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.5 12 4l8 7.5'/%3E%3Cpath d='M6 10v9.5h12V10'/%3E%3Cpath d='M10 19.5v-6h4v6'/%3E%3C/svg%3E" );
	mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.5 12 4l8 7.5'/%3E%3Cpath d='M6 10v9.5h12V10'/%3E%3Cpath d='M10 19.5v-6h4v6'/%3E%3C/svg%3E" );
}

header .wp-block-group .wp-block-navigation-item__content[href$="/magaza/"]::before {
	-webkit-mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 12H7z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E" );
	mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 12H7z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E" );
}

header .wp-block-group .wp-block-navigation-item__content[href$="/koleksiyonlar/"]::before {
	-webkit-mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='1'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1'/%3E%3C/svg%3E" );
	mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='1'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1'/%3E%3C/svg%3E" );
}

header .wp-block-group .wp-block-navigation-item__content[href$="/hikayemiz/"]::before {
	-webkit-mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5c-1.2-1.3-3-2-5.5-2C5 4.5 4 4.8 4 4.8v13.7s1-.3 2.5-.3c2.5 0 4.3.7 5.5 2 1.2-1.3 3-2 5.5-2 1.5 0 2.5.3 2.5.3V4.8s-1-.3-2.5-.3c-2.5 0-4.3.7-5.5 2Z'/%3E%3Cpath d='M12 6.5v13.7'/%3E%3C/svg%3E" );
	mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5c-1.2-1.3-3-2-5.5-2C5 4.5 4 4.8 4 4.8v13.7s1-.3 2.5-.3c2.5 0 4.3.7 5.5 2 1.2-1.3 3-2 5.5-2 1.5 0 2.5.3 2.5.3V4.8s-1-.3-2.5-.3c-2.5 0-4.3.7-5.5 2Z'/%3E%3Cpath d='M12 6.5v13.7'/%3E%3C/svg%3E" );
}

header .wp-block-group .wp-block-navigation-item__content[href$="/kisiye-ozel-mum/"]::before {
	-webkit-mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v3M12 17.5v3M4 12h3M17 12h3M6.3 6.3l2 2M15.7 15.7l2 2M17.7 6.3l-2 2M8.3 15.7l-2 2'/%3E%3C/svg%3E" );
	mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v3M12 17.5v3M4 12h3M17 12h3M6.3 6.3l2 2M15.7 15.7l2 2M17.7 6.3l-2 2M8.3 15.7l-2 2'/%3E%3C/svg%3E" );
}

header .wp-block-group .wp-block-navigation-item__content[href$="/iletisim/"]::before {
	-webkit-mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h3.5l1.5 4-2 1.5a12 12 0 0 0 6 6l1.5-2 4 1.5V19a1.5 1.5 0 0 1-1.6 1.5C10.3 20 4 13.7 3.5 6.1A1.5 1.5 0 0 1 5 4.5z'/%3E%3C/svg%3E" );
	mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h3.5l1.5 4-2 1.5a12 12 0 0 0 6 6l1.5-2 4 1.5V19a1.5 1.5 0 0 1-1.6 1.5C10.3 20 4 13.7 3.5 6.1A1.5 1.5 0 0 1 5 4.5z'/%3E%3C/svg%3E" );
}

/* Hesap ve sepet ikonları: eşit boyut, dikey hizalama, hover rengi. */
header .wp-block-group .wc-block-customer-account__link,
header .wp-block-group .wc-block-mini-cart__button {
	display: inline-flex;
	align-items: center;
	color: var( --wp--preset--color--contrast );
	transition: color 0.2s ease, opacity 0.2s ease;
	opacity: 1;
}

header .wp-block-group .wc-block-customer-account__link:hover,
header .wp-block-group .wc-block-mini-cart__button:hover {
	color: var( --wp--preset--color--accent-1 );
	opacity: 1;
}

header .wp-block-group .wc-block-customer-account__link svg {
	width: 24px;
	height: 24px;
	stroke: currentColor;
}

/* Sağ ikon grubu: nefes alan, dikey ortalanmış hizalama. */
header .wp-block-group .wp-block-group.is-nowrap {
	align-items: center;
}

/*
 * Erişilebilirlik: pattern'lerde "accent-1" preset'iyle renklendirilen
 * butonlar theme.json buton stilini ezer; açık zeminli metinle 2.9:1'de
 * kalır. Koyu terracotta (#8A5741, beyaz metinle 5.48:1) ile eziyoruz.
 */
.wp-block-button__link.has-accent-1-background-color {
	background-color: #8a5741 !important;
}

/*
 * Erişilebilirlik: footer (bej zemin) üzerindeki bağlantılar için
 * koyu terracotta — #8A5741, #EFE7DD üzerinde 4.87:1 (WCAG AA).
 */
.papillon-footer a:where( :not( .wp-element-button ) ) {
	color: #8a5741;
}

.papillon-footer a:where( :not( .wp-element-button ) ):hover {
	color: var( --wp--preset--color--contrast );
}

/*
 * Erişilebilirlik: WooCommerce mini sepet çekmecesi kapalıyken
 * aria-hidden taşıdığı hâlde içindeki butonlar klavye odağı alabiliyor
 * (axe: aria-hidden-focus). Gizliyken görünürlüğü tamamen kapatarak
 * odaklanabilirliği kaldırıyoruz; açılınca WooCommerce kendi sınıfını
 * değiştirdiği için etkilenmez.
 */
.wc-block-components-drawer__screen-overlay--is-hidden {
	visibility: hidden;
}

/* ------------------------------------------------------------------ */
/* Mobil menü overlay cilası                                           */
/* ------------------------------------------------------------------ */

/* Overlay: marka zemini + yumuşak açılış. */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var( --wp--preset--color--base ) !important;
	animation: pg-overlay-in 0.28s cubic-bezier( 0.32, 0.72, 0, 1 ) both;
}

@keyframes pg-overlay-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Menü linkleri: büyük dokunma alanı, serif, sırayla belirme. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	animation: pg-menu-item-in 0.4s cubic-bezier( 0.16, 1, 0.3, 1 ) both;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(1) { animation-delay: 0.05s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(2) { animation-delay: 0.10s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(3) { animation-delay: 0.15s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(4) { animation-delay: 0.20s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(5) { animation-delay: 0.25s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(6) { animation-delay: 0.30s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(7) { animation-delay: 0.35s; }

@keyframes pg-menu-item-in {
	from {
		opacity: 0;
		transform: translateY( 10px );
	}
	to {
		opacity: 1;
		transform: translateY( 0 );
	}
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: 1.5rem;
	padding: 0.6rem 0.25rem;
}

/* Kapatma butonu: rahat dokunma alanı. */
.wp-block-navigation__responsive-container-close {
	padding: 0.75rem;
}

@media ( prefers-reduced-motion: reduce ) {
	.wp-block-navigation__responsive-container.is-menu-open,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		animation: none !important;
	}
}

/*
 * WooCommerce mini-sepet çekmecesi (kapalıyken bile DOM'da duruyor) sepet
 * doluyken 336px sabit genişlik alıyor. 320px'lik ekranlarda bu, sayfanın
 * scrollWidth'ini viewport'un üzerine çıkarıp SİTE GENELİNDE 15px'lik yatay
 * kaydırma oluşturuyordu (boş sepette görünmüyor, bu yüzden gözden kaçmış).
 * Çekmece açıldığında da ekranı aşmaması gerektiği için viewport'a sabitliyoruz.
 */
.wc-block-mini-cart__drawer,
.wc-block-components-drawer,
.wc-block-components-drawer__content {
	max-width: 100vw;
}

/*
 * Tek yazı (blog) breadcrumb'ı — templates/single.html içindeki
 * [rank_math_breadcrumb] kısa kodunu biçimlendirir.
 *
 * NEDEN AYRI DOSYA DEĞİL: yalnızca 3 seçici; ayrı bir CSS dosyası açmak
 * render'ı bloklayan istek sayısını 1 artırırdı (bkz. docs/performans-analizi.md).
 * Görsel olarak .pg-shop-breadcrumbs / .pg-product-breadcrumbs ile aynı.
 */
.pg-post-breadcrumbs {
	margin-bottom: 1.25rem;
	font-size: 0.85rem;
	color: var(--wp--preset--color--text-muted);
}

.pg-post-breadcrumbs a {
	color: #8a5741;
}

.pg-post-breadcrumbs .separator {
	margin: 0 0.4rem;
	opacity: 0.6;
}