/**
 * Çatı Ustası — Kurumsal açık tema + çatı desenleri
 * Siyah YALNIZCA menü çubuğu ve arama butonlarında.
 */

:root {
	--cati-bg-base: #f5f4f2;
	--cati-bg-card: #ffffff;
	--cati-menu-black: #1a1a1a;
	--cati-red: #c8102e;
	--cati-red-sharp: #e0002a;
	--cati-text: #2c2c2c;
	--cati-pattern-roof: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='48' viewBox='0 0 96 48'%3E%3Cpath d='M0 48 L48 10 L96 48' fill='none' stroke='%23e0002a' stroke-opacity='0.14' stroke-width='1.2'/%3E%3Cpath d='M12 48 L48 22 L84 48' fill='none' stroke='%23c8102e' stroke-opacity='0.08' stroke-width='0.8'/%3E%3C/svg%3E");
	--cati-pattern-rect: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Crect x='8' y='38' width='28' height='7' fill='%23e0002a' fill-opacity='0.1' transform='rotate(-38 22 41)'/%3E%3Crect x='58' y='18' width='22' height='5' fill='%23e0002a' fill-opacity='0.08' transform='rotate(32 69 20)'/%3E%3Crect x='42' y='72' width='34' height='6' fill='%23c8102e' fill-opacity='0.07' transform='rotate(-15 59 75)'/%3E%3C/svg%3E");
}

/* ─── Ana arka plan: açık kurumsal gri ──────────────────────── */
body.cati-redesign {
	background-color: var(--cati-bg-base);
	background-image: var(--cati-pattern-roof), var(--cati-pattern-rect);
	background-size: 96px 48px, 110px 110px;
}

body.cati-redesign #page {
	background: transparent;
	position: relative;
	z-index: 1;
}

body.cati-redesign .cati-bg-layer {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(160deg, rgba(224, 0, 42, 0.06) 0%, transparent 48%),
		var(--cati-pattern-roof),
		var(--cati-pattern-rect);
	background-size: 100% 100%, 120px 60px, 140px 140px;
	background-position: 0 0, -10px -5px, 70% 40%;
}

/* Çatı ikonları — çok hafif */
body.cati-redesign .cati-roof-icons {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

body.cati-redesign .cati-roof-icons i {
	position: absolute;
	color: rgba(224, 0, 42, 0.07);
	font-size: clamp(2.5rem, 5vw, 4rem);
	line-height: 1;
}

body.cati-redesign .cati-roof-icons i:nth-child(1) { top: 20%; left: 5%; transform: rotate(-10deg); }
body.cati-redesign .cati-roof-icons i:nth-child(2) { top: 50%; right: 7%; transform: rotate(6deg); opacity: 0.8; }
body.cati-redesign .cati-roof-icons i:nth-child(3) { bottom: 18%; left: 10%; font-size: 2.5rem; }
body.cati-redesign .cati-roof-icons i:nth-child(4) { top: 70%; right: 15%; opacity: 0.7; }
body.cati-redesign .cati-roof-icons i:nth-child(5) { top: 10%; right: 25%; font-size: 2rem; opacity: 0.5; }
body.cati-redesign .cati-roof-icons i:nth-child(6) { bottom: 10%; right: 30%; font-size: 2.2rem; opacity: 0.45; }

/* ─── Header: beyaz kurumsal (siyah YOK) ───────────────────── */
body.cati-redesign #masthead .header-wrap {
	background-color: #ffffff;
	background-image: var(--cati-pattern-roof);
	background-size: 96px 48px;
	border-bottom: 1px solid #e8e6e3;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

body.cati-redesign .top-header,
body.cati-redesign .main-header {
	background: transparent;
}

body.cati-redesign #site-title a {
	color: var(--cati-text) !important;
	text-shadow: none !important;
}

body.cati-redesign #site-description {
	color: var(--cati-red) !important;
}

/* ─── Menü çubuğu: SİYAH + beyaz yazı ─────────────────────── */
body.cati-redesign #sticky-header,
body.cati-redesign .is-sticky #sticky-header {
	background-color: var(--cati-menu-black) !important;
	background-image: none !important;
	border-bottom: 3px solid var(--cati-red) !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important;
}

body.cati-redesign #sticky-header .main-navigation a,
body.cati-redesign .is-sticky #sticky-header .main-navigation a {
	color: rgba(255, 255, 255, 0.95) !important;
}

body.cati-redesign #sticky-header .main-navigation a:hover,
body.cati-redesign #sticky-header .main-navigation a:focus,
body.cati-redesign #sticky-header .main-navigation ul li.current-menu-item a,
body.cati-redesign #sticky-header .main-navigation ul li.current_page_item a,
body.cati-redesign #sticky-header .main-navigation ul li:hover > a,
body.cati-redesign .is-sticky #sticky-header .main-navigation a:hover,
body.cati-redesign .is-sticky #sticky-header .main-navigation ul li.current-menu-item a,
body.cati-redesign .is-sticky #sticky-header .main-navigation ul li:hover > a {
	color: #ff8a9a !important;
}

