/*
 * cay.com.tr (cxdem) stil düzeltmeleri, 2026-10-23.
 * Parent, WPBakery ve tema stillerinden sonra yüklenir (functions.php, cxdem_enqueue_fixes).
 * Renkler: marka yeşili #005931, açık yeşil zemin #eef5f1, metin #222, kenarlık #ddd.
 * Tema seçeneklerinden basılan satır içi <style> bu dosyadan SONRA geldiği için
 * menü renklerinde !important kullanıldı; başka yerde yalnız satır içi style="" ezmek için.
 */

/* ==========================================================================
   1. Açılır menü (masaüstü, ubermenu/superfish)
   ========================================================================== */
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu {
	width: max-content;
	min-width: 220px;
	max-width: 320px;
	margin-top: 0;
	padding: 6px 0;
	text-align: start;
	background: #fff;
	border-top: 3px solid #005931;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .08);
}
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li {
	float: none;
	width: auto;
	text-align: start;
	background: transparent;
}
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li a,
.site_container .menu_container .ubermenu .ubermenu-nav li:hover ul.sub-menu li a {
	display: block;
	padding: 9px 18px !important;
	border: 0 !important;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 1.4 !important;
	text-align: start;
	text-transform: none;
	white-space: normal;
	color: #222 !important;
	background-color: transparent !important;
	background-image: none !important;
}
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li a:hover,
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li a:focus-visible,
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li:hover > a,
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li.sfHover > a,
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li.ubermenu-current-menu-item > a,
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li.ubermenu-current-menu-ancestor > a {
	color: #005931 !important;
	background-color: #eef5f1 !important;
}
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li a:focus-visible {
	outline: 2px solid #005931;
	outline-offset: -2px;
}
/* Alt menüsü olan öğe: koyu zemin oku yerine CSS ok */
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li.ubermenu-item-has-children > a {
	position: relative;
	padding-inline-end: 34px;
}
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li.ubermenu-item-has-children > a::after {
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-end: 16px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
}
/* 3. seviye: üst öğenin sağına, ilk satırla hizalı */
.menu_container .ubermenu .ubermenu-nav li li:hover > ul.sub-menu,
.menu_container .ubermenu .ubermenu-nav li li.sfHover > ul.sub-menu {
	left: 100%;
	top: -9px;
}

/* Menü başlıklarındaki <font color> vurgusu: aktif/hover durumda zeminle çakışmasın */
.site_container .menu_container .ubermenu .ubermenu-nav li ul.sub-menu li:is(:hover, .sfHover, .ubermenu-current-menu-item) > a font,
.mobile_menu_container .ubermenu .ubermenu-nav li.ubermenu-current-menu-item > a font {
	color: inherit;
}
/* Mobil menü: açık alt menüde aktif öğe okunur kalsın */
.mobile_menu_container .ubermenu .ubermenu-nav li.ubermenu-item ul li.ubermenu-current-menu-item > a {
	color: #fff !important;
	background: #005931 !important;
}

/* ==========================================================================
   2. İçerik tipografisi (sayfa: WPBakery metin blokları, yazı: .post.single .text)
   ========================================================================== */
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) {
	font-family: 'Roboto', Arial, sans-serif;
	overflow-wrap: break-word;
}
/* Eski editörden kalan satır içi Helvetica/Arial'ı içerik kapsamında ez */
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) [style*="font-family"]:not(i):not([class*="fa-"]),
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) font[face] {
	font-family: inherit !important;
}
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) :is(h1, h2, h3, h4, h5, h6) {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 700;
	color: #222;
	letter-spacing: 0;
	text-wrap: balance;
	margin: 0 0 12px;
	padding: 0;
}
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) :is(h1, h2, h3, h4) strong {
	font-weight: inherit;
}
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) h1 { font-size: 30px; line-height: 1.2; }
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) h2 { font-size: 26px; line-height: 1.25; }
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) h3 { font-size: 22px; line-height: 1.3; }
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) h4 { font-size: 18px; line-height: 1.35; }
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) :is(h5, h6) { font-size: 16px; line-height: 1.4; }
/* Başlık öncesi nefes: bölüm arası boşluk, başlık-paragraf arasının 2 katından fazla */
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) * + :is(h1, h2, h3, h4) {
	margin-top: 32px;
}
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) :is(p, li) {
	font-size: 15px;
	line-height: 1.7;
	color: #333;
}
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) p {
	margin: 0 0 16px;
	padding: 0;
}
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) :is(ul, ol) {
	margin: 0 0 16px;
	padding-inline-start: 22px;
}
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) > :last-child,
.theme_page .wpb_text_column > .wpb_wrapper > :last-child {
	margin-bottom: 0;
}
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) img {
	max-width: 100%;
	height: auto;
}
:is(.theme_page .wpb_text_column, .theme_page .post.single .text) a:not([class]) {
	color: #005931;
	text-decoration-thickness: from-font;
	text-underline-offset: 2px;
}

/* WPBakery dikey ritim: içerik blokları ve satırlar arası tutarlı boşluk */
.theme_page .wpb_text_column.wpb_content_element,
.theme_page .wpb_single_image.wpb_content_element,
.theme_page .vc_message_box {
	margin-bottom: 24px;
}
@media (max-width: 767px) {
	/* Mobilde alt alta düşen sütunlar arası boşluk */
	.theme_page .vc_row .wpb_column + .wpb_column {
		margin-top: 24px;
	}
}

