/*
Theme Name: BK Beauty & Hair Designer
Theme URI: https://bkhair.com.tr
Author: BK Beauty & Hair Designer
Description: BK Beauty & Hair Designer by Bülent Karakuş için tek sayfalık, altın ve koyu tonlarda özel blok teması. Hizmet ve fiyat listesi, galeri, online randevu ve WhatsApp bağlantıları içerir. Tüm metinler, fiyatlar ve fotoğraflar WordPress editöründen değiştirilebilir.
Version: 1.1.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bk-beauty
*/

/* Genel */
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 96px; }
.wp-site-blocks > * { margin-block-start: 0; }
.wp-block-post-content > .alignfull { margin-block-start: 0 !important; margin-block-end: 0 !important; }
.wp-block-post-content > .alignfull + .alignfull { margin-block-start: 0 !important; }
body { -webkit-font-smoothing: antialiased; }

/* Sabit üst menü */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
}
.bk-header {
	background: rgba(23, 19, 15, 0.94);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-bottom: 1px solid rgba(201, 162, 74, 0.25);
}
.bk-header .wp-block-navigation a { text-decoration: none; }
.bk-header .wp-block-navigation a:hover { color: var(--wp--preset--color--gold-light); }
.bk-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--dark) !important;
	color: var(--wp--preset--color--cream) !important;
	padding: 32px;
}
.bk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 28px;
	font-size: 20px;
}

/* Küçük üst etiketler */
.bk-eyebrow {
	letter-spacing: 0.3em;
	text-transform: uppercase;
}

/* Başlıklardaki altın italik vurgu */
.bk-accent em,
h1 em, h2 em {
	font-style: italic;
	color: var(--wp--preset--color--gold-light);
}
.has-cream-background-color h2 em,
.has-white-background-color h2 em { color: var(--wp--preset--color--gold-dark); }

/* Ayırıcı çizgi */
.bk-rule {
	width: 96px;
	height: 1px;
	background: var(--wp--preset--color--gold);
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Hizmet kartları ve fiyat satırları */
.bk-card { height: 100%; box-sizing: border-box; }
.bk-price-row {
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding-top: 16px;
	padding-bottom: 16px;
}
.bk-price-row p { margin: 0; }
.bk-price-row .bk-price { white-space: nowrap; }

/* Butonlar */
.wp-block-button__link { transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--gold);
	border-color: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--dark);
}
.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover {
	background: var(--wp--preset--color--gold-light);
}

/* Fotoğraf alanları (boşken) */
.bk-photo .wp-block-cover__inner-container p { opacity: .75; }
.bk-photo { overflow: hidden; }
.bk-photo { border: 1px solid rgba(201, 162, 74, 0.3); }

/* Harita */
.bk-map { min-height: 420px; padding: 0 !important; }
.bk-map iframe { display: block; width: 100%; height: 420px; border: 0; filter: grayscale(0.35) contrast(1.05); }

/* İletişim listesi */
.bk-info-item p { margin: 0; }

/* Sabit WhatsApp butonu */
.bk-wa-float {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 60;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #25D366;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
	transition: transform .2s ease;
}
.bk-wa-float:hover { transform: scale(1.06); color: #fff; }
.bk-wa-float svg { width: 32px; height: 32px; }

/* Mobil */
@media (max-width: 781px) {
	.bk-header .wp-block-button__link { padding: 10px 14px !important; font-size: 12px; letter-spacing: 0.1em; }
	.bk-header .wp-block-site-logo img { width: 84px !important; }
	.bk-hero h1 { font-size: 44px !important; }
	.bk-section { padding-top: 72px !important; padding-bottom: 72px !important; }
	.bk-card { padding: 32px 24px !important; }
	.bk-photo .wp-block-cover { min-height: 320px !important; }
	footer .wp-block-navigation { justify-content: flex-start !important; }
}