/*
Theme Name: Hayat Bana Ne Diyor Teması
Theme URI: https://ide-danismanlik.com
Author: IDE Danışmanlık
Description: Emine Duvarcı Çelik'in "Hayat Bana Ne Diyor?" kitap sitesiyle aynı görsel dili (sıcak krem/bej zemin, kiremit turuncu vurgu, Playfair Display + Lato tipografi) taşıyan; blog, sayfa, arama ve 404 gibi tüm diğer görünümleri kapsayan tamamlayıcı tema. Ön sayfadaki tek sayfalık kitap tanıtımı, birlikte kullanılan "Hayat Bana Ne Diyor?" eklentisi tarafından ayrıca yönetilir.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hbnd-tema
*/

:root{
	--bg:#F8F1E3;
	--bg-alt:#F1E1CC;
	--accent:#C1652F;
	--accent-dark:#9C4E22;
	--text:#3A322C;
	--text-soft:#6b5f54;
	--dark-bg:#33241A;
	--dark-text:#F3E9DA;
	--radius:10px;
}

*, *::before, *::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
	margin:0;
	background:var(--bg);
	color:var(--text);
	font-family:'Lato', sans-serif;
	font-weight:400;
	line-height:1.75;
	font-size:17px;
	-webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,h6{
	font-family:'Playfair Display', serif;
	font-weight:600;
	line-height:1.25;
	margin:0 0 18px;
	color:var(--text);
}

a{ color:var(--accent-dark); text-decoration:none; }
a:hover{ color:var(--accent); }
img{ max-width:100%; height:auto; display:block; }
ul{ padding-left:1.2em; }

.hbndt-wrap{ max-width:1140px; margin:0 auto; padding:0 24px; }
.screen-reader-text{ position:absolute !important; left:-9999px; }

/* BUTTONS */
.hbndt-btn{
	display:inline-block;
	background:var(--accent);
	color:#fff !important;
	padding:14px 32px;
	border-radius:40px;
	font-weight:700;
	letter-spacing:.02em;
	border:none;
	cursor:pointer;
	transition:background .25s ease, transform .25s ease;
}
.hbndt-btn:hover{ background:var(--accent-dark); transform:translateY(-2px); }

/* HEADER */
.hbndt-header{
	background:rgba(248,241,227,.92);
	backdrop-filter:blur(6px);
	position:sticky;
	top:0;
	z-index:50;
	border-bottom:1px solid rgba(58,50,44,.08);
}
.hbndt-header-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 0;
	gap:20px;
}
.hbndt-logo{
	font-family:'Playfair Display', serif;
	font-weight:600;
	font-size:22px;
	color:var(--text);
	white-space:nowrap;
}
.hbndt-logo img{ max-height:52px; width:auto; }
.hbndt-nav ul{
	list-style:none;
	display:flex;
	gap:30px;
	margin:0;
	padding:0;
}
.hbndt-nav a{
	color:var(--text);
	font-weight:700;
	font-size:14px;
	letter-spacing:.03em;
	text-transform:uppercase;
}
.hbndt-nav a:hover{ color:var(--accent); }
.hbndt-nav-toggle{
	display:none;
	background:none;
	border:none;
	cursor:pointer;
	padding:8px;
}
.hbndt-nav-toggle span{
	display:block;
	width:24px;
	height:2px;
	background:var(--text);
	margin:5px 0;
}

@media (max-width:820px){
	.hbndt-nav-toggle{ display:block; }
	.hbndt-nav{
		display:none;
		position:absolute;
		left:0; right:0; top:100%;
		background:var(--bg);
		border-bottom:1px solid rgba(58,50,44,.08);
	}
	.hbndt-nav.is-open{ display:block; }
	.hbndt-nav ul{ flex-direction:column; gap:0; padding:10px 24px 20px; }
	.hbndt-nav li{ border-bottom:1px solid rgba(58,50,44,.08); }
	.hbndt-nav a{ display:block; padding:14px 0; }
}

/* PAGE HERO (page.php / single.php / archive.php top banner) */
.hbndt-page-hero{
	padding:90px 24px 60px;
	text-align:center;
	background:var(--bg-alt);
}
.hbndt-page-hero .hbndt-eyebrow{
	text-transform:uppercase;
	letter-spacing:.14em;
	font-size:13px;
	font-weight:700;
	color:var(--accent-dark);
	margin-bottom:14px;
	display:block;
}
.hbndt-page-hero h1{
	font-size:clamp(30px,4.2vw,50px);
	margin-bottom:0;
}
.hbndt-page-hero .hbndt-meta{
	margin-top:16px;
	font-size:14px;
	color:var(--text-soft);
}

/* CONTENT */
.hbndt-content{ padding:70px 24px 90px; }
.hbndt-content .hbndt-wrap{ max-width:760px; }
.hbndt-content .hbndt-thumb{
	margin-bottom:40px;
	border-radius:var(--radius);
	overflow:hidden;
	box-shadow:0 30px 60px -30px rgba(58,50,44,.35);
}
.hbndt-content article{ font-size:18px; }
.hbndt-content article h2{ font-size:28px; margin-top:44px; }
.hbndt-content article h3{ font-size:22px; margin-top:32px; }
.hbndt-content article blockquote{
	font-family:'Playfair Display', serif;
	font-style:italic;
	font-size:22px;
	border-left:3px solid var(--accent);
	margin:36px 0;
	padding:6px 0 6px 26px;
	color:var(--text);
}
.hbndt-content article p{ color:var(--text-soft); }
.hbndt-content article a{ text-decoration:underline; text-underline-offset:3px; }

