/* ============================================================
   ACCSOFT — BLOG CSS (blog/blog.css)
   ============================================================ */

.top-bar{background:var(--color-primary-dark);padding:0;height:36px;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:300}
.top-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%}
.top-bar__message{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:rgba(255,255,255,0.82);flex:1}
.top-bar__contacts{display:flex;align-items:center;gap:var(--space-5)}
.top-bar__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:rgba(255,255,255,0.75);text-decoration:none;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}
.top-bar__link:hover{color:var(--color-white)}
.top-bar__divider{width:1px;height:14px;background:rgba(255,255,255,0.2)}
.has-top-bar .site-header{top:36px}
@media(max-width:768px){.top-bar__contacts{display:none}}

/* ── Blog Hero ── */
.blog-hero{position:relative;padding-top:108px;padding-bottom:var(--space-16);overflow:hidden;background:linear-gradient(135deg,#0F1F0F 0%,#1A2A1A 50%,#111 100%)}
.blog-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.022) 1px,transparent 1px);background-size:56px 56px}
.blog-hero__orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.blog-hero__orb--1{width:400px;height:400px;top:-80px;right:10%;background:rgba(45,106,45,0.15)}
.blog-hero__orb--2{width:260px;height:260px;bottom:0;left:5%;background:rgba(212,149,106,0.08)}
.blog-hero__inner{position:relative;z-index:1;padding-top:var(--space-14);max-width:680px}
.blog-hero__breadcrumb{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:rgba(255,255,255,0.5);margin-bottom:var(--space-5)}
.blog-hero__breadcrumb a{color:rgba(255,255,255,0.5);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}
.blog-hero__breadcrumb a:hover{color:rgba(255,255,255,0.85)}
.blog-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(45,106,45,0.2);border:1px solid rgba(45,106,45,0.4);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:rgba(255,255,255,0.85);margin-bottom:var(--space-5)}
.blog-hero__title{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,4rem);font-weight:var(--fw-semibold);line-height:1.06;color:var(--color-white);margin-bottom:var(--space-4)}
.blog-hero__title span{background:linear-gradient(135deg,#7DC87D,var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.blog-hero__desc{font-size:var(--text-md);color:rgba(255,255,255,0.62);line-height:var(--lh-relaxed)}

/* ── Blog Listing ── */
.blog-listing{background:var(--color-bg);padding-bottom:var(--space-20)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10);margin-top:var(--space-14)}
.blog-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;transition:box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);display:flex;flex-direction:column}
.blog-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}
.blog-card__img{aspect-ratio:16/9;overflow:hidden;background:var(--color-primary-xlight)}
.blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s var(--ease-out)}
.blog-card:hover .blog-card__img img{transform:scale(1.05)}
.blog-card__body{padding:var(--space-8) var(--space-8) var(--space-7);display:flex;flex-direction:column;flex:1}
.blog-card__cat{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary-xlight);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--ls-wider);margin-bottom:var(--space-5)}
.blog-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--color-text-primary);line-height:var(--lh-snug);margin-bottom:var(--space-5);text-decoration:none;display:block;transition:color var(--duration-fast) var(--ease-out)}
.blog-card__title:hover{color:var(--color-primary)}
.blog-card__excerpt{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--lh-relaxed);flex:1;margin-bottom:var(--space-7)}
.blog-card__meta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}
.blog-card__date{font-size:var(--text-xs);color:var(--color-text-muted)}
.blog-card__read{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-1);transition:gap var(--duration-fast) var(--ease-out)}
.blog-card__read:hover{gap:var(--space-3)}
@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}

