/*
Theme Name:  Barış Dayak Child
Theme URI:   https://barisdayak.com
Description: Twenty Twenty-Four alt teması. Proje içerik türü, taksonomi ve site-özel geliştirmeler burada tutulur; ana tema güncellendiğinde bunlar bozulmaz.
Author:      Barış Dayak
Template:    twentytwentyfour
Version:     1.0.0
Text Domain: bd-child
*/

/* ============================================================
   FONT KİLİDİ (2. katman)
   functions.php'de theme.json'daki font ailesi tanımlarını
   boşalttık (başka font çekilmesin diye). Bunun yan etkisi:
   Twenty Twenty-Four başlıklara/butonlara o (artık var olmayan)
   font ailesini referans veriyordu; tanım silinince tarayıcı
   geçersiz değeri yok sayıp KENDİ varsayılan serif fontuna
   düşüyor (bkz. ekran görüntüsündeki serif başlıklar).
   Çözüm: başlık/buton/form elemanlarını burada açıkça Inter'e
   sabitliyoruz, tema ne yaparsa yapsın değişmez.
   ============================================================ */
h1, h2, h3, h4, h5, h6, .wp-block-heading,
.wp-block-button .wp-block-button__link,
button, input, textarea, select {
	font-family: 'Inter', sans-serif !important;
}

/* ============================================================
   CTA (.bd-cta) — ESKİ SİTEDEN BİREBİR PORT (footerbox)
   Kaynak: eski-site-stylecss.txt satır 2321-2451 + 3396
   Eski yapı -> yeni karşılığı:
     footerbox            -> .bd-cta
     .big-logo            -> .bd-cta__logo img
     .footerbox-content   -> .bd-cta__body sütunu
     .new-large-button    -> .bd-cta__btn .wp-block-button__link
     .new-large-button-img-1 (avatar) -> .bd-cta__avatar
     .new-large-button-img-2 (15 dk)  -> .bd-cta__badge
   ============================================================ */

.bd-cta {
	max-width: 1256px;
	margin-top: 120px;
	background: linear-gradient(to right, #1060c1, rgb(28, 134, 250)) !important;
	color: #fff;
	border-radius: 8px;
	overflow: visible; /* 3D logo yukarı taşar (margin-top:-70px) */
}

.bd-cta .wp-block-columns {
	align-items: center;
	margin-bottom: 0;
	gap: 0;
}

/* Sol — 3D logo (eski: .big-logo 500x325, üstten -70px taşar) */
.bd-cta__media { text-align: left; }

.bd-cta__logo { margin: 0; }

.bd-cta__logo img {
	width: 500px;
	max-width: 100%;
	height: auto;
	display: block;
	margin-top: -70px;
}

/* Sağ — içerik (eski: .footerbox-content) */
.bd-cta__body {
	padding: 40px 40px 50px 0;
	margin-left: -100px;
}

.bd-cta__body h2 {
	font-size: 48px !important;
	color: #fff !important;
	font-weight: 500;
	margin: 0;
}

.bd-cta__body p {
	margin: 20px 0;
	font-size: 20px;
	color: #fff;
	font-weight: 400;
}

/* Aksiyon satırı: buton akışta, avatar ve rozet butona göre mutlak konumlu */
.bd-cta__action {
	position: relative;
	margin-top: 30px;
	width: max-content;
}

/* Buton (eski: .new-large-button) — pembe SVG arka plan altta bekler,
   hover'da yukarı kayar; metin beyazdan koyuya döner */
.bd-cta__btn .wp-block-button__link {
	background-color: transparent;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ia2F0bWFuXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI1cHgiIGhlaWdodD0iMTUwcHgiIHZpZXdCb3g9IjAgMCAxMjUgMTUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjUgMTUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRjhEREZEO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTI1LDBIMHY4OWwwLDBjMCwwLjIsMCwwLjMsMCwwLjVDMCwxMjIuOSwyOCwxNTAsNjIuNSwxNTBTMTI1LDEyMi45LDEyNSw4OS41YzAtMC4yLDAtMC4zLDAtMC41bDAsMFYweiIvPg0KPC9zdmc+DQo=);
	background-position: 50% 200%;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2em;
	border: .125rem solid #fff; /* eski: .new-large-button-border */
	border-radius: 100px;
	padding: 14px 47px;
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
	width: max-content;
	transition: background-position .8s cubic-bezier(.25,.46,.45,.94), color .2s ease;
}

