/*
Theme Name: RK Turizm — Blocksy Child
Template: blocksy
Version: 1.1.0
Author: RK Turizm
Description: RK Turizm için Blocksy child teması — parent stil + genel güvenlik sıkılaştırması + Blocksy düzeltmeleri + FAB.
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocksy-child

CHANGELOG
1.1.0 (2026-05-22) — FAB (yüzen hızlı eylem butonları) stilleri eklendi.
1.0.0 (2026-05-22) — İlk kurulum: blocksy-child başlangıç kiti (genel sıkılaştırma + mobil menü düzeltmesi).
*/

/* === Mobil menü: menü yazısı solda, açılır ok en sağda === */
.mobile-menu .ct-sub-menu-parent {
	display: flex;
	align-items: center;
	width: 100%;
}
.mobile-menu .ct-menu-link {
	flex: 1;
	justify-content: flex-start;
	text-align: left;
}
.mobile-menu .ct-toggle-dropdown-mobile {
	flex: 0 0 auto;
	margin-left: auto;
}

/* === FAB — yüzen hızlı eylem butonları === */
:root {
	--rk-fab-size: 36px;
	--rk-fab-gap: 8px;
	--rk-fab-radius: 4px;
	--rk-fab-ease: cubic-bezier(.22,.61,.36,1);
}
.rk-fab-stack {
	position: fixed;
	right: calc(var(--theme-frame-size, 0px) + var(--back-top-side-offset, 25px));
	bottom: calc(var(--theme-frame-size, 0px) + var(--back-top-bottom-offset, 25px) + 46px);
	display: flex;
	flex-direction: column;
	gap: var(--rk-fab-gap);
	z-index: 998;
}
.rk-fab {
	position: relative;
	width: var(--rk-fab-size);
	height: var(--rk-fab-size);
	border-radius: var(--rk-fab-radius);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	box-shadow: 0 4px 12px rgba(15,23,42,.18);
	transition: background .25s var(--rk-fab-ease),
	            transform .25s var(--rk-fab-ease),
	            box-shadow .25s var(--rk-fab-ease);
}
.rk-fab svg { width: 16px; height: 16px; display: block; }
.rk-fab--whatsapp { background: #25D366; }
.rk-fab--whatsapp:hover, .rk-fab--whatsapp:focus-visible { background: #1DA851; }
.rk-fab--phone { background: #2563EB; }
.rk-fab--phone:hover, .rk-fab--phone:focus-visible { background: #1D4ED8; }
.rk-fab--instagram { background: linear-gradient(135deg, #F58529 0%, #DD2A7B 50%, #8134AF 100%); }
.rk-fab--instagram:hover, .rk-fab--instagram:focus-visible { background: linear-gradient(135deg, #E07020 0%, #C42168 50%, #6E2A95 100%); }
.rk-fab--youtube { background: #FF0000; }
.rk-fab--youtube:hover, .rk-fab--youtube:focus-visible { background: #CC0000; }
.rk-fab:hover, .rk-fab:focus-visible {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(15,23,42,.28);
	outline: none;
}
/* Tooltip — hover ile sol tarafta etiket */
.rk-fab::before {
	content: attr(data-tip);
	position: absolute;
	right: calc(100% + 12px);
	top: 50%;
	transform: translateY(-50%) translateX(6px);
	background: rgba(15,23,42,.94);
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s var(--rk-fab-ease), transform .2s var(--rk-fab-ease);
}
.rk-fab::after {
	content: "";
	position: absolute;
	right: calc(100% + 6px);
	top: 50%;
	transform: translateY(-50%) translateX(6px);
	border: 6px solid transparent;
	border-left-color: rgba(15,23,42,.94);
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s var(--rk-fab-ease), transform .2s var(--rk-fab-ease);
}
.rk-fab:hover::before, .rk-fab:focus-visible::before,
.rk-fab:hover::after, .rk-fab:focus-visible::after,
.rk-fab--show-tip::before, .rk-fab--show-tip::after {
	opacity: 1;
	transform: translateY(-50%) translateX(0);
}
@media (max-width: 768px) {
	.rk-fab-stack { gap: 6px; }
	.rk-fab::before, .rk-fab::after { display: none; }
}

/* ============================================================
 * Blocksy yardımcı CSS'leri (bayder-site handoff'tan uyarlandı)
 * RK Turizm paletine göre revize edildi
 * ============================================================ */

/* 1) Blocksy mobil menü backdrop blur (frosted glass)
 * .ct-backdrop ve .ct-backdrop-button class'ları Blocksy parent tema
 * tarafından otomatik üretilir — ek markup gerekmez. */
.ct-backdrop,
.ct-backdrop-button a {
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

/* 2) .fly-sm — Hover'da yukarı kalkma + katmanlı yumuşak gölge
 * Custom utility. İlgili elemana class olarak elle eklenir.
 * Elementor: Advanced → CSS Classes → "fly-sm"
 * Gutenberg: Block → Advanced → Additional CSS class(es) → "fly-sm"
 *
 * Gölge rengi --rk-c-primary'den color-mix ile türetildi
 * (orijinal handoff'taki #2c1810 yerine RK Turizm paletine bağlı). */
.fly-sm {
	transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
	box-shadow:
		0 1px 2px color-mix(in srgb, var(--rk-c-primary, #0E5C5C) 4%, transparent),
		0 4px 12px color-mix(in srgb, var(--rk-c-primary, #0E5C5C) 6%, transparent),
		0 12px 24px color-mix(in srgb, var(--rk-c-primary, #0E5C5C) 4%, transparent);
}
.fly-sm:hover {
	transform: translateY(-10px);
	box-shadow:
		0 2px 4px color-mix(in srgb, var(--rk-c-primary, #0E5C5C) 6%, transparent),
		0 8px 24px color-mix(in srgb, var(--rk-c-primary, #0E5C5C) 10%, transparent),
		0 24px 48px color-mix(in srgb, var(--rk-c-primary, #0E5C5C) 8%, transparent);
}