/* ── Single Post ── */
.post-hero{position:relative;padding-top:108px;padding-bottom:var(--space-16);background:linear-gradient(135deg,#0F1F0F 0%,#1A2A1A 50%,#111 100%);overflow:hidden}
.post-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.022) 1px,transparent 1px);background-size:56px 56px}
.post-hero__orb{position:absolute;border-radius:50%;filter:blur(80px)}
.post-hero__orb--1{width:380px;height:380px;top:-60px;right:5%;background:rgba(45,106,45,0.15)}
.post-hero__inner{position:relative;z-index:1;padding-top:var(--space-12);max-width:820px;margin:0 auto;text-align:center}
.post-hero__breadcrumb{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xs);color:rgba(255,255,255,0.5);margin-bottom:var(--space-5)}
.post-hero__breadcrumb a{color:rgba(255,255,255,0.5);text-decoration:none}
.post-hero__breadcrumb a:hover{color:rgba(255,255,255,0.85)}
.post-hero__cat{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(45,106,45,0.2);border:1px solid rgba(45,106,45,0.4);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:rgba(255,255,255,0.85);margin-bottom:var(--space-5)}
.post-hero__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.6rem);font-weight:var(--fw-semibold);line-height:1.1;color:var(--color-white);margin-bottom:var(--space-6)}
.post-hero__meta{display:flex;align-items:center;justify-content:center;gap:var(--space-6);font-size:var(--text-sm);color:rgba(255,255,255,0.55)}
.post-hero__meta span{display:flex;align-items:center;gap:var(--space-2)}

/* ── Post Body ── */
.post-body{background:var(--color-white)}
.post-body__inner{max-width:820px;margin:0 auto}
.post-body__feat-img{border-radius:var(--radius-2xl);overflow:hidden;margin-bottom:var(--space-12);box-shadow:var(--shadow-xl)}
.post-body__feat-img img{width:100%;display:block;object-fit:cover;max-height:480px}
.post-content{font-size:var(--text-md);line-height:var(--lh-relaxed);color:var(--color-text-secondary)}
.post-content h2{font-family:var(--font-display);font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:var(--fw-semibold);color:var(--color-text-primary);margin:var(--space-10) 0 var(--space-4);line-height:var(--lh-snug)}
.post-content h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--color-primary);margin:var(--space-8) 0 var(--space-3)}
.post-content p{margin-bottom:var(--space-6)}
.post-content strong{color:var(--color-text-primary);font-weight:var(--fw-semibold)}
.post-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}
.post-content a:hover{color:var(--color-primary-dark)}
.post-content ul,.post-content ol{margin:var(--space-4) 0 var(--space-6) var(--space-6)}
.post-content li{margin-bottom:var(--space-2);line-height:var(--lh-relaxed)}
.post-highlight{background:var(--color-primary-xlight);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-6);margin:var(--space-8) 0;font-size:var(--text-md);font-weight:var(--fw-semibold);color:var(--color-primary-dark)}

/* ── Post Sidebar CTA ── */
.post-cta{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;margin-top:var(--space-12)}
.post-cta__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}
.post-cta__body{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}
.post-cta__btns{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}

/* ── Related Posts ── */
.related-posts{background:var(--color-bg)}
.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-10)}
@media(max-width:900px){.related-posts__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.related-posts__grid{grid-template-columns:1fr}}

/* ── CTA Section ── */
.cta-section{background:var(--color-text-primary);position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(45,106,45,0.18) 0%,transparent 60%)}
.cta-section__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:var(--space-12);align-items:center}
.cta-section__label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--color-accent-light);margin-bottom:var(--space-5)}
.cta-section__label::before{content:'';width:24px;height:2px;background:var(--color-accent);border-radius:2px}
.cta-section__title{font-family:var(--font-display);font-size:clamp(2rem,3vw+1rem,3.2rem);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--color-white);margin-bottom:var(--space-4)}
.cta-section__body{font-size:var(--text-base);color:rgba(255,255,255,0.6);max-width:48ch}
.cta-section__actions{display:flex;flex-direction:column;gap:var(--space-3);min-width:200px}
@media(max-width:900px){.cta-section__inner{grid-template-columns:1fr;text-align:center}.cta-section__label{justify-content:center}.cta-section__actions{align-items:center}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}