body.cati-redesign #sticky-header .main-navigation ul li ul {
	background-color: #2a2a2a !important;
	border-top: 2px solid var(--cati-red);
}

body.cati-redesign #sticky-header .main-navigation ul li ul li a {
	color: rgba(255, 255, 255, 0.9) !important;
}

body.cati-redesign #sticky-header .main-navigation ul li ul li a:hover {
	color: #ff8a9a !important;
	background: rgba(255, 255, 255, 0.06) !important;
}

/* Mobil hamburger — menü siyah zemin üstünde beyaz */
body.cati-redesign #sticky-header .line-bar,
body.cati-redesign #sticky-header .line-bar::before,
body.cati-redesign #sticky-header .line-bar::after {
	background-color: #ffffff !important;
}

/* ─── Site Menüsü — yalnızca mobil, hamburgerin sağında ─────── */
body.cati-redesign .cati-menu-label,
body.cati-redesign .cati-menu-toggle-inner {
	display: none;
}

body.cati-redesign #sticky-header .main-navigation > .menu {
	flex: 0 1 auto;
}

/* ─── Arama butonları: siyah zemin + beyaz ikon ─────────────── */
body.cati-redesign .header-search,
body.cati-redesign .header-search-x,
body.cati-redesign #search-toggle {
	background-color: var(--cati-menu-black) !important;
	border: none !important;
	border-radius: 3px;
	width: 36px !important;
	height: 36px !important;
	filter: none !important;
}

body.cati-redesign .header-search::before,
body.cati-redesign .header-search-x::before {
	color: #ffffff !important;
}

body.cati-redesign #search-box {
	background: #ffffff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	border: 1px solid #e5e5e5;
}

body.cati-redesign #search-box .search-form {
	background-color: #ffffff !important;
}

body.cati-redesign #search-box .search-submit {
	background-color: var(--cati-menu-black) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 3px;
	min-width: 44px;
}

body.cati-redesign #search-box .search-submit:hover {
	background-color: var(--cati-red) !important;
	color: #ffffff !important;
}

body.cati-redesign #search-box input[type="search"] {
	border-bottom: 1px solid #ddd;
	color: var(--cati-text);
}

/* Yan menü toggle — header beyaz alanda siyah çizgi */
body.cati-redesign .show-menu-toggle .bars,
body.cati-redesign .show-menu-toggle .bars::before,
body.cati-redesign .show-menu-toggle .bars::after {
	background: var(--cati-text) !important;
}

/* ─── İçerik: temiz beyaz kartlar ───────────────────────────── */
body.cati-redesign #site-content-contain,
body.cati-redesign #content {
	background: transparent;
	position: relative;
	z-index: 1;
}

body.cati-redesign.blog #content {
	padding: 8px 0 0;
}

body.cati-redesign #primary {
	background: var(--cati-bg-card);
	padding: 28px 28px 36px;
	box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05);
	border: 1px solid #ebe9e6;
	border-top: 3px solid var(--cati-red);
}

body.cati-redesign #secondary .widget {
	background: var(--cati-bg-card);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.04);
	border: 1px solid #ebe9e6;
	border-top: 3px solid var(--cati-red);
}

body.cati-redesign .blog-holder-wrap article,
body.cati-redesign .blog-holder-wrap .hentry {
	background: transparent;
}

body.cati-redesign:not(.cati-home-grid) .blog-holder-wrap article,
body.cati-redesign:not(.cati-home-grid) .blog-holder-wrap .hentry {
	border-bottom: 1px solid #eceae7;
}

body.cati-redesign .our-feature-box,
body.cati-redesign .feature-post-box {
	background: transparent;
}

body.cati-redesign .custom-header-wrap {
	border-bottom: 3px solid var(--cati-red);
}

/* Footer — açık kurumsal */
body.cati-redesign #colophon .widget-wrap {
	background: #ffffff;
	background-image: var(--cati-pattern-roof);
	background-size: 96px 48px;
	border-top: 1px solid #e8e6e3;
}

/* ─── Mobil ─────────────────────────────────────────────────── */
@media only screen and (max-width: 980px) {
	body.cati-redesign #sticky-header,
	body.cati-redesign .is-sticky #sticky-header {
		background-color: var(--cati-menu-black) !important;
	}

	body.cati-redesign #site-navigation {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		padding: 2px 0;
	}

	body.cati-redesign .cati-menu-toggle-inner {
		display: inline-flex;
		align-items: center;
		gap: 10px;
	}

	body.cati-redesign .cati-menu-toggle-icon {
		position: relative;
		display: inline-block;
		width: 30px;
		height: 22px;
		flex-shrink: 0;
	}

	body.cati-redesign .cati-menu-label {
		display: inline-block;
		color: #ffffff;
		font-family: "Noto Sans", "DM Sans", sans-serif;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		line-height: 1;
		user-select: none;
		white-space: nowrap;
	}

	body.cati-redesign #sticky-header .menu-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: auto;
		padding: 14px 16px;
		font-size: 14px;
		cursor: pointer;
	}

	body.cati-redesign #primary {
		padding: 20px 16px 28px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.cati-redesign .cati-roof-icons i {
		display: none;
	}
}