/* Bilgi kutusu (vc_message, info): tema yeşil dili */
.theme_page .vc_message_box.vc_color-info,
.theme_page .vc_message_box.vc_color-alert-info {
	color: #1f3d2e;
	background-color: #eef5f1;
	border: 1px solid #cfe3d7;
	border-inline-start: 4px solid #005931;
	border-radius: 4px;
	font-size: 15px;
	line-height: 1.6;
}
.theme_page .vc_message_box.vc_color-info .vc_message_box-icon,
.theme_page .vc_message_box.vc_color-alert-info .vc_message_box-icon {
	color: #005931;
}
.theme_page .vc_message_box p {
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

@media (max-width: 767px) {
	:is(.theme_page .wpb_text_column, .theme_page .post.single .text) h1 { font-size: 24px; }
	:is(.theme_page .wpb_text_column, .theme_page .post.single .text) h2 { font-size: 22px; }
	:is(.theme_page .wpb_text_column, .theme_page .post.single .text) h3 { font-size: 20px; }
	:is(.theme_page .wpb_text_column, .theme_page .post.single .text) h4 { font-size: 17px; }
	:is(.theme_page .wpb_text_column, .theme_page .post.single .text) * + :is(h1, h2, h3, h4) { margin-top: 24px; }
}

/* ==========================================================================
   3. Contact Form 7
   ========================================================================== */
.wpcf7 .wpcf7-form {
	max-width: 640px;
}
.wpcf7 .wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 12px;
}
/* Sarmalayıcı blok olunca editörün eklediği <br> boş satır üretmesin */
.wpcf7 .wpcf7-form-control-wrap + br {
	display: none;
}
.wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], select, textarea) {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 12px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 15px;
	line-height: 1.4;
	color: #222;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.wpcf7 textarea {
	min-height: 140px;
	resize: vertical;
}
.wpcf7 :is(input, select, textarea)::placeholder {
	color: #767676;
	opacity: 1;
}
.wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], select, textarea):focus {
	outline: none;
	border-color: #005931;
	box-shadow: 0 0 0 3px rgba(0, 89, 49, .15);
}
.wpcf7 .wpcf7-submit,
.wpcf7 input[type="submit"] {
	display: inline-block;
	width: auto;
	margin: 4px 0 0;
	padding: 12px 28px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	background: #005931;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color .15s ease;
}
.wpcf7 .wpcf7-submit:hover,
.wpcf7 input[type="submit"]:hover {
	color: #fff;
	background: #00401f;
}
.wpcf7 .wpcf7-submit:focus-visible,
.wpcf7 input[type="submit"]:focus-visible {
	outline: 2px solid #005931;
	outline-offset: 2px;
}
.wpcf7 .wpcf7-submit:disabled {
	opacity: .6;
	cursor: not-allowed;
}
/* Doğrulama */
.wpcf7 .wpcf7-not-valid {
	border-color: #b3261e;
}
.wpcf7 .wpcf7-not-valid-tip {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.4;
	color: #b3261e;
}
.wpcf7 .wpcf7-response-output {
	margin: 16px 0 0;
	padding: 12px 14px;
	font-size: 14px;
	line-height: 1.5;
	border: 1px solid #ddd;
	border-inline-start-width: 4px;
	border-radius: 4px;
	color: #222;
	background: #fafafa;
}
.wpcf7 .wpcf7-response-output.wpcf7-display-none {
	display: none;
}
.wpcf7 .wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #005931;
	background: #eef5f1;
	color: #1f3d2e;
}
.wpcf7 :is(.wpcf7-validation-errors, .wpcf7-acceptance-missing),
.wpcf7 form.invalid .wpcf7-response-output {
	border-color: #b26a00;
	background: #fff8ec;
	color: #5c3700;
}
.wpcf7 :is(.wpcf7-mail-sent-ng, .wpcf7-spam-blocked, .wpcf7-aborted),
.wpcf7 form.failed .wpcf7-response-output {
	border-color: #b3261e;
	background: #fdf0ef;
	color: #6e1712;
}
@media (max-width: 767px) {
	/* iOS Safari yakınlaştırmasın */
	.wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], select, textarea) {
		font-size: 16px;
	}
	.wpcf7 .wpcf7-submit,
	.wpcf7 input[type="submit"] {
		width: 100%;
	}
}

/* ==========================================================================
   4. Yazı sonu: Önceki / Sonraki yazı (inc/cxdem-post-nav.php)
   ========================================================================== */
.cx-post-nav {
	clear: both;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	margin-top: 32px;
	padding: 20px 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
.cx-post-nav__item {
	min-width: 0;
}
.cx-post-nav__next {
	grid-column: 2;
	text-align: end;
}
.cx-post-nav__label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 1.4;
	color: #6b6b6b;
}
.cx-post-nav__item a {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	color: #222;
	text-decoration: none;
	text-wrap: pretty;
}
.cx-post-nav__item a:hover,
.cx-post-nav__item a:focus-visible {
	color: #005931;
}
@media (max-width: 767px) {
	.cx-post-nav {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.cx-post-nav__next {
		grid-column: auto;
		text-align: start;
	}
	.cx-post-nav__item--empty {
		display: none;
	}
}