/**
 * Mr.Wings — Design Tokens
 * ---------------------------------
 * Tum renkler, fontlar ve spacing degerleri BURADA tanimlanir.
 * Iki tema vardir:
 *   - Gunduz (varsayilan): "Kurumsal" — acik zemin, lacivert + Mr.Wings kirmizisi
 *   - Gece  (html[data-theme="night"]): "Gece Alacati" — komur zemin, amber vurgu
 * Gecis saatleri Ayarlar > Genel > "Gunduz/Gece Temasi" alanindan yonetilir
 * (bkz. functions.php: mw_daynight_*). Token isimleri Pasta La Vista
 * temasindan gelir; diger CSS dosyalari yalnizca bu degiskenleri kullanir.
 */

:root {
	/* Ana vurgu (butonlar, fiyat, aktif durum) */
	--pv-red: #C8102E;
	--pv-red-deep: #8E0B20;
	--pv-red-tint: #FBE3E6;

	/* Ikincil (koyu) — gunduzde lacivert */
	--pv-green: #16202B;
	--pv-green-deep: #0F161E;
	--pv-green-tint: #E6EBF0;

	/* Ucuncu aksan */
	--pv-gold: #E2A21A;
	--pv-gold-deep: #9A6C00;
	--pv-gold-tint: #FBEFD3;

	/* Zemin ve metin */
	--pv-cream: #F7F5F1;      /* sayfa zemini */
	--pv-white: #FFFFFF;      /* kart / yuzey */
	--pv-dark: #16202B;       /* ana metin */
	--pv-dark-soft: #4E5966;  /* ikincil metin */
	--pv-border: #E2DDD5;

	/* Renkli zemin uzerindeki metin, koyu bant zeminleri */
	--pv-on-accent: #FFFFFF;
	--pv-inverse-bg: #16202B;

	--pv-success: #1F7A45;
	--pv-danger: var(--pv-red);

	/* Tipografi */
	--pv-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
	--pv-font-body: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--pv-font-mono: "Barlow", -apple-system, sans-serif;

	--pv-text-xs: 0.75rem;
	--pv-text-sm: 0.875rem;
	--pv-text-base: 1rem;
	--pv-text-lg: 1.125rem;
	--pv-text-xl: 1.375rem;
	--pv-text-2xl: 1.75rem;
	--pv-text-3xl: 2.25rem;
	--pv-text-4xl: 3rem;

	--pv-space-xs: 0.5rem;
	--pv-space-sm: 0.75rem;
	--pv-space-md: 1.25rem;
	--pv-space-lg: 2rem;
	--pv-space-xl: 3.5rem;

	--pv-radius-sm: 6px;
	--pv-radius-md: 12px;
	--pv-radius-lg: 16px;
	--pv-radius-pill: 999px;

	--pv-shadow-sm: 0 2px 6px rgba(22, 32, 43, 0.06);
	--pv-shadow-md: 0 12px 28px -14px rgba(22, 32, 43, 0.25);
	--pv-shadow-lg: 0 24px 48px -20px rgba(22, 32, 43, 0.3);

	--pv-container-max: 1280px;

	color-scheme: light;
}

/* ------------------------------------------------------------
 * Gece temasi — "Gece Alacati"
 * ------------------------------------------------------------ */
html[data-theme="night"] {
	--pv-red: #E3A21A;
	--pv-red-deep: #F2B640;
	--pv-red-tint: #3A2C14;

	--pv-green: #D7262E;
	--pv-green-deep: #A51A21;
	--pv-green-tint: #3A1A1C;

	--pv-gold: #E3A21A;
	--pv-gold-deep: #F2B640;
	--pv-gold-tint: #3A2C14;

	--pv-cream: #14110F;
	--pv-white: #1E1915;
	--pv-dark: #F4EDE4;
	--pv-dark-soft: #BFB4A9;
	--pv-border: #3A302A;

	--pv-on-accent: #14110F;
	--pv-inverse-bg: #0B0908;

	--pv-success: #4CC37A;

	--pv-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.35);
	--pv-shadow-md: 0 12px 28px -14px rgba(0, 0, 0, 0.6);
	--pv-shadow-lg: 0 24px 48px -20px rgba(0, 0, 0, 0.7);

	color-scheme: dark;
}

