/* =========================================================
   Daraman Articles — styles
   Fully self-contained: does not require or depend on any other plugin's
   CSS. Uses the same Daraman brand tokens (colors, radius, shadow) and the
   same visual language (buttons, filter bar, pagination, empty state) as
   the rest of the site, scoped under .da-wrap.
   ========================================================= */

.da-wrap {
	--da-terracotta: #A94716;
	--da-copper: #C36A25;
	--da-gold: #C98A32;
	--da-ivory: #F8F3EA;
	--da-sand: #E8D3B5;
	--da-brown: #5A2E1B;
	--da-white: #FFFFFF;
	--da-charcoal: #292522;

	--da-radius: 14px;
	--da-radius-sm: 8px;
	--da-shadow: 0 8px 24px rgba(41, 37, 34, 0.08);
	--da-shadow-hover: 0 14px 32px rgba(41, 37, 34, 0.14);

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--da-charcoal);
	box-sizing: border-box;
	max-width: 1180px;
	margin: 0 auto;
	padding: 32px 20px 64px;
}

.da-wrap *,
.da-wrap *::before,
.da-wrap *::after {
	box-sizing: inherit;
}

/* ---------- Page header ---------- */

.da-page-header {
	text-align: center;
	max-width: 640px;
	margin: 0 auto 32px;
}

.da-page-title {
	font-size: 2.1rem;
	line-height: 1.2;
	margin: 0 0 12px;
	color: var(--da-brown);
	font-weight: 700;
	letter-spacing: -0.01em;
}

.da-page-intro {
	margin: 0;
	color: #6b5b4d;
	font-size: 1.02rem;
	line-height: 1.6;
}

/* ---------- Filters (search + category) ---------- */

.da-filters {
	background: var(--da-white);
	border: 1px solid var(--da-sand);
	border-radius: var(--da-radius);
	box-shadow: var(--da-shadow);
	padding: 22px 24px;
	margin-bottom: 28px;
}

.da-filters-head {
	display: none;
}

.da-filters-body {
	display: grid;
	grid-template-columns: 2fr 1fr auto;
	gap: 18px 16px;
	align-items: end;
}

.da-field label {
	display: block;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--da-brown);
	margin-bottom: 6px;
	letter-spacing: 0.01em;
}

.da-field input[type="search"],
.da-field select {
	width: 100%;
	padding: 11px 12px;
	border: 1.5px solid var(--da-sand);
	border-radius: var(--da-radius-sm);
	background: var(--da-ivory);
	color: var(--da-charcoal);
	font-size: 0.95rem;
	line-height: 1.3;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	appearance: none;
	-webkit-appearance: none;
}

.da-field select {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='%235A2E1B' d='M1 1l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 32px;
}

.da-field input:focus,
.da-field select:focus {
	outline: none;
	border-color: var(--da-copper);
	box-shadow: 0 0 0 3px rgba(195, 106, 37, 0.15);
	background: var(--da-white);
}

.da-field-actions {
	display: flex;
	gap: 10px;
	align-items: center;
}

/* ---------- Buttons ---------- */

.da-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 18px;
	border-radius: 999px;
	font-size: 0.92rem;
	font-weight: 600;
	text-decoration: none;
	border: 1.5px solid transparent;
	cursor: pointer;
	line-height: 1;
	white-space: nowrap;
	transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.15s ease, border-color 0.15s ease;
}

.da-btn:hover {
	transform: translateY(-1px);
}

.da-btn-primary {
	background: linear-gradient(135deg, var(--da-terracotta), var(--da-copper));
	color: var(--da-white);
	box-shadow: 0 6px 16px rgba(169, 71, 22, 0.28);
}

.da-btn-primary:hover {
	box-shadow: 0 10px 22px rgba(169, 71, 22, 0.34);
}

.da-btn-ghost {
	background: transparent;
	color: var(--da-brown);
	border-color: var(--da-sand);
}

.da-btn-ghost:hover {
	background: var(--da-ivory);
	border-color: var(--da-copper);
}

/* ---------- Results bar ---------- */

.da-results-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 18px;
}

.da-results-count {
	margin: 0;
	font-size: 0.95rem;
	color: #6b5b4d;
	font-weight: 500;
}

/* ---------- Badge ---------- */