/* BLOG / ARCHIVE GRID */
.hbndt-archive-header{ text-align:center; padding:90px 24px 20px; }
.hbndt-archive-header h1{ font-size:clamp(28px,4vw,42px); }
.hbndt-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:36px;
	padding:50px 24px 100px;
	max-width:1140px;
	margin:0 auto;
}
.hbndt-card{
	background:#fff;
	border-radius:var(--radius);
	overflow:hidden;
	box-shadow:0 20px 40px -28px rgba(58,50,44,.3);
	transition:transform .3s ease;
}
.hbndt-card:hover{ transform:translateY(-6px); }
.hbndt-card-thumb{ aspect-ratio:4/3; overflow:hidden; background:var(--bg-alt); }
.hbndt-card-thumb img{ width:100%; height:100%; object-fit:cover; }
.hbndt-card-body{ padding:22px 22px 26px; }
.hbndt-card-date{ font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-dark); font-weight:700; }
.hbndt-card h2{ font-size:20px; margin:8px 0 10px; }
.hbndt-card p{ color:var(--text-soft); font-size:15px; margin:0 0 14px; }
.hbndt-card a.hbndt-readmore{ font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }

@media (max-width:900px){ .hbndt-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .hbndt-grid{ grid-template-columns:1fr; } }

/* PAGINATION */
.hbndt-pagination{ display:flex; justify-content:center; gap:10px; padding:0 24px 100px; }
.hbndt-pagination a, .hbndt-pagination span{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:40px; height:40px; padding:0 12px;
	border-radius:8px; background:#fff; color:var(--text);
	font-weight:700; font-size:14px;
	box-shadow:0 4px 14px -8px rgba(58,50,44,.4);
}
.hbndt-pagination .current{ background:var(--accent); color:#fff; }

/* SEARCH */
.hbndt-search-form{ display:flex; gap:10px; max-width:520px; margin:0 auto; }
.hbndt-search-form input[type=search]{
	flex:1; padding:14px 16px; border-radius:8px; border:1px solid rgba(58,50,44,.2);
	font-family:'Lato',sans-serif; font-size:15px; background:#fff;
}
.hbndt-search-form button{ background:var(--accent); border:none; color:#fff; padding:0 22px; border-radius:8px; cursor:pointer; font-weight:700; }
.hbndt-search-form button:hover{ background:var(--accent-dark); }
.hbndt-no-results{ text-align:center; padding:60px 24px 100px; color:var(--text-soft); }

/* 404 */
.hbndt-404{ text-align:center; padding:130px 24px; }
.hbndt-404 .hbndt-404-code{ font-family:'Playfair Display',serif; font-size:clamp(70px,12vw,140px); color:var(--accent); line-height:1; margin-bottom:10px; }
.hbndt-404 p{ color:var(--text-soft); max-width:460px; margin:0 auto 34px; }

/* COMMENTS */
.hbndt-comments{ margin-top:60px; padding-top:40px; border-top:1px solid rgba(58,50,44,.12); }
.hbndt-comments h2{ font-size:24px; }
.hbndt-comment-list{ list-style:none; margin:0; padding:0; }
.hbndt-comment-list li{ margin-bottom:26px; padding-bottom:26px; border-bottom:1px solid rgba(58,50,44,.08); }
.hbndt-comment-author{ font-weight:700; margin-right:8px; }
.hbndt-comment-date{ font-size:13px; color:var(--text-soft); }
.comment-form input, .comment-form textarea{
	width:100%; padding:13px 15px; border-radius:8px; border:1px solid rgba(58,50,44,.2);
	font-family:'Lato',sans-serif; margin-bottom:14px; background:#fff;
}
.comment-form textarea{ min-height:130px; }
.comment-form label{ display:block; font-weight:700; margin-bottom:6px; font-size:14px; }

/* FOOTER */
.hbndt-footer{ background:var(--dark-bg); color:var(--dark-text); padding:70px 24px 30px; }
.hbndt-footer .hbndt-wrap{
	display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:50px; margin-bottom:50px;
}
.hbndt-footer h3{ color:var(--dark-text); font-size:18px; margin-bottom:18px; }
.hbndt-footer p{ color:rgba(243,233,218,.75); }
.hbndt-footer ul{ list-style:none; padding:0; margin:0; }
.hbndt-footer ul li{ margin-bottom:10px; }
.hbndt-footer a{ color:rgba(243,233,218,.8); }
.hbndt-footer a:hover{ color:#fff; }
.hbndt-social{ display:flex; gap:14px; margin-top:18px; }
.hbndt-social a{
	width:38px; height:38px; border-radius:50%; border:1px solid rgba(243,233,218,.3);
	display:flex; align-items:center; justify-content:center;
}
.hbndt-social a:hover{ background:rgba(243,233,218,.15); }
.hbndt-social svg{ width:16px; height:16px; fill:var(--dark-text); }
.hbndt-copyright{
	text-align:center; font-size:13px; color:rgba(243,233,218,.5);
	padding-top:26px; border-top:1px solid rgba(243,233,218,.15);
}
@media (max-width:820px){ .hbndt-footer .hbndt-wrap{ grid-template-columns:1fr; gap:34px; } }

/* WIDGETS (footer widget area) */
.widget{ margin-bottom:20px; }
.widget_search .search-field{ width:100%; padding:10px; border-radius:8px; border:1px solid rgba(243,233,218,.3); background:rgba(243,233,218,.08); color:var(--dark-text); }