/* Storefront'un kendi zemin/metin renkleri de temaya uysun */
html[data-theme="night"] body,
html[data-theme="night"] .site-header,
html[data-theme="night"] .site-footer {
	background-color: var(--pv-cream);
	color: var(--pv-dark);
}

/* Gunduz/gece degistirme dugmesi */
.mw-theme-toggle {
	position: fixed;
	left: 16px;
	bottom: 96px;
	z-index: 60;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid var(--pv-border);
	background: var(--pv-white);
	color: var(--pv-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--pv-shadow-sm);
	cursor: pointer;
	padding: 0;
}
.mw-theme-toggle svg { width: 20px; height: 20px; }
.mw-theme-toggle .mw-icon-sun { display: none; }
html[data-theme="night"] .mw-theme-toggle .mw-icon-sun { display: block; }
html[data-theme="night"] .mw-theme-toggle .mw-icon-moon { display: none; }
@media (min-width: 768px) {
	.mw-theme-toggle { bottom: 24px; }
}

/* ------------------------------------------------------------
 * Breakpoints — referans: 320 / 375 / 390 / 414 / 768 / 1024 / 1280 / 1440
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * Mr.Wings ince ayarlar
 * ------------------------------------------------------------ */
.site-header .custom-logo-link img,
.site-header .site-branding img {
	max-height: 64px;
	width: auto;
	border-radius: 10px;
}
.site-header { padding-top: 1rem; }
.site-header .site-branding { margin-bottom: 1rem; }

.pv-hero-v2-text h1 {
	font-size: clamp(2.5rem, 5vw, 4.25rem);
	line-height: 0.98;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.pv-hero-v2 .pv-eyebrow {
	display: inline-block;
	margin-bottom: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: var(--pv-text-sm);
	color: #FFE3B0;
}
.pv-hero-v2 .pv-hero-sub {
	color: #FDEAE6;
	font-size: var(--pv-text-lg);
	max-width: 480px;
	margin: 0 0 var(--pv-space-md);
}

/* Gece: hero kirmizi/amber blok yerine koyu yuzey + amber vurgular */
html[data-theme="night"] .pv-hero-v2 {
	background: var(--pv-white);
	color: var(--pv-dark);
}
html[data-theme="night"] .pv-hero-v2::before { display: none; }
html[data-theme="night"] .pv-hero-v2-text h1 { color: var(--pv-dark); }
html[data-theme="night"] .pv-hero-v2 .pv-eyebrow { color: var(--pv-gold); }
html[data-theme="night"] .pv-hero-v2 .pv-hero-sub { color: var(--pv-dark-soft); }
html[data-theme="night"] .pv-hero-v2-text .pv-btn-ghost {
	color: var(--pv-dark);
	border-color: var(--pv-border);
}
html[data-theme="night"] .pv-hero-v2-text .pv-btn-ghost:hover { background: var(--pv-red-tint); }

/* Gunduz: hero uzerindeki ana buton beyaz zeminli */
html:not([data-theme="night"]) .pv-hero-v2 .pv-btn-primary {
	background: #FFFFFF;
	color: var(--pv-red);
	border-color: #FFFFFF;
}
html:not([data-theme="night"]) .pv-hero-v2 .pv-btn-primary:hover {
	background: #FBE3E6;
	color: var(--pv-red-deep);
}

/* Gece: sayfa basliklari (Menumuz vb.) koyu yuzey */
html[data-theme="night"] .pv-hero {
	background: var(--pv-white);
	color: var(--pv-dark);
}
html[data-theme="night"] .pv-hero::before { display: none; }
html[data-theme="night"] .pv-hero h1 { color: var(--pv-dark); }
html[data-theme="night"] .pv-hero .pv-hero-sub { color: var(--pv-dark-soft); }