.da-badge {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 999px;
	background: var(--da-ivory);
	border: 1px solid var(--da-sand);
	color: var(--da-brown);
	font-size: 0.8rem;
	font-weight: 600;
}

/* ---------- Grid ---------- */

.da-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

/* ---------- Card ---------- */

.da-card {
	background: var(--da-white);
	border: 1px solid var(--da-sand);
	border-radius: var(--da-radius);
	box-shadow: var(--da-shadow);
	overflow: hidden;
	transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.da-card:hover {
	box-shadow: var(--da-shadow-hover);
	transform: translateY(-2px);
	border-color: var(--da-gold);
}

.da-card-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.da-card-thumb {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	background: var(--da-ivory);
	overflow: hidden;
}

.da-card-thumb-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
}

.da-card-thumb-fallback {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--da-gold);
	background: linear-gradient(135deg, var(--da-ivory), var(--da-sand));
}

.da-card-category {
	position: absolute;
	top: 12px;
	left: 12px;
	background: var(--da-white);
	border-color: var(--da-white);
	box-shadow: 0 2px 8px rgba(41, 37, 34, 0.15);
}

.da-card-body {
	padding: 18px 20px 22px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.da-card-date {
	margin: 0 0 8px;
	font-size: 0.8rem;
	color: #9c8a7a;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 600;
}

.da-card-title {
	margin: 0 0 10px;
	font-size: 1.12rem;
	font-weight: 700;
	color: var(--da-brown);
	line-height: 1.4;
}

.da-card-excerpt {
	margin: 0 0 16px;
	font-size: 0.92rem;
	color: #6b5b4d;
	line-height: 1.6;
	flex: 1;
}

.da-card-readmore {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--da-terracotta);
	margin-top: auto;
}

.da-card:hover .da-card-readmore svg {
	transform: translateX(3px);
}

.da-card-readmore svg {
	transition: transform 0.15s ease;
}

/* ---------- Pagination ---------- */

.da-pagination {
	margin-top: 32px;
	display: flex;
	justify-content: center;
}

.da-pagination-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.da-pagination-list li a,
.da-pagination-list li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border-radius: var(--da-radius-sm);
	border: 1.5px solid var(--da-sand);
	color: var(--da-brown);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
	background: var(--da-white);
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.da-pagination-list li a:hover {
	background: var(--da-ivory);
	border-color: var(--da-copper);
}

.da-pagination-list li span.current {
	background: linear-gradient(135deg, var(--da-terracotta), var(--da-copper));
	border-color: transparent;
	color: var(--da-white);
}

.da-pagination-list li span.dots {
	border: none;
	background: transparent;
}

/* ---------- Empty state ---------- */

.da-empty-state {
	text-align: center;
	padding: 64px 24px;
	background: var(--da-white);
	border: 1px dashed var(--da-sand);
	border-radius: var(--da-radius);
}

.da-empty-state svg {
	color: var(--da-gold);
	margin-bottom: 16px;
}

.da-empty-state h2 {
	margin: 0 0 8px;
	color: var(--da-brown);
	font-size: 1.3rem;
}

.da-empty-state p {
	margin: 0 0 20px;
	color: #6b5b4d;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 960px) {
	.da-filters-body {
		grid-template-columns: 1fr 1fr;
	}

	.da-field-actions {
		grid-column: span 2;
	}

	.da-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 18px;
	}
}

@media (max-width: 640px) {
	.da-wrap {
		padding: 20px 14px 48px;
	}

	.da-page-title {
		font-size: 1.6rem;
	}

	.da-filters {
		padding: 14px 16px;
	}

	.da-filters-head {
		display: flex;
		justify-content: flex-start;
	}

	.da-filters-toggle {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: var(--da-ivory);
		border: 1.5px solid var(--da-sand);
		border-radius: 999px;
		padding: 10px 16px;
		font-weight: 600;
		color: var(--da-brown);
		font-size: 0.9rem;
	}

	.da-filters-body {
		grid-template-columns: 1fr;
		display: none;
		margin-top: 16px;
	}

	.da-filters-body.is-open {
		display: grid;
	}

	.da-field-actions {
		grid-column: span 1;
		flex-direction: column;
		align-items: stretch;
	}

	.da-field-actions .da-btn {
		width: 100%;
	}

	.da-results-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.da-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.da-card-title {
		font-size: 1.05rem;
	}
}


