@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap');

/* ==========================================
   HEADER
   ========================================== */
.site-header,
.ast-main-header-wrap,
.main-header-bar {
	background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
	border-radius: 0 0 24px 24px;
	border-bottom: 1px solid #bfdbfe;
	box-shadow: 0 4px 18px rgba(30, 58, 138, .07);
}

.main-header-menu a,
.ast-header-break-point .main-header-menu a {
	color: #1e3a8a !important;
	font-weight: 600;
}

.main-header-menu a:hover,
.main-header-menu .current-menu-item > a {
	color: #1d4ed8 !important;
}

.main-header-menu > .menu-item > a {
	border-radius: 10px;
	transition: background .2s;
}

.main-header-menu > .menu-item > a:hover {
	background: rgba(29, 78, 216, .09);
}

/* ---- Site başlığı ---- */
.site-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	letter-spacing: -0.5px !important;
	line-height: 1.1 !important;
	margin: 0 0 0 6px !important;
}

.site-title a {
	color: #1d4ed8 !important;
	text-decoration: none !important;
	transition: color .2s ease;
}

.site-title a:hover {
	color: #1e3a8a !important;
}

.ast-site-identity {
	display: flex !important;
	align-items: center !important;
	gap: 10px;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

@media (max-width: 768px) {
	.site-title {
		font-size: 1.15rem !important;
		letter-spacing: -0.3px !important;
	}
}

/* ==========================================
   YAZI SAYFASI
   ========================================== */
.single-post .entry-header,
.single-post .ast-single-post-order,
.single-post .post-thumb-img-content,
.single-post .entry-meta,
.single-post .ast-blog-featured-section,
.single-post #secondary {
	display: none !important;
}

.single-post .site-content > .ast-container {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 auto !important;
	display: block !important;
}

.single-post #primary,
.single-post .ast-article-single,
.single-post .entry-content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	float: none !important;
}

.single-post #content {
	padding-top: 0 !important;
}

.cly .hero {
	padding-top: 34px !important;
}

.cly .wrap {
	max-width: 980px !important;
	margin: 0 auto !important;
}

/* ==========================================
   KART HOVER ANİMASYONLARI
   ========================================== */
.cly .card,
.cly .box,
.cly .item,
.cly .grid > div,
.cly .cards > div,
.wp-block-column > .wp-block-group,
.wp-block-columns .wp-block-group,
.wp-block-group.has-background,
.uagb-container-inner-blocks-wrap,
.uagb-info-box {
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.cly .card:hover,
.cly .box:hover,
.cly .item:hover,
.cly .grid > div:hover,
.cly .cards > div:hover,
.wp-block-column > .wp-block-group:hover,
.wp-block-columns .wp-block-group:hover,
.wp-block-group.has-background:hover,
.uagb-container-inner-blocks-wrap:hover,
.uagb-info-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 28px rgba(29, 78, 216, .16);
	border-color: #1d4ed8;
}

/* ==========================================
   SSS KUTULARI
   ========================================== */
details {
	transition: transform .2s ease, box-shadow .2s ease;
}

details:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(29, 78, 216, .12);
}

details summary {
	cursor: pointer;
	transition: color .2s ease;
}

details summary:hover {
	color: #1e3a8a !important;
}

details[open] > *:not(summary) {
	animation: cl-ac .25s ease;
}

@keyframes cl-ac {
	from { opacity: 0; transform: translateY(-6px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ==========================================
   DOKUNMATİK CİHAZLAR
   ========================================== */
@media (hover: none) {
	.cly .card:hover,
	.cly .box:hover,
	.cly .item:hover,
	.cly .grid > div:hover,
	.cly .cards > div:hover,
	.wp-block-column > .wp-block-group:hover,
	.wp-block-columns .wp-block-group:hover,
	.wp-block-group.has-background:hover,
	.uagb-container-inner-blocks-wrap:hover,
	.uagb-info-box:hover,
	details:hover {
		transform: none;
		box-shadow: none;
	}
}