/**
 * PZX BLOG DETAIL — Premium Minimal
 * Tema dili: Siyah/Beyaz, Inter, Geometric, No-radius
 */

/* ── WRAPPERS ─────────────────────────────────────────────── */
.main-body, .main-body-2 {
    width: 100% !important; max-width: 100% !important;
    margin: 0 !important; padding: 0 !important;
    overflow: visible !important;
}
#MainDiv:has(.pzx-bd-hero-img) {
    width: 100% !important; max-width: 100% !important;
    padding: 0 !important; margin: 0 !important;
    background: #fff !important;
}
#MainDiv:has(.pzx-bd-hero-img) .bloglar-detay-right { display: none !important; }

/* ── HERO ─────────────────────────────────────────────────── */
.pzx-bd-hero-img {
    display: block !important;
    width: 100% !important; max-width: 100% !important;
    height: 520px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #0a0a0a !important;
    margin: 0 !important; padding: 0 !important;
}
.pzx-bd-hero-img img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; display: block !important;
    filter: brightness(0.72) !important;
    transition: transform 8s ease !important;
}
.pzx-bd-hero-img:hover img {
    transform: scale(1.03) !important;
}
/* gradient — alttan yukarı, siyah zemin */
.pzx-bd-hero-img::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.88) 0%,
        rgba(0,0,0,0.45) 40%,
        rgba(0,0,0,0.10) 100%
    );
    z-index: 1;
}

/* ── ARTICLE WRAPPER ──────────────────────────────────────── */
.pzx-bd-article {
    display: block !important;
    width: 100% !important; max-width: 100% !important;
    margin-top: -220px !important;
    position: relative !important; z-index: 10 !important;
    padding: 0 !important; float: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* ── INNER PADDING MIXIN ──────────────────────────────────── */
.pzx-bd-breadcrumb,
.pzx-bd-meta,
.pzx-bd-title,
.pzx-bd-views,
.pzx-bd-content,
.bloglar-detay-left-content-div-tags,
.bloglar-detay-left-content-div-social,
.commentfull-div-main {
    display: block !important;
    width: 100% !important; max-width: 100% !important;
    margin: 0 !important;
    padding-left: 5% !important; padding-right: 5% !important;
    box-sizing: border-box !important; float: none !important;
}

/* ── BREADCRUMB ───────────────────────────────────────────── */
.pzx-bd-breadcrumb {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding-bottom: 20px !important;
    position: relative; z-index: 2;
}
.pzx-bd-breadcrumb a {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.55) !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.pzx-bd-breadcrumb a:hover { color: #fff !important; }
.pzx-bd-breadcrumb > span {
    color: rgba(255,255,255,0.25) !important;
    font-size: 10px !important;
}
.pzx-bd-breadcrumb span[style] {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.55) !important;
}

/* ── META (kategori + tarih) ──────────────────────────────── */
.pzx-bd-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    padding-bottom: 16px !important;
    position: relative; z-index: 2;
}
.pzx-bd-category {
    display: inline-block !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #000 !important;
    background: #fff !important;
    padding: 5px 14px !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    transition: background 0.2s, color 0.2s !important;
}
.pzx-bd-category:hover {
    background: #000 !important;
    color: #fff !important;
    text-decoration: none !important;
}
.pzx-bd-category i { display: none !important; }
.pzx-bd-date {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    color: rgba(255,255,255,0.5) !important;
    text-transform: uppercase !important;
}
.pzx-bd-date i { display: none !important; }

/* ── TITLE ────────────────────────────────────────────────── */
.pzx-bd-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -1.5px !important;
    color: #fff !important;
    margin: 0 !important;
    padding-bottom: 56px !important;
    text-shadow: none !important;
    position: relative; z-index: 2;
}

/* ── DIVIDER LINE — hero'dan içeriğe geçiş ───────────────── */
.pzx-bd-views {
    background: #fff !important;
    padding-top: 32px !important;
    padding-bottom: 24px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #999 !important;
    position: relative; z-index: 2;
}
.pzx-bd-views i { display: none !important; }
.pzx-bd-views::before {
    content: '— ';
    color: #ccc;
}

