/* ===================================================================
   BLOG — Psikodemy Klinik Ankara  (tema yeşili #3a6b4e ile uyumlu)
   =================================================================== */
:root{
    --blog-green:#3a6b4e;
    --blog-green-dark:#2d5440;
    --blog-green-soft:#eaf3ee;
    --blog-ink:#1f2a24;
    --blog-text:#4b5a52;
    --blog-muted:#8a978f;
    --blog-border:#e7ece9;
}

/* --- Hero --- */
.blog-hero{
    background:linear-gradient(135deg,#2d5440 0%,#3a6b4e 100%);
    padding:150px 0 60px; color:#fff; position:relative;
}
.blog-hero h1{color:#fff; font-weight:700; line-height:1.25; margin:6px 0 0; font-size:2.4rem;}
.blog-hero p{color:rgba(255,255,255,.82); max-width:620px; margin-top:14px; line-height:1.8;}
.blog-breadcrumb{font-size:.85rem; color:rgba(255,255,255,.7); margin-bottom:16px;}
.blog-breadcrumb a{color:rgba(255,255,255,.85);} .blog-breadcrumb a:hover{color:#fff;}
.blog-breadcrumb span{margin:0 6px; opacity:.5;}
.blog-cat-tag{display:inline-block; background:rgba(255,255,255,.16); color:#fff; font-size:.74rem;
    font-weight:600; letter-spacing:.04em; text-transform:uppercase; padding:6px 14px; border-radius:30px;}
.blog-meta{display:flex; flex-wrap:wrap; gap:22px; margin-top:18px; color:rgba(255,255,255,.8); font-size:.88rem;}
.blog-meta i{margin-right:6px;}

/* --- Kartlar --- */
.blog-card{display:flex; flex-direction:column; height:100%; background:#fff;
    border:1px solid var(--blog-border); border-radius:16px; overflow:hidden;
    transition:transform .3s ease, box-shadow .3s ease; text-decoration:none;}
.blog-card:hover{transform:translateY(-6px); box-shadow:0 18px 40px rgba(45,84,64,.14);}
.blog-card-img{aspect-ratio:16/10; overflow:hidden; background:var(--blog-green-soft);}
.blog-card-img img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.blog-card:hover .blog-card-img img{transform:scale(1.06);}
.blog-card-body{padding:22px 22px 24px; display:flex; flex-direction:column; flex:1;}
.blog-card-cat{align-self:flex-start; color:var(--blog-green-dark); background:var(--blog-green-soft);
    font-size:.72rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase;
    padding:4px 11px; border-radius:30px; margin-bottom:12px;}
.blog-card-body h2,.blog-card-body h3{font-size:1.18rem; line-height:1.35; color:var(--blog-ink); margin:0 0 10px; font-weight:700;}
.blog-card-body p{color:var(--blog-text); font-size:.92rem; line-height:1.7; margin-bottom:16px; flex:1;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.blog-card-foot{display:flex; align-items:center; justify-content:space-between; margin-top:auto;
    padding-top:14px; border-top:1px solid var(--blog-border); font-size:.8rem; color:var(--blog-muted);}
.blog-card-more{color:var(--blog-green-dark); font-weight:700; white-space:nowrap;}
.blog-card-more i{margin-left:5px; transition:transform .25s;}
.blog-card:hover .blog-card-more i{transform:translateX(4px);}

/* --- Tekil yazı --- */
.blog-article{padding:46px 0 10px;}
.blog-cover{width:100%; height:auto; aspect-ratio:16/8; object-fit:cover; border-radius:18px; margin-bottom:36px;}
.blog-body{color:var(--blog-text); font-size:1.06rem; line-height:1.85;}
.blog-body h2{color:var(--blog-ink); font-size:1.55rem; font-weight:700; margin:34px 0 14px;}
.blog-body h3{color:var(--blog-ink); font-size:1.25rem; font-weight:700; margin:26px 0 12px;}
.blog-body p{margin-bottom:20px;}
.blog-body ul,.blog-body ol{margin:0 0 22px 20px;}
.blog-body li{margin-bottom:10px;}
.blog-body strong{color:var(--blog-ink);}
.blog-body a{color:var(--blog-green-dark); text-decoration:underline;}

/* --- Paylaş --- */
.blog-share{display:flex; align-items:center; gap:12px; margin:40px 0; padding-top:24px; border-top:1px solid var(--blog-border);}
.blog-share span{font-weight:700; color:var(--blog-muted); font-size:.85rem;}
.blog-share a{width:40px; height:40px; border-radius:50%; display:grid; place-items:center;
    background:var(--blog-green-soft); color:var(--blog-green-dark); transition:all .25s;}
.blog-share a:hover{background:var(--blog-green); color:#fff; transform:translateY(-3px);}

/* --- Yazı içi CTA --- */
.blog-cta{background:linear-gradient(135deg,#2d5440,#3a6b4e); border-radius:18px; padding:40px; text-align:center; margin:24px 0 48px;}
.blog-cta h3{color:#fff; font-weight:700; font-size:1.4rem; margin-bottom:10px;}
.blog-cta p{color:rgba(255,255,255,.8); margin-bottom:22px;}
.blog-cta-btns{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.blog-cta-btns .btn-wa{background:#25D366 !important; border-color:#25D366 !important;}

/* --- İlgili --- */
.blog-related{margin-top:20px;}
.blog-related h2{font-size:1.45rem; font-weight:700; color:var(--blog-ink); margin-bottom:22px;}
.blog-related .blog-card-body h3{font-size:1rem;}

/* ===================================================================
   ANA SAYFA BLOG CAROUSEL (footer üstü)
   =================================================================== */
#blog-home{padding:90px 0; background:var(--blog-green-soft);}
.blog-home-head{display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:14px; margin-bottom:34px;}
.blog-home-head .subtitle{color:var(--blog-green-dark); font-weight:700; letter-spacing:.05em; text-transform:uppercase; font-size:.8rem;}
.blog-home-head h2{font-size:2rem; font-weight:700; color:var(--blog-ink); margin-top:6px;}
.blog-home-all{color:var(--blog-green-dark); font-weight:700; white-space:nowrap;}
.blog-home-all i{margin-left:6px; transition:transform .25s;}
.blog-home-all:hover i{transform:translateX(4px);}
.blog-slider-wrapper{overflow:hidden;}
.blog-slider{display:flex; gap:28px; transition:transform .5s ease; will-change:transform;}
.blog-slider .blog-card{flex:0 0 auto;}
.blog-slider-nav{display:flex; align-items:center; justify-content:center; gap:16px; margin-top:32px;}
.blog-prev,.blog-next{width:46px; height:46px; border-radius:50%; border:1px solid #cdd9d2; background:#fff;
    color:var(--blog-ink); cursor:pointer; display:grid; place-items:center; transition:all .25s;}
.blog-prev:hover,.blog-next:hover{background:var(--blog-green); color:#fff; border-color:var(--blog-green);}
.blog-dots{display:flex; gap:8px;}
.blog-dots .b-dot{width:9px; height:9px; border-radius:50%; background:#c2d2c9; cursor:pointer; transition:all .25s;}
.blog-dots .b-dot.active{background:var(--blog-green); width:26px; border-radius:30px;}

/* CTA butonlarını tema yeşiliyle uyumla (theme .btn-main salmon yerine) */
.google-review-cta .btn-main{background:var(--blog-green) !important; border-color:var(--blog-green) !important; color:#fff !important;}
.google-review-cta .btn-main:hover{background:var(--blog-green-dark) !important;}
.blog-cta .btn-main:not(.btn-wa){background:#fff !important; border-color:#fff !important; color:var(--blog-green-dark) !important;}

/* --- Google Değerlendirme CTA --- */
.google-review-cta{margin:36px auto 0; max-width:720px; text-align:center; background:#fff;
    border:1px solid var(--blog-border); border-radius:16px; padding:30px 26px; box-shadow:0 10px 30px rgba(45,84,64,.06);}
.grc-stars{color:#FBBC05; font-size:1.05rem; letter-spacing:3px; margin-bottom:12px;}
.google-review-cta p{color:var(--blog-text); margin-bottom:20px; line-height:1.7;}

@media(max-width:768px){
    .blog-hero{padding:120px 0 46px;} .blog-hero h1{font-size:1.8rem;}
    .blog-body{font-size:1rem;} .blog-body h2{font-size:1.35rem;}
    .blog-cta{padding:30px 22px;} .blog-home-head h2{font-size:1.6rem;} #blog-home{padding:64px 0;}
}