/*
Theme Name: Karadağ Balı
Theme URI: https://www.karadagbali.com.tr/
Author: Muhammet BAYRAM
Author URI: https://www.muhammetbayram.com/
Description: Karadağ Balı için özel tasarım; düzenlenebilir sayfa bölümleri, ürünler, blog ve WhatsApp iletişim formu.
Version: 1.0.3
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: karadag-bali
*/

/* Blog images: 800 × 450 source, responsive 16:9 presentation. */
.blog-card>img{display:block;width:100%;height:auto;aspect-ratio:800/450;object-fit:cover}
.kb-article>img.kb-blog-cover{display:block;width:800px;max-width:100%;height:auto;aspect-ratio:800/450;object-fit:cover;margin:24px auto}
.kb-post-categories{margin:12px 0 24px;color:var(--muted);font-weight:700}
.kb-post-categories a:hover{color:#b47c16}

/* Compact blog layout and accessible navigation trail. */
.kb-breadcrumbs{display:block;font-size:14px;line-height:1.6;font-weight:600;letter-spacing:0;color:var(--muted);margin:0 0 18px;padding:0}
.kb-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:5px 10px;list-style:none;margin:0;padding:0}
.kb-breadcrumbs li{display:inline;overflow-wrap:anywhere}
.kb-breadcrumbs li+li:before{content:"›";margin-right:10px;color:#a48745}
.kb-breadcrumbs a:hover{text-decoration:underline;color:var(--ink)}
.kb-page-breadcrumbs{padding:20px 7% 0}
.kb-blog-main{padding:22px 6% 40px}
.kb-blog-main>.section{padding:0;max-width:1400px;margin:0 auto}
.kb-blog-main h1{font-size:30px;line-height:1.3;letter-spacing:-.4px;margin:0 0 24px}
.kb-blog-main .blog-grid{margin-top:0}
.kb-article.kb-blog-article{padding-top:22px}
.kb-blog-article h1{font-size:32px;line-height:1.35;letter-spacing:-.5px;margin:0 0 20px}
.kb-blog-article>img.kb-blog-cover{margin:0 auto 24px}
@media(max-width:760px){.kb-blog-main{padding:18px 6% 30px}.kb-blog-main h1{font-size:26px;margin-bottom:20px}.kb-blog-article h1{font-size:26px;line-height:1.4}.kb-breadcrumbs{font-size:13px;margin-bottom:14px}}

/* Only H2 headings inside blog article content. */
.kb-blog-article .entry-content h2{font-size:26px;line-height:1.4;letter-spacing:-.3px;margin:30px 0 14px}
@media(max-width:760px){.kb-blog-article .entry-content h2{font-size:22px;line-height:1.45;margin:26px 0 12px}}