/* ── CONTENT ──────────────────────────────────────────────── */
.pzx-bd-content {
    background: #fff !important;
    padding-top: 40px !important;
    padding-bottom: 48px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
    color: #1a1a1a !important;
    letter-spacing: 0.01em !important;
}
.pzx-bd-content p { margin-bottom: 24px !important; }
.pzx-bd-content h2 {
    font-size: 26px !important; font-weight: 800 !important;
    letter-spacing: -0.5px !important; color: #000 !important;
    margin: 48px 0 16px !important; line-height: 1.2 !important;
}
.pzx-bd-content h3 {
    font-size: 20px !important; font-weight: 700 !important;
    color: #000 !important; margin: 36px 0 12px !important;
}
.pzx-bd-content h4 {
    font-size: 17px !important; font-weight: 700 !important;
    color: #000 !important; margin: 28px 0 10px !important;
}
.pzx-bd-content img {
    max-width: 100% !important; height: auto !important;
    display: block !important; margin: 32px 0 !important;
    border-radius: 0 !important;
}
.pzx-bd-content ul, .pzx-bd-content ol {
    padding-left: 20px !important; margin-bottom: 24px !important;
}
.pzx-bd-content li { margin-bottom: 8px !important; line-height: 1.75 !important; }
.pzx-bd-content blockquote {
    border-left: 3px solid #000 !important;
    padding: 20px 28px !important; margin: 32px 0 !important;
    background: #f8f8f8 !important;
    font-style: normal !important; font-weight: 500 !important;
    font-size: 17px !important; color: #000 !important;
    letter-spacing: -0.2px !important;
}
.pzx-bd-content a {
    color: #000 !important; font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-color: #ccc !important;
}
.pzx-bd-content a:hover { text-decoration-color: #000 !important; }
.pzx-bd-content strong, .pzx-bd-content b { font-weight: 700 !important; }

/* ── TAGS ─────────────────────────────────────────────────── */
.bloglar-detay-left-content-div-tags {
    background: #fff !important;
    padding-top: 0 !important; padding-bottom: 32px !important;
    display: flex !important; flex-wrap: wrap !important; gap: 8px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.bloglar-detay-left-content-div-tags-box {
    display: inline-block !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important; font-weight: 600 !important;
    letter-spacing: 1.5px !important; text-transform: uppercase !important;
    color: #555 !important;
    background: #f5f5f5 !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 0 !important;
    padding: 7px 14px !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}
.bloglar-detay-left-content-div-tags-box:hover {
    background: #000 !important; color: #fff !important;
    border-color: #000 !important; text-decoration: none !important;
}

/* ── SOCIAL SHARE ─────────────────────────────────────────── */
.bloglar-detay-left-content-div-social {
    background: #fff !important;
    padding-top: 28px !important; padding-bottom: 28px !important;
    display: flex !important; align-items: center !important;
    gap: 4px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.bloglar-detay-left-content-div-social::before {
    content: 'PAYLAŞ';
    font-family: 'Inter', sans-serif;
    font-size: 10px; font-weight: 700;
    letter-spacing: 2px; color: #000;
    margin-right: 16px;
}
.bloglar-detay-left-content-div-social a {
    display: inline-flex !important;
    align-items: center !important; justify-content: center !important;
    width: 36px !important; height: 36px !important;
    background: #f5f5f5 !important;
    border: none !important; border-radius: 0 !important;
    color: #333 !important; font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
    padding: 0 !important; margin: 0 !important;
}
.bloglar-detay-left-content-div-social a:hover {
    background: #000 !important; color: #fff !important;
    text-decoration: none !important;
}

/* ── COMMENTS ─────────────────────────────────────────────── */
.commentfull-div-main {
    background: #fff !important;
    padding-top: 48px !important; padding-bottom: 64px !important;
}
.module_comment_add_main {
    background: #f8f8f8 !important;
    border: none !important; border-radius: 0 !important;
    padding: 32px !important; margin-bottom: 40px !important;
    border-top: 3px solid #000 !important;
}
.module_comment_head {
    display: flex !important; align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 24px !important; padding-bottom: 20px !important;
    border-bottom: 1px solid #e8e8e8 !important;
}
.module_comment_head_left {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important; font-weight: 700 !important;
    letter-spacing: 2px !important; text-transform: uppercase !important;
    color: #000 !important;
}
.module_comment_head_right {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important; color: #999 !important;
    letter-spacing: 1px !important;
}
.module_comment_form_area label {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 1.5px !important; text-transform: uppercase !important;
    color: #000 !important; margin-bottom: 6px !important;
    display: block !important;
}
.module_comment_form_area .form-control {
    border: 1px solid #e0e0e0 !important; border-radius: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important; padding: 12px 16px !important;
    height: auto !important; background: #fff !important;
    box-shadow: none !important; color: #000 !important;
    transition: border-color 0.2s !important;
}
.module_comment_form_area .form-control:focus {
    border-color: #000 !important; box-shadow: none !important; outline: none !important;
}
.module_comment_form_area textarea.form-control {
    min-height: 110px !important; resize: vertical !important;
}
.module_comment_form_area button[type="submit"],
.module_comment_form_area .button-2x {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important; font-weight: 700 !important;
    letter-spacing: 2px !important; text-transform: uppercase !important;
    background: #000 !important; color: #fff !important;
    border: none !important; border-radius: 0 !important;
    padding: 14px 32px !important; cursor: pointer !important;
    transition: opacity 0.2s !important;
}
.module_comment_form_area button[type="submit"]:hover,
.module_comment_form_area .button-2x:hover { opacity: 0.75 !important; }

/* yorum kutuları */
.module_comment_box_main {
    padding: 24px 0 !important; border-bottom: 1px solid #f0f0f0 !important;
}
.module_comment_box_main:last-child { border-bottom: none !important; }
.module_comment_in_box_div {
    display: flex !important; gap: 16px !important; align-items: flex-start !important;
}
.module_comment_box_img {
    width: 40px !important; height: 40px !important;
    border-radius: 0 !important; overflow: hidden !important; flex-shrink: 0 !important;
    background: #f0f0f0 !important;
}
.module_comment_box_img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.module_comment_box_right { flex: 1 !important; }
.module_comment_box_head_area {
    display: flex !important; align-items: center !important;
    gap: 12px !important; margin-bottom: 8px !important;
}
.module_comment_box_name {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: 1px !important; text-transform: uppercase !important;
    color: #000 !important;
}
.module_comment_box_date {
    font-size: 11px !important; color: #bbb !important;
    letter-spacing: 0.5px !important;
}
.module_comment_box_content {
    font-size: 14px !important; color: #444 !important; line-height: 1.65 !important;
}
.blogcomment-showmorespan {
    display: inline-block !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 2px !important; text-transform: uppercase !important;
    padding: 12px 28px !important;
    background: #fff !important; color: #000 !important;
    border: 1px solid #000 !important; border-radius: 0 !important;
    cursor: pointer !important; transition: all 0.15s !important;
}
.blogcomment-showmorespan:hover {
    background: #000 !important; color: #fff !important;
}
.commentfull-div-main .alert {
    background: #f8f8f8 !important; border: none !important;
    border-top: 1px solid #e8e8e8 !important; border-radius: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important; letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #bbb !important; padding: 24px !important; text-align: center !important;
}

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 768px) {
    .pzx-bd-hero-img { height: 360px !important; }
    .pzx-bd-article { margin-top: -160px !important; }
    .pzx-bd-title { font-size: 28px !important; letter-spacing: -0.5px !important; padding-bottom: 40px !important; }
    .pzx-bd-breadcrumb, .pzx-bd-meta, .pzx-bd-title,
    .pzx-bd-views, .pzx-bd-content,
    .bloglar-detay-left-content-div-tags,
    .bloglar-detay-left-content-div-social,
    .commentfull-div-main {
        padding-left: 20px !important; padding-right: 20px !important;
    }
}
@media (max-width: 480px) {
    .pzx-bd-hero-img { height: 280px !important; }
    .pzx-bd-article { margin-top: -130px !important; }
    .pzx-bd-title { font-size: 22px !important; padding-bottom: 32px !important; }
    .bloglar-detay-left-content-div-social::before { display: none; }
}

/* ── YORUM ALANI GİZLE ────────────────────────────────────── */
.commentfull-div-main { display: none !important; }