/* ==========================================================================
   Одиночний запис блогу (single.php)
   ========================================================================== */

.single-hero{ position:relative; background:#020A03; overflow:hidden; padding-bottom:60px; min-height:520px; display:flex; align-items:flex-end; margin-top:-98px; padding-top:98px; }
.single-hero-bg{ position:absolute; inset:0; z-index:0; }
.single-hero-bg img{ width:100%; height:100%; object-fit:cover; display:block; }
.single-hero-bg::after{
	content:""; position:absolute; inset:0;
	background:linear-gradient(180deg, rgba(2,10,3,.85) 0%, rgba(2,10,3,.35) 45%, rgba(2,10,3,.95) 100%);
}
.single-hero-glow{
	position:absolute; right:-120px; bottom:-140px; z-index:1; pointer-events:none;
	width:420px; height:420px; border-radius:50%;
	background:radial-gradient(circle, rgba(57,152,42,.55) 0%, transparent 70%);
	mix-blend-mode:plus-lighter;
	filter:blur(20px);
}
.single-hero-glow-tl{
	position:absolute; left:-120px; top:-140px; z-index:1; pointer-events:none;
	width:420px; height:420px; border-radius:50%;
	background:radial-gradient(circle, rgba(57,152,42,.45) 0%, transparent 70%);
	mix-blend-mode:plus-lighter;
	filter:blur(20px);
}
.single-hero-noise{
	position:absolute; inset:0; z-index:1; pointer-events:none;
	opacity:.18; mix-blend-mode:overlay;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
	background-size:180px 180px;
}
.single-hero-inner{ position:relative; z-index:2; padding-top:40px; }
.single-back{
	display:inline-flex; align-items:center; gap:10px;
	font-family:var(--font-body); font-size:15px; color:rgba(255,255,255,.85);
}
.single-back:hover{ color:#fff; }
.single-hero-spacer{ height:260px; }
.single-hero-meta{ display:flex; align-items:center; gap:32px; margin-bottom:14px; }
.single-hero-meta-item{ display:inline-flex; align-items:center; gap:10px; font-family:'Unbounded', sans-serif; font-weight:400; font-size:14px; line-height:140%; letter-spacing:.02em; color:#AFAFAF; }
.single-hero-meta-item:first-child{ color:#B5B6B7; gap:10px; }
.single-hero-meta-icon{ flex-shrink:0; display:block; }
.single-hero-title{ font-family:'Unbounded', sans-serif; font-weight:700; font-size:60px; line-height:120%; color:#FCFCFC; margin:0 0 36px; max-width:1110px; }
.single-hero-read{ display:inline-flex; align-items:center; gap:15px; font-family:'Unbounded', sans-serif; font-weight:400; font-size:18px; color:#F3F3F5; }
.single-hero-read-icon{
	display:flex; align-items:center; justify-content:center;
	width:53px; height:53px; border-radius:50%; border:1px solid #F3F3F5;
}

@media (max-width:760px){ .single-hero-spacer{ height:160px; } .single-hero-title{ font-size:34px; } .single-hero-meta{ flex-wrap:wrap; gap:16px; } }

/* --- Хлібні крихти під херо --- */
.single-breadcrumbs{ flex-wrap:wrap; }

/* --- Двоколонковий макет: контент + Зміст --- */
.single-body{ background:#FCFCFC; padding-top:40px; padding-bottom:20px; }
.single-layout{ display:grid; grid-template-columns:1fr 300px; gap:60px; align-items:start; margin-top:8px; }

.single-content{ font-family:var(--font-body); font-size:16px; line-height:1.7; color:#3a423a; max-width:760px; }
.single-content p{ margin:0 0 20px; }
.single-content h2{ font-family:var(--font-display); font-weight:700; font-size:28px; color:#181C1E; margin:44px 0 20px; scroll-margin-top:100px; }
.single-content h3{ font-family:var(--font-display); font-weight:600; font-size:20px; color:#181C1E; margin:32px 0 16px; }
.single-content ul, .single-content ol{ margin:0 0 20px; padding-left:22px; }
.single-content ul{ list-style:disc; }
.single-content ol{ list-style:decimal; }
.single-content li{ margin-bottom:8px; }
.single-content img{ width:100%; height:auto; border-radius:16px; margin:24px 0; }
.single-content a{ color:#096415; text-decoration:underline; }
.single-content blockquote{
	position:relative; margin:32px 0; padding:24px 40px; border-left:2px solid #096415;
	font-style:italic; color:#5B6B58;
}
.single-content blockquote p:last-child{ margin-bottom:0; }

.single-sidebar{ position:sticky; top:100px; }
.single-toc h3{ font-family:var(--font-display); font-weight:700; font-size:20px; color:#181C1E; margin:0 0 16px; }
.single-toc ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; border-left:2px solid #E6EAE3; }
.single-toc a{
	display:block; padding:2px 0 2px 18px; margin-left:-2px; border-left:2px solid transparent;
	font-family:var(--font-body); font-size:14px; color:#5B6B58; transition:color .15s ease, border-color .15s ease;
}
.single-toc a:hover, .single-toc a.is-active{ color:#096415; border-left-color:#096415; }

@media (max-width:960px){
	.single-layout{ grid-template-columns:1fr; }
	.single-sidebar{ position:static; order:-1; }
}

/* --- Поділитись --- */
.single-share{ display:flex; align-items:center; gap:12px; margin:48px 0; }
.single-share-label{ font-family:var(--font-display); font-weight:600; font-size:16px; color:#181C1E; margin-right:6px; }
.single-share-btn{
	display:flex; align-items:center; justify-content:center;
	width:36px; height:36px; border-radius:50%; background:#096415; color:#fff;
	transition:background .15s ease;
}
.single-share-btn:hover{ background:var(--orange); }

/* --- Теми цієї статті --- */
.single-tags{ margin-bottom:60px; }
.single-tags h3{ font-family:var(--font-display); font-weight:700; font-size:22px; color:#181C1E; margin:0 0 20px; }
.single-tags-list{ display:flex; flex-wrap:wrap; gap:16px; }
.single-tag{
	display:flex; align-items:center; justify-content:center;
	width:202px; height:41px; padding:10px; border-radius:50px; background:#BBBBBB; border:none;
	font-family:'Unbounded', sans-serif; font-weight:400; font-size:18px; line-height:116%; color:#FCFCFC;
	transition:background .15s ease;
}
.single-tag:hover{ background:var(--orange); color:#FCFCFC; }

/* --- Recommended reading --- */
.single-related{ background:#FCFCFC; padding:60px 0 100px; }
.single-related-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:32px; }
.single-related-head .section-title{ margin:0; color:#181C1E; }
.single-related-head .carousel-controls{ margin:0; }
.single-related-head .carousel-controls button{ color:#096415; }
.single-related-grid{ display:flex; gap:40px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.single-related-grid::-webkit-scrollbar{ display:none; }
.single-related-grid .blog-card{ flex:0 0 400px; width:400px; scroll-snap-align:start; }

.single-related-grid .blog-card-overlay{ display:none; }

@media (max-width:960px){ .single-related-grid .blog-card{ flex:0 0 calc((100% - 24px) / 2); width:auto; } }
@media (max-width:640px){ .single-related-grid .blog-card{ flex:0 0 85%; } }