.bd-cta__action:hover .bd-cta__btn .wp-block-button__link {
	background-position: 50% 0;
	color: #1f1f1f;
}

/* Avatar (eski: .new-large-button-img-1) — 48px daire, sol-altta belirir */
.bd-cta__avatar {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	overflow: hidden;
	margin: 0;
	position: absolute;
	top: 1.8rem;
	left: -2.9rem;
	transform: translate3d(1rem, .5rem, 0) scale3d(.8, .8, 1);
	transform-style: preserve-3d;
	opacity: 0;
	transition: transform 2s ease, opacity 2s ease;
	pointer-events: none;
	z-index: 2;
}

.bd-cta__avatar img { width: 48px; height: 48px; }

.bd-cta__action:hover .bd-cta__avatar {
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(-21deg);
	opacity: 1;
}

/* "15 dk" rozeti (eski: .new-large-button-img-2 — lacivert kapsül SVG'ydi;
   aynı ölçü ve renklerle (#203492 zemin, #DEE3FF yazı) CSS ile yeniden) */
.bd-cta__badge {
	width: 7rem;
	height: 3rem;
	background: #203492;
	color: #DEE3FF;
	font-size: 18px;
	font-weight: 500;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	position: absolute;
	top: -2rem;
	left: -.5rem;
	transform: translate3d(1rem, .5rem, 0) scale3d(.8, .8, 1);
	transform-style: preserve-3d;
	opacity: 0;
	transition: transform 2s ease, opacity 2s ease;
	pointer-events: none;
	z-index: 3;
}

.bd-cta__action:hover .bd-cta__badge {
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(-16deg);
	opacity: 1;
}

/* ============================================================
   FOOTER sütunları + alt satır — eski siteden birebir
   Kaynak: eski-site-stylecss.txt satır 2506-2626
   ============================================================ */

.bd-footer .wp-block-columns.alignwide {
	justify-content: space-between;
	margin-top: 32px;
	margin-bottom: 0;
}

/* Sütun başlıkları (eski: .footer-column p) */
.bd-footer h3.wp-block-heading {
	font-size: 18px;
	letter-spacing: .15px;
	font-weight: 500;
	margin: 0 0 20px;
}

.bd-footer ul.wp-block-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.bd-footer ul.wp-block-list li {
	margin-bottom: 1rem;
	padding-left: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	color: #1f1f1f;
}

.bd-footer ul.wp-block-list li a {
	color: #1f1f1f;
	font-weight: 400;
	text-decoration: none;
}

.bd-footer ul.wp-block-list li a:hover {
	color: #1c86fa;
}

/* Telif (eski: .copyright) */
.bd-footer .has-small-font-size {
	font-size: 16px !important;
	color: #1f1f1f;
	font-weight: 400;
}

/* Sosyal ikonlar (eski: .socials) */
.bd-footer .wp-block-social-links .wp-social-link {
	color: #858d96;
	transition: transform .15s;
}

.bd-footer .wp-block-social-links .wp-social-link svg {
	width: 24px;
	height: 24px;
}

.bd-footer .wp-block-social-links .wp-social-link:hover {
	transform: translateY(-10%);
}

/* ============================================================
   Mobil (eski: max-width 480px footerbox kuralları)
   ============================================================ */
@media (max-width: 782px) {
	.bd-cta {
		margin-top: 76px;
	}
	.bd-cta__logo img {
		width: 362px;
		margin-top: -44px;
		margin-inline: auto;
	}
	.bd-cta__body {
		padding: 0 22px 36px 36px;
		margin-left: 0;
	}
	.bd-cta__body h2 {
		font-size: 28px !important;
	}
	.bd-cta__btn .wp-block-button__link {
		font-size: 22px;
	}
	.bd-cta__action {
		margin-inline: auto;
	}
}