/*
Theme Name: KOBİ21 Blog
Theme URI: https://kobi21.com/blog/
Author: KOBİ21
Author URI: https://kobi21.com/
Description: KOBİ21’in orijinal marka kimliğiyle uyumlu, mobil destekli ve eklenti gerektirmeyen blog teması.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kobi21-blog
Tags: blog, custom-menu, featured-images, threaded-comments, wide-blocks
*/
:root{--ink:#0f172a;--muted:#64748b;--primary:#4f46e5;--border:#e2e8f0;--bg:#f8fafc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1,h2,h3,a{overflow-wrap:anywhere}.wrap{max-width:1280px;margin:auto;padding-inline:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;background:var(--primary);color:white;border:0;border-radius:8px;font-weight:650;white-space:nowrap}.button:hover{background:#4338ca;text-decoration:none}.site-header{background:linear-gradient(120deg,#0f172a,#1e1b4b);color:white;border-bottom:1px solid #ffffff12}.header-inner{display:flex;align-items:center;gap:28px;min-height:76px}.brand{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:20px;letter-spacing:.3px;white-space:nowrap}.brand span{color:#f59e0b}.brand:hover{text-decoration:none}.brand img{border-radius:6px;flex-shrink:0}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0}.primary-nav a{font-size:14px;color:#c7d2fe}.primary-nav a:hover,.primary-nav a[aria-current]{color:white}.primary-nav li{position:relative}.primary-nav .sub-menu{display:none;position:absolute;z-index:10;top:100%;left:0;min-width:200px;padding:18px;background:#1e1b4b;border-radius:8px}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:grid}.header-cta{font-size:14px;padding:10px 14px;box-shadow:0 4px 14px #4f46e573}.menu-toggle{display:none;background:transparent;border:1px solid #ffffff50;color:white;padding:8px 12px;border-radius:8px}.blog-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,#818cf833,transparent 48%),linear-gradient(135deg,#0f172a,#1e1b4b 55%,#2a2470);color:white}.hero-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;padding-top:28px;padding-bottom:58px;align-items:center}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#a5b4fc;margin-bottom:32px}.breadcrumb a{color:inherit}.hero-label{display:inline-block;color:#c7d2fe;border:1px solid #ffffff25;background:#ffffff0d;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:1.8px;padding:6px 12px;margin-bottom:18px}.blog-hero h1{font-size:clamp(32px,4vw,50px);letter-spacing:-1.5px;max-width:700px;margin-bottom:20px}.blog-hero p{color:#cbd5e1;max-width:610px;font-size:17px;margin-bottom:0}.hero-note{margin-top:50px;border-left:1px solid #ffffff25;padding-left:40px;display:grid;gap:14px}.note-icon{font-size:36px;color:#a5b4fc;line-height:1}.hero-note strong{font-size:26px;line-height:1.35;letter-spacing:-.5px}.hero-note>span:not(.note-icon){color:#cbd5e1;font-size:14px}.hero-note a{color:#c7d2fe;font-size:14px;margin-top:12px}.listing{padding-top:32px;padding-bottom:72px}.filter-row{display:flex;gap:24px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:28px}.category-nav{display:flex;gap:8px;flex-wrap:wrap;flex:1}.category-pill{display:inline-block;border:1px solid var(--border);border-radius:30px;color:#475569;background:white;padding:8px 16px;font-size:13px;font-weight:600}.category-pill.active,.category-pill:hover{background:var(--primary);border-color:var(--primary);color:white;text-decoration:none}.search-form{display:flex;border:1px solid var(--border);background:white;border-radius:8px;overflow:hidden;width:300px;max-width:100%;flex-shrink:0}.search-form input{width:100%;min-width:0;border:0;padding:12px 14px;background:transparent;color:var(--ink);font-size:14px}.search-form button{border:0;background:transparent;color:var(--primary);font-weight:600;white-space:nowrap;padding:10px 14px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 22px;gap:12px}.section-heading h2{font-size:24px;letter-spacing:-.6px;margin:0}.section-heading>span{font-size:13px;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 3px #0f172a03;transition:box-shadow .2s,transform .2s}.post-card:hover{box-shadow:0 10px 25px #0f172a0d;transform:translateY(-3px)}.card-visual{display:block;aspect-ratio:1.75;background:#e0e7ff;overflow:hidden}.card-visual>img{display:block;width:100%;height:100%;object-fit:contain}.image-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 80% 0,#818cf844,transparent 65%),linear-gradient(140deg,#eef2ff,#e2e8f0);color:#312e81}.image-placeholder>span{font-weight:800;letter-spacing:1px;font-size:15px}.image-placeholder small{font-weight:500;font-size:10px;letter-spacing:2px;margin-left:7px}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.card-categories{font-size:11px;font-weight:750;letter-spacing:.7px;color:var(--primary);margin-bottom:12px}.card-body h3{font-size:22px;letter-spacing:-.5px;line-height:1.35;margin-bottom:12px}.card-body h3 a{color:var(--ink)}.excerpt{font-size:14px;color:var(--muted);line-height:1.7}.excerpt p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);padding-top:16px;border-top:1px solid #f1f5f9;margin-top:auto}.card-arrow{margin-left:auto;color:var(--primary);font-size:21px}.cta-band{background:#eef2ff;border-top:1px solid #e0e7ff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:42px}.eyebrow{font-size:10px;color:var(--primary);letter-spacing:1.5px;font-weight:750}.cta-inner h2{font-size:28px;letter-spacing:-.7px;margin:10px 0}.cta-inner p{color:var(--muted);font-size:14px;margin:0}.site-footer{background:#0f172a;color:#94a3b8;padding:44px 0 24px}.footer-grid{display:flex;justify-content:space-between;gap:60px}.footer-grid p{max-width:480px;font-size:13px;line-height:1.8;margin-top:16px}.footer-grid nav{display:flex;flex-wrap:wrap;align-content:flex-start;gap:24px;padding-top:8px}.footer-grid nav a{color:#cbd5e1;font-size:13px}.footer-bottom{border-top:1px solid #ffffff15;padding-top:20px;margin-top:22px;font-size:12px}.navigation{margin:36px 0 0}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{padding:9px 15px;border:1px solid var(--border);background:white;border-radius:8px}.page-numbers.current{background:var(--primary);color:white}.single-main{padding-top:32px;padding-bottom:60px}.breadcrumb.light{color:var(--muted)}.single-article{max-width:1000px;margin:auto}.article-header{max-width:800px;margin:40px auto 32px}.article-header h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.2px;margin-bottom:24px}.article-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}.article-cover img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:14px}.entry-content{max-width:800px;margin:36px auto;font-size:18px;line-height:1.85;overflow-wrap:anywhere}.entry-content h2,.entry-content h3{margin-top:1.7em}.entry-content a{text-decoration:underline}.entry-content blockquote{border-left:4px solid var(--primary);margin:28px 0;padding:16px 24px;background:#eef2ff;border-radius:0 10px 10px 0}.entry-content iframe,.entry-content video{max-width:100%}.entry-content pre{overflow:auto;padding:20px;background:#eef2ff}.entry-content table{border-collapse:collapse;width:100%;display:block;overflow:auto}.entry-content td,.entry-content th{border:1px solid var(--border);padding:10px}.entry-content .alignwide{width:calc(100% + 120px);max-width:calc(100vw - 40px);margin-left:-60px}.entry-content .alignfull{width:100%;margin-left:0}.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.aligncenter{display:block;margin-inline:auto}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13px;color:var(--muted)}.entry-content:after{content:"";display:block;clear:both}.article-tags,.post-navigation,.comments-area{max-width:800px;margin:32px auto}.article-tags a{display:inline-block;padding:4px 12px;background:#eef2ff;border-radius:20px;font-size:13px}.post-navigation .nav-links{justify-content:space-between;border-top:1px solid var(--border);padding-top:24px}.post-navigation .nav-links>div{max-width:47%}.post-navigation span,.post-navigation strong{display:block}.post-navigation span{font-size:12px;color:var(--muted);margin-bottom:8px}.comments-area{border-top:1px solid var(--border);padding-top:32px}.comment-list{padding-left:22px}.comment-body{padding-block:16px}.comment-author img{border-radius:50%;vertical-align:middle;margin-right:8px}.comment-metadata{font-size:12px}.comment-form label{display:block;font-size:14px;margin-bottom:6px}.comment-form input:not([type=checkbox]),.comment-form textarea,.post-password-form input{max-width:100%;padding:12px;border:1px solid var(--border);border-radius:8px}.comment-form textarea{width:100%}.comment-form .submit{background:var(--primary);color:white;cursor:pointer}.comment-form-cookies-consent label{display:inline}.bypostauthor{border-left:2px solid var(--primary);padding-left:14px}.sticky{border-color:#a5b4fc}.empty-state{padding-block:70px;text-align:center}.empty-state .search-form{margin:auto}.empty-state p{color:var(--muted)}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;z-index:99999;top:10px;left:10px;background:white;padding:12px;border:2px solid var(--primary)}:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}
@media(min-width:1001px){.menu-toggle{display:none!important}}
@media(max-width:1000px){.header-inner{flex-wrap:wrap;gap:16px;padding-block:16px}.primary-nav{order:4;width:100%;margin:0}.primary-nav ul{flex-wrap:wrap;gap:16px}.header-cta{margin-left:auto}.js .menu-toggle:not([hidden]){display:block;margin-left:auto}.js .header-cta{margin-left:0}.js .primary-nav{display:none}.js .primary-nav.is-open{display:block}.primary-nav .sub-menu{position:static;display:grid;margin-top:10px}.hero-inner{gap:36px;grid-template-columns:1.5fr 1fr}.hero-note{padding-left:24px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{align-items:flex-start;flex-direction:column}.search-form{width:100%}.footer-grid{gap:30px}.footer-grid nav{gap:16px}}
@media(max-width:640px){.wrap{padding-inline:18px}.header-inner{gap:10px}.brand{font-size:19px;gap:5px}.header-cta{font-size:11px;padding:9px}.menu-toggle{font-size:12px;padding:8px}.hero-inner{display:block;padding-top:22px;padding-bottom:38px}.hero-note{display:none}.breadcrumb{margin-bottom:24px;font-size:12px}.blog-hero h1{letter-spacing:-.8px}.blog-hero p{font-size:15px}.listing{padding-top:24px;padding-bottom:40px}.post-grid{grid-template-columns:1fr}.section-heading>span{display:none}.card-body{padding:22px}.cta-inner{flex-direction:column;align-items:flex-start;padding-block:32px;gap:20px}.cta-inner h2{font-size:25px}.footer-grid{flex-direction:column;gap:10px}.article-header{margin-top:24px}.entry-content{font-size:17px}.entry-content .alignwide{width:100%;margin-left:0}.alignleft,.alignright{float:none;margin-inline:0}.category-pill{font-size:12px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep content photos complete, including cropped gallery/image blocks. */
.entry-content img,.entry-content .wp-block-image img,.entry-content .wp-block-gallery img,.entry-content .wp-block-cover__image-background{object-fit:contain!important}