/*
Theme Name: Devrek Taksi Pro
Text Domain: devrek-taksi-pro
Description: Devrek Taksi için hızlı, güçlü yerel SEO odaklı ve çok sayfalı özel WordPress teması.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/*
 * Chrome 109 / legacy Chromium compatibility for the primary header.
 * Tailwind CSS v4 uses newer CSS features that are not fully supported
 * by the final Chrome release available on Windows 7/8.1.
 */
header {
	background-color: rgba(17, 19, 23, 0.95);
}

header nav[aria-label="Ana menü"] a {
	color: rgba(255, 255, 255, 0.82);
}

@media (min-width: 1024px) {
	header nav[aria-label="Ana menü"] {
		display: flex !important;
	}

	header details {
		display: none !important;
	}
}

@media (max-width: 1023px) {
	header nav[aria-label="Ana menü"] {
		display: none !important;
	}

	header details {
		display: block !important;
	}
}

/* Keep the interface clean: one WhatsApp left, one call button right. */
.qlwapp {
	display: none !important;
}

.dt-callbar {
	left: 18px !important;
	right: 18px !important;
	bottom: 30px !important;
	width: auto !important;
	transform: none !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 16px !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	pointer-events: none !important;
}

.dt-callbar a {
	flex: 0 0 auto !important;
	min-width: 138px !important;
	padding: .85rem 1.15rem !important;
	box-shadow: 0 12px 30px rgba(0,0,0,.22) !important;
	pointer-events: auto !important;
}

.dt-callbar .wa {
	order: 1 !important;
}

.dt-callbar .call {
	order: 2 !important;
}

/* Remove repeated call-to-action buttons from the body of the home page. */
.home .dt-hero .mt-9.flex.flex-wrap.gap-3 {
	display: none !important;
}

.home main > section.bg-dark.text-white.py-20.lg\:py-24 .mt-6.flex.flex-wrap {
	display: none !important;
}

.home footer .md\:text-right > a.inline-flex {
	display: none !important;
}

/* Hero: keep the taxi visible without excessive cropping. */
.dt-hero.dt-grid {
	min-height: 72vh !important;
	background:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(10,11,13,.96) 0%, rgba(10,11,13,.86) 42%, rgba(10,11,13,.38) 70%, rgba(10,11,13,.20) 100%),
		url("https://devrektaksi.com/wp-content/uploads/2025/10/devrekayhanermektaksi.jpg") right center / auto 92% no-repeat !important;
	background-color: #111317 !important;
	background-size: 38px 38px, 38px 38px, auto, auto 92% !important;
	background-position: 0 0, 0 0, center, right center !important;
}

.dt-hero-proof {
	display: inline-block;
	margin-top: 1rem;
	padding: .45rem .75rem;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 999px;
	background: rgba(17,19,23,.35);
	color: rgba(255,255,255,.82);
	font-size: .82rem;
	font-weight: 800;
	letter-spacing: .04em;
}

@media (max-width: 768px) {
	.dt-hero.dt-grid {
		min-height: 66vh !important;
		background-size: 38px 38px, 38px 38px, auto, auto 88% !important;
		background-position: 0 0, 0 0, center, 72% center !important;
	}
}

@media (max-width: 600px) {
	.dt-callbar {
		left: 10px !important;
		right: 10px !important;
		bottom: 18px !important;
		width: auto !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		gap: 10px !important;
	}

	.dt-callbar a {
		min-width: 0 !important;
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
		padding: .78rem .55rem !important;
		white-space: nowrap !important;
	}
}