/* Fix theme button overrides: keep Search legible and consistent. */
.da-wrap .da-field-actions .da-btn-primary,
.da-wrap .da-field-actions button.da-btn-primary,
.da-wrap .da-empty-state .da-btn-primary {
	background: linear-gradient(135deg, #A94716, #C36A25) !important;
	background-color: #A94716 !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
	border: 1.5px solid #A94716 !important;
	text-shadow: none !important;
	opacity: 1 !important;
	box-shadow: 0 6px 16px rgba(169, 71, 22, 0.22);
}
.da-wrap .da-field-actions .da-btn-primary:hover,
.da-wrap .da-field-actions button.da-btn-primary:hover {
	background: #87370F !important;
	background-color: #87370F !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
}

/* Single article template */
.da-single {
	--da-terracotta: #A94716; --da-copper: #C36A25; --da-ivory: #F8F3EA;
	--da-sand: #E8D3B5; --da-brown: #5A2E1B; --da-charcoal: #292522;
	max-width: 1180px; margin: 0 auto; padding: 34px 20px 72px;
	color: var(--da-charcoal); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	box-sizing: border-box;
}
.da-single *, .da-single *::before, .da-single *::after { box-sizing: inherit; }
.da-single-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:#806d5d; font-size:.9rem; margin:0 0 22px; }
.da-single-breadcrumbs a { color:var(--da-terracotta); text-decoration:none; }
.da-single-breadcrumbs a:hover { text-decoration:underline; }
.da-single-hero { max-width:900px; margin:0 auto 28px; }
.da-single-category { display:inline-flex; padding:6px 12px; background:var(--da-ivory); border:1px solid var(--da-sand); border-radius:999px; color:var(--da-brown); font-size:.82rem; font-weight:700; margin-bottom:14px; }
.da-single-title { font-size:clamp(2rem,4.5vw,3.4rem); line-height:1.12; letter-spacing:-.035em; color:var(--da-brown); margin:0 0 18px; overflow-wrap:anywhere; }
.da-single-meta { display:flex; flex-wrap:wrap; gap:10px 18px; color:#806d5d; font-size:.9rem; }
.da-single-featured { max-width:1000px; margin:0 auto 34px; overflow:hidden; border-radius:18px; background:var(--da-ivory); }
.da-single-featured img { display:block; width:100%; height:auto; max-height:620px; object-fit:cover; margin:0; }
.da-single-layout { display:grid; grid-template-columns:minmax(0, min(760px, 1fr)) minmax(220px, 280px); gap:44px; align-items:start; justify-content:center; }
.da-single-content { min-width:0; font-size:1.05rem; line-height:1.85; color:#403831; overflow-wrap:anywhere; }
.da-single-content > *:first-child { margin-top:0; }
.da-single-content h2,.da-single-content h3,.da-single-content h4 { color:var(--da-brown); line-height:1.3; margin:1.8em 0 .65em; }
.da-single-content h2 { font-size:clamp(1.45rem,3vw,2rem); }
.da-single-content h3 { font-size:1.35rem; }
.da-single-content p { margin:0 0 1.25em; }
.da-single-content img,.da-single-content video,.da-single-content iframe { max-width:100%; }
.da-single-content img { height:auto; border-radius:10px; }
.da-single-content blockquote { margin:1.5em 0; padding:16px 20px; border-left:4px solid var(--da-terracotta); background:var(--da-ivory); border-radius:0 10px 10px 0; }
.da-single-content a { color:var(--da-terracotta); text-underline-offset:3px; }
.da-single-content table { width:100%; border-collapse:collapse; display:block; overflow-x:auto; }
.da-single-content th,.da-single-content td { padding:10px 12px; border:1px solid var(--da-sand); text-align:left; }
.da-single-sidebar { position:sticky; top:24px; padding:22px; background:var(--da-ivory); border:1px solid var(--da-sand); border-radius:14px; }
.da-single-sidebar h2 { color:var(--da-brown); font-size:1.15rem; margin:0 0 10px; }
.da-single-sidebar p { color:#6b5b4d; line-height:1.65; font-size:.92rem; margin:0 0 16px; }
.da-single-cta { display:flex; width:100%; justify-content:center; align-items:center; padding:12px 16px; border-radius:999px; background:var(--da-terracotta); color:#fff !important; text-decoration:none !important; font-weight:700; }
.da-single-cta:hover { background:#87370F; }
.da-single-tags { margin-top:28px; display:flex; flex-wrap:wrap; gap:8px; }
.da-single-tags a { display:inline-block; padding:6px 10px; border:1px solid var(--da-sand); border-radius:999px; color:var(--da-brown); text-decoration:none; font-size:.84rem; }
.da-single-nav { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:36px; padding-top:24px; border-top:1px solid var(--da-sand); }
.da-single-nav a { min-width:0; padding:16px; border:1px solid var(--da-sand); border-radius:12px; color:var(--da-brown); text-decoration:none; overflow-wrap:anywhere; }
.da-single-nav small { display:block; color:#8b7765; margin-bottom:5px; }
.da-single-related { margin-top:52px; }
.da-single-related h2 { color:var(--da-brown); font-size:1.6rem; margin:0 0 20px; }
.da-single-related .da-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:800px) {
 .da-single { padding:24px 16px 48px; }
 .da-single-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
 .da-single-sidebar { position:static; }
 .da-single-related .da-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px) {
 .da-single { padding:18px 14px 40px; }
 .da-single-title { font-size:1.9rem; }
 .da-single-featured { border-radius:12px; margin-bottom:24px; }
 .da-single-content { font-size:1rem; line-height:1.75; }
 .da-single-nav { grid-template-columns:1fr; }
 .da-single-related .da-grid { grid-template-columns:1fr; }
}


/* Native single-post enhancements: keep the active theme's own template intact. */
.da-single-extras {
	--da-terracotta:#A94716; --da-copper:#C36A25; --da-gold:#C98A32;
	--da-ivory:#F8F3EA; --da-sand:#E8D3B5; --da-brown:#5A2E1B;
	--da-white:#FFFFFF; --da-charcoal:#292522;
	clear:both; width:100%; max-width:100%; margin-top:30px;
	color:var(--da-charcoal); font-family:inherit;
}
.da-single-extras .da-single-tags { margin:24px 0; display:flex; flex-wrap:wrap; gap:8px; }
.da-single-extras .da-single-tags a { display:inline-flex; padding:6px 11px; border:1px solid var(--da-sand); border-radius:999px; background:var(--da-ivory); color:var(--da-brown); text-decoration:none; font-size:.85rem; }
.da-single-extras .da-single-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:28px 0 0; padding-top:22px; border-top:1px solid var(--da-sand); }
.da-single-extras .da-single-nav > div { min-width:0; }
.da-single-extras .da-single-nav a { display:block; height:100%; padding:16px; border:1px solid var(--da-sand); border-radius:12px; color:var(--da-brown); text-decoration:none; overflow-wrap:anywhere; background:#fff; }
.da-single-extras .da-single-nav a:hover { border-color:var(--da-copper); background:var(--da-ivory); }
.da-single-extras .da-single-nav small { display:block; color:#8b7765; margin-bottom:6px; font-size:.8rem; }
.da-single-extras .da-single-related { margin-top:42px; }
.da-single-extras .da-single-related h2 { color:var(--da-brown); font-size:clamp(1.35rem,2.5vw,1.8rem); line-height:1.25; margin:0 0 18px; }
.da-single-extras .da-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.da-single-extras .da-btn-primary { background:linear-gradient(135deg,#A94716,#C36A25); color:#fff !important; border-color:#A94716; }
.da-single-bottom-cta { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:34px; padding:24px; border:1px solid var(--da-sand); border-radius:14px; background:var(--da-ivory); }
.da-single-bottom-cta > div { min-width:0; }
.da-single-bottom-cta h2 { margin:0 0 7px; color:var(--da-brown); font-size:1.25rem; line-height:1.3; }
.da-single-bottom-cta p { margin:0; color:#6b5b4d; font-size:.95rem; line-height:1.6; }
.da-single-bottom-cta .da-btn { flex-shrink:0; }
@media(max-width:800px) {
	.da-single-extras .da-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
}
@media(max-width:560px) {
	.da-single-extras { margin-top:24px; }
	.da-single-extras .da-grid { grid-template-columns:minmax(0,1fr); }
	.da-single-extras .da-single-nav { grid-template-columns:minmax(0,1fr); }
	.da-single-bottom-cta { align-items:stretch; flex-direction:column; padding:18px; gap:14px; }
	.da-single-bottom-cta .da-btn { width:100%; }
}


/* =========================================================
   Elementor Single Post template shortcode: [daraman_single_article]
   Premium Daraman journal layout, fully responsive and isolated.
========================================================= */
.da-article-single {
	--da-terracotta:#A94716; --da-copper:#C36A25; --da-gold:#C98A32;
	--da-ivory:#F8F3EA; --da-sand:#E8D3B5; --da-brown:#5A2E1B;
	--da-charcoal:#292522; --da-muted:#75685c;
	width:100%; max-width:1240px; margin:0 auto; padding:28px 24px 72px;
	color:var(--da-charcoal); font-family:inherit; box-sizing:border-box;
}
.da-article-single *, .da-article-single *::before, .da-article-single *::after { box-sizing:border-box; }
.da-article-breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:0 0 28px; font-size:.85rem; color:#958170; }
.da-article-breadcrumbs a { color:var(--da-terracotta); text-decoration:none; }
.da-article-breadcrumbs a:hover { text-decoration:underline; }
.da-article-header { max-width:940px; margin:0 auto 28px; text-align:center; }
.da-article-category { display:inline-flex; align-items:center; padding:7px 13px; margin:0 0 16px; border:1px solid var(--da-sand); border-radius:999px; background:var(--da-ivory); color:var(--da-terracotta); text-decoration:none; text-transform:uppercase; letter-spacing:.07em; font-size:.72rem; font-weight:750; }
.da-article-title { margin:0 auto 16px; color:var(--da-brown); font-size:clamp(2.1rem,4.5vw,3.8rem); line-height:1.08; letter-spacing:-.04em; font-weight:750; overflow-wrap:anywhere; }
.da-article-deck { max-width:760px; margin:0 auto 18px; color:var(--da-muted); font-size:clamp(1rem,1.5vw,1.2rem); line-height:1.7; }
.da-article-meta { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px 18px; color:#8c7a69; font-size:.84rem; }
.da-article-meta span + span::before { content:""; display:inline-block; width:4px; height:4px; border-radius:50%; background:var(--da-copper); margin:0 11px 2px 0; }
.da-article-featured { width:100%; margin:32px 0 42px; padding:0; overflow:hidden; border-radius:20px; background:var(--da-ivory); box-shadow:0 16px 44px rgba(41,37,34,.10); }
.da-article-featured img { display:block; width:100%; max-height:650px; aspect-ratio:16/8.5; object-fit:cover; margin:0; }
.da-article-body-grid { display:grid; grid-template-columns:minmax(0, min(760px, 1fr)) minmax(240px,300px); gap:clamp(28px,5vw,64px); justify-content:center; align-items:start; }
.da-article-content { min-width:0; color:#403831; font-size:1.05rem; line-height:1.9; overflow-wrap:anywhere; }
.da-article-content > *:first-child { margin-top:0; }
.da-article-content p { margin:0 0 1.35em; }
.da-article-content h2,.da-article-content h3,.da-article-content h4 { color:var(--da-brown); line-height:1.3; letter-spacing:-.02em; margin:1.8em 0 .65em; }
.da-article-content h2 { font-size:clamp(1.55rem,3vw,2.1rem); }
.da-article-content h3 { font-size:1.4rem; }
.da-article-content ul,.da-article-content ol { padding-left:1.4em; margin:0 0 1.4em; }
.da-article-content li { margin:.35em 0; }
.da-article-content a { color:var(--da-terracotta); text-underline-offset:3px; }
.da-article-content img,.da-article-content video,.da-article-content iframe { max-width:100%; }
.da-article-content img { height:auto; border-radius:12px; }
.da-article-content blockquote { margin:1.6em 0; padding:18px 22px; border:0; border-left:4px solid var(--da-terracotta); border-radius:0 12px 12px 0; background:var(--da-ivory); color:var(--da-brown); }
.da-article-content table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }
.da-article-content th,.da-article-content td { padding:10px 13px; border:1px solid var(--da-sand); text-align:left; }
.da-article-sidebar { min-width:0; }
.da-article-sidebar-inner { position:sticky; top:28px; padding:26px 23px; border:1px solid var(--da-sand); border-radius:16px; background:linear-gradient(145deg,#fbf7f0,#f4e8d7); }
.da-article-sidebar-kicker { display:block; color:var(--da-terracotta); font-size:.7rem; font-weight:800; letter-spacing:.12em; margin-bottom:14px; }
.da-article-sidebar h2 { color:var(--da-brown); font-size:1.45rem; line-height:1.25; letter-spacing:-.025em; margin:0 0 12px; }
.da-article-sidebar p { color:#746252; font-size:.92rem; line-height:1.7; margin:0 0 20px; }
.da-article-sidebar-button { display:flex; justify-content:center; align-items:center; width:100%; padding:13px 15px; border:1px solid var(--da-terracotta); border-radius:999px; background:var(--da-terracotta); color:#fff !important; font-size:.9rem; font-weight:700; text-decoration:none !important; text-align:center; transition:background .18s ease,transform .18s ease; }
.da-article-sidebar-button:hover { background:#87370F; transform:translateY(-1px); }
.da-article-tags { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding-top:24px; margin-top:28px; border-top:1px solid #eadcc9; font-size:.85rem; }
.da-article-tags strong { color:var(--da-brown); margin-right:3px; }
.da-article-tags a { display:inline-flex; padding:6px 10px; border:1px solid var(--da-sand); border-radius:999px; background:#fff; color:var(--da-brown); text-decoration:none; }
.da-article-post-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:38px; padding-top:24px; border-top:1px solid var(--da-sand); }
.da-article-post-nav > div { min-width:0; }
.da-article-post-nav a { display:block; height:100%; padding:17px 19px; border:1px solid var(--da-sand); border-radius:13px; background:#fff; text-decoration:none; }
.da-article-post-nav a:hover { border-color:var(--da-copper); background:var(--da-ivory); }
.da-article-post-nav span { display:block; margin-bottom:7px; color:#9b8069; font-size:.77rem; text-transform:uppercase; letter-spacing:.06em; }
.da-article-post-nav strong { display:block; color:var(--da-brown); font-size:.96rem; line-height:1.45; overflow-wrap:anywhere; }
.da-article-related { margin-top:54px; }
.da-article-section-heading { margin-bottom:22px; }
.da-article-section-heading > span { display:block; color:var(--da-terracotta); font-size:.72rem; font-weight:800; letter-spacing:.12em; margin-bottom:8px; }
.da-article-section-heading h2 { margin:0; color:var(--da-brown); font-size:clamp(1.6rem,3vw,2.2rem); line-height:1.2; letter-spacing:-.03em; }
.da-article-related .da-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.da-article-related .da-card { min-width:0; }
.da-article-related .da-card-title { overflow-wrap:anywhere; }
@media(max-width:900px) {
	.da-article-single { padding:24px 20px 56px; }
	.da-article-body-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
	.da-article-sidebar-inner { position:static; }
	.da-article-related .da-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
	.da-article-single { padding:18px 14px 42px; }
	.da-article-breadcrumbs { margin-bottom:20px; font-size:.8rem; }
	.da-article-header { margin-bottom:22px; text-align:left; }
	.da-article-title { font-size:clamp(1.9rem,9vw,2.55rem); line-height:1.12; }
	.da-article-meta { justify-content:flex-start; gap:7px 10px; font-size:.78rem; }
	.da-article-meta span + span::before { margin-right:7px; }
	.da-article-featured { margin:24px 0 28px; border-radius:13px; }
	.da-article-featured img { aspect-ratio:4/3; max-height:420px; }
	.da-article-content { font-size:1rem; line-height:1.8; }
	.da-article-sidebar-inner { padding:21px 19px; }
	.da-article-post-nav { grid-template-columns:minmax(0,1fr); margin-top:28px; }
	.da-article-related { margin-top:38px; }
	.da-article-related .da-grid { grid-template-columns:minmax(0,1fr); gap:15px; }
}


/* =========================================================
   Daraman Journal — article body editorial redesign
   Scoped to the single-article shortcode so archive cards stay untouched.
========================================================= */
.da-article-single .da-article-content {
  min-width: 0 !important;
  color: #4d4035 !important;
  font-size: 17px !important;
  line-height: 1.88 !important;
  letter-spacing: .002em;
  overflow-wrap: anywhere;
}
.da-article-single .da-article-content > *:first-child { margin-top: 0 !important; }
.da-article-single .da-article-content p {
  margin: 0 0 22px !important;
  color: #51463d !important;
  font-size: 17px !important;
  line-height: 1.88 !important;
}
/* Give the opening paragraph a clear editorial lead-in. */
.da-article-single .da-article-content > p:first-of-type {
  color: #5a2e1b !important;
  font-size: 19px !important;
  line-height: 1.78 !important;
  margin-bottom: 30px !important;
}
.da-article-single .da-article-content h2 {
  position: relative;
  margin: 46px 0 18px !important;
  padding: 0 0 13px 17px !important;
  border-bottom: 1px solid #eadcc9 !important;
  color: #5a2e1b !important;
  font-size: clamp(24px, 2.7vw, 31px) !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  letter-spacing: -.025em !important;
}
.da-article-single .da-article-content h2::before {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 15px;
  left: 0;
  width: 4px;
  border-radius: 5px;
  background: linear-gradient(180deg, #A94716, #C98A32);
}
.da-article-single .da-article-content h3 {
  margin: 34px 0 12px !important;
  color: #743b20 !important;
  font-size: clamp(20px, 2vw, 23px) !important;
  line-height: 1.35 !important;
  font-weight: 720 !important;
  letter-spacing: -.015em !important;
}
.da-article-single .da-article-content h4 {
  margin: 26px 0 10px !important;
  color: #5a2e1b !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}
.da-article-single .da-article-content ul,
.da-article-single .da-article-content ol {
  margin: 8px 0 28px !important;
  padding-left: 26px !important;
}
.da-article-single .da-article-content li {
  padding-left: 4px;
  margin: 0 0 10px !important;
  line-height: 1.75 !important;
}
.da-article-single .da-article-content li::marker { color: #A94716; }
.da-article-single .da-article-content strong { color: #493020 !important; font-weight: 750 !important; }
.da-article-single .da-article-content a {
  color: #A94716 !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.da-article-single .da-article-content figure,
.da-article-single .da-article-content .wp-block-image { margin: 28px 0 !important; }
.da-article-single .da-article-content img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 14px !important;
}
.da-article-single .da-article-content figcaption {
  margin-top: 9px;
  color: #8a7765;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.da-article-single .da-article-content blockquote {
  margin: 30px 0 !important;
  padding: 22px 24px !important;
  border: 1px solid #eadcc9 !important;
  border-left: 4px solid #A94716 !important;
  border-radius: 0 14px 14px 0 !important;
  background: #F8F3EA !important;
  color: #5A2E1B !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}
.da-article-single .da-article-content table {
  width: 100%; max-width: 100%; margin: 24px 0 30px !important;
  border-collapse: collapse; display: block; overflow-x: auto;
  border-radius: 10px;
}
.da-article-single .da-article-content th {
  background: #F8F3EA; color: #5A2E1B; font-weight: 700;
}
.da-article-single .da-article-content th,
.da-article-single .da-article-content td {
  padding: 13px 15px !important;
  border: 1px solid #E8D3B5 !important;
  text-align: left;
}
.da-article-single .da-article-tags { margin-top: 38px !important; }
@media (max-width: 768px) {
  .da-article-single .da-article-content,
  .da-article-single .da-article-content p { font-size: 16px !important; line-height: 1.8 !important; }
  .da-article-single .da-article-content > p:first-of-type { font-size: 17px !important; line-height: 1.75 !important; }
  .da-article-single .da-article-content h2 { margin-top: 34px !important; font-size: 24px !important; }
  .da-article-single .da-article-content h3 { margin-top: 28px !important; font-size: 20px !important; }
  .da-article-single .da-article-content p { margin-bottom: 18px !important; }
  .da-article-single .da-article-content blockquote { padding: 17px 18px !important; font-size: 16px !important; }
  .da-article-single .da-article-content th,
  .da-article-single .da-article-content td { padding: 10px 11px !important; }
}