/* Blog detay ekleri */
.blog-detail-hero { height: 400px; min-height: 400px; }
.blog-detail-hero__content { padding-top: 70px; padding-bottom: 45px; }
.blog-detail-hero h1 { max-width: 1050px; font-size: clamp(34px, 4vw, 56px); }
.blog-detail-published { display: inline-flex; align-items: center; gap: 9px; margin-top: 18px; color: rgba(255,255,255,.82); font-size: 14px; font-weight: 700; }
.blog-detail-published i { color: #79b3ff; }
.blog-article__inline-link { color: var(--primary); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.blog-article__inline-link:hover, .blog-article__inline-link:focus-visible { color: var(--secondary); }
.blog-article__media { margin: 34px 0; overflow: hidden; border-radius: 10px; background: #eef3f8; }
.blog-article__media img { width: 100%; max-height: 540px; display: block; object-fit: cover; }
.guide-product-placeholder { min-height: 170px; margin-top: 58px; padding: 28px; display: flex; align-items: center; justify-content: center; gap: 18px; border: 2px dashed #b9c9dc; border-radius: 10px; background: #f7faff; color: var(--secondary); text-align: left; }
.guide-product-placeholder > i { width: 52px; height: 52px; flex: 0 0 52px; display: grid; place-items: center; border-radius: 50%; background: #e7f1ff; color: var(--primary); font-size: 20px; }
.guide-product-placeholder strong { display: block; margin-bottom: 6px; font-size: 18px; }
.guide-product-placeholder p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.guide-product-placeholder + .blog-comments { margin-top: 42px; }

.blog-sidebar-author { display: grid; grid-template-columns: 54px minmax(0,1fr) 24px; align-items: center; gap: 13px; margin-bottom: 28px; padding: 0 0 24px; border-bottom: 1px solid var(--line); background: transparent; }
.blog-sidebar-author > img { width: 54px; height: 54px; display: block; border-radius: 50%; object-fit: cover; }
.blog-sidebar-author > span { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.blog-sidebar-author strong { color: var(--secondary); font-size: 15px; }
.blog-sidebar-author small { color: var(--muted); font-size: 14px; line-height: 1.45; }
.blog-sidebar-author > i { color: var(--primary); font-size: 15px; transition: transform .2s; }
.blog-sidebar-author:hover strong { color: var(--primary); }
.blog-sidebar-author:hover > i { transform: translateX(3px); }
.blog-sidebar .related-post__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.blog-sidebar .related-post__category { color: var(--primary); font-size: 14px; font-weight: 800; }
.blog-sidebar .related-post__category:hover { color: var(--secondary); }
.blog-sidebar .related-post__meta time { margin: 0; white-space: nowrap; }

.blog-comments { max-width: 980px; margin-top: 65px; padding-top: 42px; border-top: 1px solid var(--line); }
.blog-comments__heading { margin-bottom: 24px; }
.blog-comments__heading > span { display: block; margin-bottom: 6px; color: var(--primary); font-size: 14px; font-weight: 800; letter-spacing: .08em; }
.blog-comments__heading h2 { margin: 0 0 8px; color: var(--secondary); font-size: 30px; }
.blog-comments__heading p { margin: 0; color: var(--muted); font-size: 14px; }
.blog-comment-form { display: grid; gap: 16px; padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: #f8fafc; }
.blog-comment-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.blog-comment-form label, .blog-reply-form label { display: grid; gap: 7px; color: var(--secondary); font-size: 14px; font-weight: 750; }
.blog-comment-form label small { color: var(--muted); font-weight: 500; }
.blog-field-label { display: inline-flex; align-items: baseline; gap: 6px; }
.blog-field-label small { color: var(--muted); font-size: 14px; font-weight: 500; }
.blog-comment-form input, .blog-comment-form textarea, .blog-reply-form input, .blog-reply-form textarea, .blog-reply-form select { width: 100%; border: 1px solid #d4dee8; border-radius: 8px; outline: 0; background: #fff; color: var(--secondary); font: 14px/1.55 "Manrope",sans-serif; }
.blog-comment-form input, .blog-reply-form input, .blog-reply-form select { height: 46px; padding: 0 12px; }
.blog-comment-form textarea, .blog-reply-form textarea { min-height: 112px; padding: 12px; resize: vertical; }
.blog-comment-form :is(input,textarea):focus, .blog-reply-form :is(input,textarea,select):focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(10,92,216,.07); }
.blog-comment-form__bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.blog-comment-form__bottom > span { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 14px; }
.blog-comment-form__bottom > span i { color: var(--primary); }
.blog-comment-form button[type="submit"], .blog-reply-form button[type="submit"] { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 17px; border: 0; border-radius: 8px; background: var(--primary); color: #fff; font: 800 14px "Manrope",sans-serif; }
.blog-comment-form button[type="submit"]:hover, .blog-reply-form button[type="submit"]:hover { background: var(--secondary); }
.blog-comment-list { display: grid; gap: 18px; margin-top: 34px; }
.blog-comment { padding: 22px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.blog-comment > header { display: flex; align-items: center; gap: 11px; }
.blog-comment__avatar { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: var(--secondary); color: #fff; font-size: 14px; font-weight: 800; }
.blog-comment > header > div { display: flex; flex-direction: column; gap: 2px; }
.blog-comment > header strong { color: var(--secondary); font-size: 14px; }
.blog-comment > header strong b { margin-left: 5px; padding: 3px 6px; border-radius: 4px; background: #eaf2ff; color: var(--primary); font-size: 10px; }
.blog-comment > header time { color: var(--muted); font-size: 13px; }
.blog-comment > p { margin: 14px 0 12px; color: #52657c; font-size: 14px; line-height: 1.75; }
.blog-comment__reply-button { display: inline-flex; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; color: var(--primary); font: 800 14px "Manrope",sans-serif; }
.blog-comment__replies { display: grid; gap: 10px; margin: 18px 0 0 32px; padding-left: 16px; border-left: 2px solid #dce8f7; }
.blog-comment--reply { padding: 17px; background: #f8fafc; }
.blog-comment--admin { border-color: #c8dcf8; background: #f3f7fd; }
.blog-comment--admin .blog-comment__avatar { background: var(--primary); }
.blog-reply-form { display: grid; gap: 12px; margin: 16px 0 0 32px; padding: 17px; border-radius: 9px; background: #f4f6f8; }
.blog-reply-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.blog-reply-form__actions { display: flex; justify-content: flex-end; gap: 9px; }
.blog-reply-form__cancel { min-height: 42px; padding: 0 14px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--secondary); font: 750 14px "Manrope",sans-serif; }
.blog-comment-status { margin: 0; color: var(--green,#168754); font-size: 14px; font-weight: 750; }

/* Yazar arÅŸivi */
.author-archive-main { padding: 80px 0 110px; background: #f4f6f8; }
.author-breadcrumb { margin-bottom: 35px; color: var(--muted); }
.author-breadcrumb a:hover { color: var(--primary); }
.author-profile { display: grid; grid-template-columns: 120px minmax(0,1fr); align-items: center; gap: 26px; margin-bottom: 55px; text-align: left; }
.author-profile > img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; }
.author-profile span { color: var(--primary); font-size: 14px; font-weight: 800; }
.author-profile .author-profile-breadcrumb { justify-content: flex-start; margin: 0 0 12px; }
.author-profile .author-profile-breadcrumb span { color: var(--secondary); }
.author-profile h1 { margin: 4px 0 5px; color: var(--secondary); font-size: 44px; }
.author-profile strong { color: #40566f; font-size: 15px; }
.author-profile p { margin: 10px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.author-posts-heading { margin-bottom: 25px; color: var(--secondary); font-size: 27px; }
.author-post-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.author-post-grid .related-post { margin: 0; padding: 20px; border: 1px solid rgba(8,41,85,.08); border-radius: 12px; background: #fff; }

@media(max-width:1100px){.blog-detail-hero{height:400px;min-height:400px}.blog-sidebar-author{grid-column:1/-1}.author-post-grid{grid-template-columns:1fr}}
@media(max-width:768px){.blog-detail-hero{height:400px;min-height:400px}.blog-detail-hero__content{padding-top:50px;padding-bottom:34px}.blog-comment-form__bottom{align-items:flex-start;flex-direction:column}.author-archive-main{padding-top:55px}.author-profile{grid-template-columns:1fr;text-align:left}.author-profile>img{margin:0}.author-profile .author-profile-breadcrumb{justify-content:flex-start}.author-profile h1{font-size:34px}}
@media(max-width:560px){.blog-comment-form{padding:17px}.blog-comment-form__grid,.blog-reply-form__grid{grid-template-columns:1fr}.blog-comment-form button[type="submit"]{width:100%}.blog-comment{padding:17px}.blog-comment__replies,.blog-reply-form{margin-left:10px;padding-left:10px}.blog-reply-form__actions{display:grid;grid-template-columns:1fr 1fr}.blog-detail-hero{height:400px;min-height:400px}}
@media(max-width:560px){.guide-product-placeholder{align-items:flex-start;flex-direction:column;padding:22px}.guide-product-placeholder>i{width:44px;height:44px;flex-basis:44px}}



.blog-comment-alert{margin:0 0 20px;padding:14px 16px;border-radius:8px;background:#e9f8ef;color:#13723a;font-weight:700}.blog-comment-alert.is-error{background:#fff0f0;color:#a22}.blog-popular-categories a.is-active{color:var(--primary)}.blog-comment__reply{margin:18px 0 0 32px;padding:16px;border-left:3px solid #d9e4f1;background:#f7faff}.blog-comment__reply.is-admin{border-left-color:var(--primary)}.blog-comment-reply{margin-top:14px}.blog-comment-reply summary{cursor:pointer;color:var(--primary);font-weight:750}.blog-reply-form{margin-top:14px;padding:16px;background:#f7faff;border-radius:8px}.blog-reply-form button{margin-top:12px;padding:10px 18px;border:0;border-radius:6px;background:var(--primary);color:#fff;font-weight:750}
.blog-archive-breadcrumb{margin:0 auto 18px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:14px;font-weight:700}.blog-archive-breadcrumb a:hover,.blog-archive-breadcrumb a:focus-visible{color:var(--primary)}.blog-archive-breadcrumb i{color:var(--primary);font-size:10px}.blog-archive-breadcrumb span{color:var(--secondary)}
.blog-popular-categories>div a{min-height:38px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--secondary);font-size:14px;font-weight:700;white-space:nowrap}.blog-popular-categories>div a b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eef4fc;color:var(--primary);font-size:12px}.blog-popular-categories>div a:hover,.blog-popular-categories>div a.is-active{border-color:var(--primary);color:var(--primary)}
@media(max-width:700px){.blog-popular-categories>div a{width:100%;justify-content:space-between}}
.blog-category-directory a{min-width:0;min-height:42px;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;text-decoration:none;overflow-wrap:anywhere}.blog-category-directory a b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eef4fc;color:var(--primary);font-size:12px}.blog-category-directory a:hover,.blog-category-directory a.is-active{color:var(--primary);font-weight:750}.blog-category-directory__all{color:var(--primary)!important;font-weight:800}
