/* cpost-custom.css — tema bundle'ından sonra yüklenir (header.php). Blog/kategori/içerik tipografisi, blog grid, teklif kutusu, anasayfa H1. */

/* ---------- Anasayfa H1 ---------- */
.home-h1{font-size:1.7rem;line-height:1.35;color:#222;margin:12px 0 0;font-weight:700}
@media (max-width:767px){.home-h1{font-size:1.3rem}}

/* ---------- Blog listesi ---------- */
.blog-intro{max-width:860px;margin:0 auto 40px;text-align:center}
.blog-intro .header-title{color:#222;font-size:1.8rem;margin-bottom:12px}
.blog-intro p{color:#666}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
@media (max-width:991px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}}
@media (max-width:575px){.blog-grid{grid-template-columns:1fr;gap:20px}}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;transition:box-shadow .25s,transform .25s}
.blog-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.08);transform:translateY(-3px)}
.blog-card-media{display:block;aspect-ratio:3/2;background:#f3f3f3;overflow:hidden}
.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.blog-card:hover .blog-card-media img{transform:scale(1.04)}
.blog-card-noimg{display:flex;align-items:center;justify-content:center;height:100%;font-weight:700;font-size:1.4rem;color:#fff;background:linear-gradient(135deg,#e30619,#8a0a2a)}
.blog-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.blog-card-body h3{font-size:1.1rem;line-height:1.4;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-body h3 a{color:#222}
.blog-card-body h3 a:hover{color:#e30619}
.blog-card-body p{font-size:.95rem;color:#777;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-more{margin-top:auto;font-weight:600;color:#e30619;font-size:.95rem}
.blog-card-more i{font-size:.8rem;margin-left:4px;transition:margin .2s}
.blog-card-more:hover i{margin-left:8px}
.pagination-wrapper-center{margin-top:40px}

/* ---------- Blog detay / kategori / hizmet içerik tipografisi ---------- */
.blog-single-section .blog-content .post .entry-media img{width:100%;height:auto;border-radius:10px;margin-bottom:26px}
.blog-single-section .blog-content .post,
.pr-d-page-bottom .container,
.project-single-section .container{font-size:1.02rem;line-height:1.75;color:#555}
.blog-single-section .blog-content .post h2,.pr-d-page-bottom h2,.project-single-section h2,.service-single-section h2{font-size:1.5rem;line-height:1.35;color:#222;margin:34px 0 14px;font-weight:700}
.blog-single-section .blog-content .post h3,.pr-d-page-bottom h3,.project-single-section h3{font-size:1.2rem;color:#222;margin:26px 0 10px;font-weight:700}
.blog-single-section .blog-content .post p,.pr-d-page-bottom p,.project-single-section p{margin:0 0 16px}
.blog-single-section .blog-content .post ul,.blog-single-section .blog-content .post ol,.pr-d-page-bottom ul,.pr-d-page-bottom ol,.project-single-section ul,.project-single-section ol{margin:0 0 18px 22px;padding:0}
.blog-single-section .blog-content .post li,.pr-d-page-bottom li,.project-single-section li{margin-bottom:6px;list-style:disc}
.blog-single-section .blog-content .post ol li,.pr-d-page-bottom ol li,.project-single-section ol li{list-style:decimal}
.blog-single-section .blog-content .post a:not(.theme-btn),.pr-d-page-bottom a:not(.theme-btn),.project-single-section a:not(.theme-btn){color:#c8101f;text-decoration:underline;text-underline-offset:2px}
.blog-single-section .blog-content .post a:not(.theme-btn):hover{color:#e30619}
.blog-single-section .blog-content .post table,.pr-d-page-bottom table,.project-single-section table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:.95rem}
.blog-single-section .blog-content .post th,.blog-single-section .blog-content .post td,.pr-d-page-bottom th,.pr-d-page-bottom td,.project-single-section th,.project-single-section td{border:1px solid #e4e4e4;padding:10px 12px;text-align:left;vertical-align:top}
.blog-single-section .blog-content .post th,.pr-d-page-bottom th,.project-single-section th{background:#f7f7f7;color:#222;font-weight:600}
.blog-single-section .blog-content .post tr:nth-child(even) td{background:#fbfbfb}
.blog-single-section .blog-content .post img,.pr-d-page-bottom img{max-width:100%;height:auto}
.blog-single-section .blog-content .post .sss-kutu,.pr-d-page-bottom .sss-kutu{border-left:4px solid #e30619;background:#fafafa;padding:14px 18px;margin:0 0 14px;border-radius:0 8px 8px 0}
.blog-single-section .blog-content .post .sss-kutu strong,.pr-d-page-bottom .sss-kutu strong{display:block;color:#222;margin-bottom:6px}
@media (max-width:767px){
  .blog-single-section .blog-content .post table,.pr-d-page-bottom table,.project-single-section table{display:block;overflow-x:auto;white-space:nowrap}
}

/* ---------- Blog sidebar ---------- */
.blog-sidebar .widget{margin-bottom:40px}
.blog-sidebar .widget h3{font-size:1.15rem;color:#222;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid #e30619;display:inline-block}
.blog-sidebar .recent-post-widget .post{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
.blog-sidebar .recent-post-widget .img-holder{flex:0 0 90px}
.blog-sidebar .recent-post-widget .img-holder img{width:90px;height:60px;object-fit:cover;border-radius:6px}
.blog-sidebar .recent-post-widget .details h4{font-size:.95rem;line-height:1.4;margin:0}
.blog-sidebar .recent-post-widget .details h4 a{color:#333}
.blog-sidebar .recent-post-widget .details h4 a:hover{color:#e30619}
.blog-sidebar .tag-widget ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.blog-sidebar .tag-widget li a{display:inline-block;padding:6px 12px;border:1px solid #e5e5e5;border-radius:20px;font-size:.85rem;color:#555;line-height:1.3}
.blog-sidebar .tag-widget li a:hover{border-color:#e30619;color:#e30619}

/* ---------- Teklif / iletişim kutusu ---------- */
.teklif-cta{margin:34px 0 10px;padding:26px 28px;border:1px solid #f0d3d6;border-radius:10px;background:linear-gradient(180deg,#fff7f7,#fff)}
.teklif-cta h3{margin:0 0 10px;font-size:1.25rem;color:#222}
.teklif-cta p{margin:0 0 12px}
.teklif-cta .teklif-cta-btns{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.teklif-cta .theme-btn{margin:0}
.teklif-cta a:not(.theme-btn){color:#c8101f}
@media (max-width:575px){.teklif-cta{padding:20px}.teklif-cta .theme-btn{width:100%;text-align:center}}

/* ---------- Genel: içerik alanlarında başlık ölçeği (tema h2 2.4rem) ---------- */
.icerik-govde,.hizmet-section{font-size:1.02rem;line-height:1.75;color:#555}
.icerik-govde h2,.hizmet-section h2,.urun-alt-kutu h2{font-size:1.5rem;line-height:1.35;color:#222;margin:34px 0 14px;font-weight:700}
.icerik-govde h2:first-child{margin-top:0}
.icerik-govde h3{font-size:1.2rem;color:#222;margin:26px 0 10px;font-weight:700}
.icerik-govde p{margin:0 0 16px}
.icerik-govde p.lead{font-size:1.15rem;color:#333;font-weight:500;margin-bottom:22px}
.icerik-govde ul,.icerik-govde ol{margin:0 0 18px 22px;padding:0}
.icerik-govde li{margin-bottom:6px;list-style:disc}
.icerik-govde ol li{list-style:decimal}
.icerik-govde a:not(.theme-btn){color:#c8101f;text-decoration:underline;text-underline-offset:2px}
.icerik-govde table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:.95rem}
.icerik-govde th,.icerik-govde td{border:1px solid #e4e4e4;padding:10px 12px;text-align:left;vertical-align:top}
.icerik-govde th{background:#f7f7f7;color:#222;font-weight:600}
.about-section-s3 .details-text h2,.about-section-s3 .details-text h3{font-size:1.25rem;line-height:1.4;margin:10px 0 12px}
.about-section-s3 .details-text p.lead{font-size:1.1rem;color:#333;font-weight:500}
.cta-section .contact-info .cta-telefon{font-size:1.9rem;font-weight:700;margin:6px 0 18px}
.cta-section .contact-info .cta-telefon a{color:#e30619}

/* ---------- Hizmet sayfası yan sütun ---------- */
.hizmet-yan{position:sticky;top:110px}
.hizmet-galeri{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.hizmet-galeri figure{margin:0;border-radius:10px;overflow:hidden;background:#f3f3f3;aspect-ratio:4/3}
.hizmet-galeri figure:first-child{grid-column:1/-1;aspect-ratio:3/2}
.hizmet-galeri img{width:100%;height:100%;object-fit:cover;display:block}
.hizmet-kutu{border:1px solid #eee;border-radius:10px;padding:20px 22px;margin-bottom:18px;background:#fff}
.hizmet-kutu h3{font-size:1.05rem;color:#222;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e30619;display:inline-block;text-transform:none}
.hizmet-kutu ul{margin:0;padding:0;list-style:none}
.hizmet-kutu li{padding:6px 0;border-bottom:1px dashed #eee;font-size:.95rem}
.hizmet-kutu li:last-child{border-bottom:0}
.hizmet-kutu li a{color:#444}
.hizmet-kutu li a:hover{color:#e30619}
.hizmet-kutu p{margin:0 0 8px;font-size:.95rem}
.hizmet-kutu p.kucuk{font-size:.85rem;color:#888}
.hizmet-iletisim a{color:#222;font-weight:600}
@media (max-width:991px){.hizmet-yan{position:static;margin-top:30px}}

/* ---------- Ürün grupları ---------- */
.kat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
@media (max-width:991px){.kat-grid{grid-template-columns:repeat(2,1fr);gap:24px}}
@media (max-width:575px){.kat-grid{grid-template-columns:1fr;gap:20px}}
.kat-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;transition:box-shadow .25s,transform .25s}
.kat-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.08);transform:translateY(-3px)}
.kat-card-media{display:block;aspect-ratio:4/3;background:#f3f3f3;overflow:hidden}
.kat-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.kat-card:hover .kat-card-media img{transform:scale(1.04)}
.kat-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.kat-card-body h3{font-size:1.15rem;margin:0 0 8px;text-transform:none}
.kat-card-body h3 a{color:#222}
.kat-card-body h3 a:hover{color:#e30619}
.kat-card-body p{font-size:.95rem;color:#777;margin:0 0 14px}
.urun-alt-kutu{margin-top:40px;padding:28px 30px;border-radius:10px;background:#f7f7f7;text-align:center}
.urun-alt-kutu h2{margin-top:0}
.urun-alt-kutu p{max-width:760px;margin:0 auto 14px;color:#555}
.urun-alt-kutu a:not(.theme-btn){color:#c8101f;text-decoration:underline}
.urun-alt-kutu .teklif-cta-btns{justify-content:center}

/* ---------- Sabit dogadostu kutusu: kompakt ---------- */
.dd-kutu{position:fixed;left:14px;bottom:14px;z-index:99;background:#fff;border:1px solid #e5e5e5;border-radius:40px;box-shadow:0 6px 20px rgba(0,0,0,.12);padding:6px 16px 6px 8px;max-width:300px}
.dd-kutu a{display:flex;align-items:center;gap:10px;color:#333;font-size:.78rem;line-height:1.25;text-decoration:none}
.dd-kutu img{width:99px;height:32px;object-fit:contain;display:block}
.dd-kutu strong{color:#1a7f37;font-size:.85rem}
@media (max-width:575px){.dd-kutu{left:8px;bottom:8px;padding:6px 10px 6px 8px}.dd-kutu span{display:none}}

/* ---------- Kategori: ürün ızgarası ---------- */
.kat-urun-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:40px}
@media (max-width:991px){.kat-urun-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media (max-width:575px){.kat-urun-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
.kat-urun{margin:0;border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .25s}
.kat-urun:hover{box-shadow:0 10px 26px rgba(0,0,0,.08)}
.kat-urun a{display:block;aspect-ratio:1/1;background:#f7f7f7}
.kat-urun img{width:100%;height:100%;object-fit:cover;display:block}
.kat-urun figcaption{padding:12px 14px;font-size:.95rem;font-weight:600;color:#222;text-align:center}
.hizmet-kutu li.aktif a{color:#e30619;font-weight:600}

/* ---------- Referanslar ---------- */
.ref-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-bottom:40px}
@media (max-width:1199px){.ref-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:767px){.ref-grid{grid-template-columns:repeat(3,1fr);gap:12px}}
@media (max-width:480px){.ref-grid{grid-template-columns:repeat(2,1fr)}}
.ref-item{margin:0;border:1px solid #eee;border-radius:10px;background:#fff;padding:16px 12px 10px;text-align:center;transition:box-shadow .25s}
.ref-item:hover{box-shadow:0 10px 26px rgba(0,0,0,.08)}
.ref-item img{width:100%;height:80px;object-fit:contain;display:block;filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}
.ref-item:hover img{filter:none;opacity:1}
.ref-item figcaption{margin-top:10px;font-size:.8rem;color:#666;line-height:1.3}

/* ---------- İletişim ---------- */
.hizli-iletisim{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 40px;padding:20px 24px;border-radius:10px;background:#f7f7f7}
.hi-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:30px;border:1px solid #ddd;background:#fff;color:#222;font-weight:600;font-size:.95rem}
.hi-btn:hover{border-color:#e30619;color:#e30619}
.hi-btn.hi-wp{background:#25d366;border-color:#25d366;color:#fff}
.hi-btn.hi-wp:hover{background:#1ebe5a;color:#fff}
.hi-not{flex-basis:100%;margin:6px 0 0;font-size:.9rem;color:#666}
.hi-not a{color:#1a7f37;font-weight:600}
.contact-text .form-ipucu{margin:14px 0 0 18px;padding:0;font-size:.92rem;color:#666}
.contact-text .form-ipucu li{list-style:disc;margin-bottom:4px}
.contact-text h3{text-transform:none}

/* ---------- Anasayfa: hizmet kartları + son yazılar ---------- */
.hizmet-kartlar{background:#fff}
.hk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
@media (max-width:991px){.hk-grid{grid-template-columns:1fr;gap:18px}}
.hk-card{display:block;padding:30px 28px;border:1px solid #eee;border-radius:12px;background:#fff;color:#555;transition:box-shadow .25s,transform .25s}
.hk-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.08);transform:translateY(-3px);color:#555}
.hk-card .fi:before{font-size:44px;color:#e30619;margin:0}
.hk-card h3{font-size:1.2rem;color:#222;margin:14px 0 8px;text-transform:none}
.hk-card p{font-size:.95rem;margin:0 0 12px;color:#777}
.son-yazilar{background:#fafafa}
.sy-tum{text-align:center;margin:34px 0 0}

/* ---------- Sayfa başlığı: uzun başlıklar kelime ortasından kırılmasın ---------- */
.page-title .header-title{font-size:1.9rem;line-height:1.3;word-break:normal;overflow-wrap:normal;hyphens:manual;padding:0 15px}
@media (max-width:767px){.page-title .header-title{font-size:1.4rem}}