/* =========================================================
   61MEDYA BLOG 2026
   ========================================================= */

.m61-blog-2026,
.m61-blog-post-2026{
    --m61-blue:#102b57;
    --m61-red:#ef233c;
    --m61-text:#546176;
    --m61-border:rgba(16,43,87,.09);
}


/* =========================================================
   BLOG LIST HERO
   ========================================================= */

.m61-blog-hero{
    padding:38px 20px 34px;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(239,35,60,.08),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #fff,
            #f7f9fc
        );

    border-bottom:1px solid rgba(16,43,87,.06);
}

.m61-blog-hero-inner{
    max-width:1160px;

    margin:0 auto;
}

.m61-blog-kicker{
    display:inline-flex;

    margin-bottom:12px;

    padding:7px 11px;

    border-radius:999px;

    background:rgba(239,35,60,.08);

    color:#d91f36;

    font-size:11px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.m61-blog-hero-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:35px;
}

.m61-blog-hero h1{
    margin:0 0 10px;

    color:var(--m61-blue);

    font-size:42px;
    line-height:1.06;
    font-weight:850;
}

.m61-blog-hero p{
    max-width:720px;

    margin:0;

    color:#68768a;

    font-size:15px;
    line-height:1.65;
}

.m61-blog-rss{
    flex:0 0 auto;

    padding:10px 14px;

    border:1px solid var(--m61-border);
    border-radius:9px;

    background:#fff;

    color:var(--m61-blue)!important;

    font-size:11px;
    font-weight:800;

    text-decoration:none!important;
}


/* =========================================================
   BLOG CONTAINER
   ========================================================= */

.m61-blog-container{
    padding-top:36px;
    padding-bottom:60px;
}

.m61-blog-category-description{
    margin-bottom:30px;

    padding:20px 22px;

    border:1px solid var(--m61-border);
    border-radius:14px;

    background:#fff;

    color:#66758a;

    line-height:1.7;
}

.m61-blog-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:30px;

    margin-bottom:20px;
}

.m61-blog-section-head span{
    display:block;

    margin-bottom:4px;

    color:var(--m61-red);

    font-size:10px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.m61-blog-section-head h2{
    margin:0;

    color:var(--m61-blue);

    font-size:26px;
    line-height:1.1;
    font-weight:850;
}

.m61-blog-section-head p{
    max-width:440px;

    margin:0;

    color:#8490a1;

    font-size:12px;
}


/* =========================================================
   BLOG GRID
   ========================================================= */

.m61-blog-grid{
    display:grid!important;

    grid-template-columns:
        repeat(3,minmax(0,1fr))!important;

    gap:22px!important;

    margin:0!important;
}

.m61-blog-grid .post-layout{
    float:none!important;

    width:auto!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;
}

.m61-blog-grid .post-thumb{
    display:flex!important;
    flex-direction:column;

    height:100%;

    overflow:hidden;

    border:1px solid var(--m61-border);
    border-radius:15px;

    background:#fff;

    box-shadow:
        0 7px 24px rgba(16,43,87,.05);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.m61-blog-grid .post-thumb:hover{
    transform:translateY(-4px);

    border-color:rgba(239,35,60,.16);

    box-shadow:
        0 15px 38px rgba(16,43,87,.10);
}


/* image */

.m61-blog-grid .image{
    position:relative;

    overflow:hidden;

    width:100%;
    aspect-ratio:16 / 9;

    background:#edf1f5;
}

.m61-blog-grid .image > a{
    display:block;

    width:100%;
    height:100%;
}

.m61-blog-grid .image img{
    display:block;

    width:100%!important;
    height:100%!important;

    object-fit:cover;

    transition:transform .32s ease;
}

.m61-blog-grid .post-thumb:hover
.image img{
    transform:scale(1.025);
}


/* date badge */

.m61-blog-grid .p-date-image{
    position:absolute!important;

    z-index:4;

    top:11px!important;
    left:11px!important;

    padding:7px 9px!important;

    border:0!important;
    border-radius:8px!important;

    background:rgba(16,43,87,.90)!important;

    color:#fff!important;

    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;

    backdrop-filter:blur(5px);
}


/* caption */

.m61-blog-grid .caption{
    display:flex!important;
    flex-direction:column!important;

    flex:1;

    padding:17px 18px 18px!important;
}


/* stats */

.m61-blog-grid .post-stats{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:7px;

    margin-bottom:9px!important;

    color:#9aa4b2!important;

    font-size:9px!important;
}

.m61-blog-grid .p-comment,
.m61-blog-grid .p-view{
    display:none!important;
}

.m61-blog-grid .p-author{
    color:#8c97a7!important;
}

.m61-blog-grid .p-date-default{
    color:#8c97a7!important;
}


/* title */

.m61-blog-grid .name{
    margin:0 0 9px!important;

    font-size:16px!important;
    line-height:1.35!important;
    font-weight:850!important;
}

.m61-blog-grid .name a{
    color:var(--m61-blue)!important;

    text-decoration:none!important;
}


/* desc */

.m61-blog-grid .description{
    margin-bottom:18px!important;

    color:#758195!important;

    font-size:12px!important;
    line-height:1.65!important;
}


/* read button */

.m61-blog-grid .button-group{
    margin-top:auto!important;
}

.m61-blog-grid .btn-read-more{
    display:inline-flex!important;
    align-items:center!important;

    min-height:auto!important;

    padding:0!important;

    border:0!important;
    background:none!important;

    color:var(--m61-red)!important;

    box-shadow:none!important;

    font-size:11px!important;
    font-weight:850!important;

    text-transform:none!important;
}

.m61-blog-grid .btn-read-more:after{
    content:"→";

    margin-left:5px;

    transition:transform .2s ease;
}

.m61-blog-grid .post-thumb:hover
.btn-read-more:after{
    transform:translateX(3px);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.m61-blog-pagination{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:25px;

    margin-top:30px;

    padding:16px 18px;

    border:1px solid var(--m61-border);
    border-radius:12px;

    background:#fff;
}

.m61-blog-pagination .pagination{
    margin:0!important;
}

.m61-blog-pagination .pagination > li > a,
.m61-blog-pagination .pagination > li > span{
    margin-right:5px;

    border:1px solid var(--m61-border)!important;
    border-radius:7px!important;

    background:#fff!important;

    color:var(--m61-blue)!important;

    font-size:11px!important;
}

.m61-blog-pagination .pagination
.active > span{
    border-color:var(--m61-blue)!important;

    background:var(--m61-blue)!important;

    color:#fff!important;
}

.m61-blog-pagination-results{
    color:#909aaa;

    font-size:10px;
}


/* =========================================================
   BLOG POST
   ========================================================= */

.m61-blog-post-2026{
    padding-top:30px;
    padding-bottom:65px;
}

.m61-blog-post-row{
    display:block!important;
}

.m61-blog-post-2026 #content{
    float:none!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;
}


/* article header */

.m61-article-head{
    max-width:900px;

    margin:
        0 auto
        26px;

    text-align:center;
}

.m61-article-category{
    margin-bottom:12px;
}

.m61-article-category a,
.m61-article-category span{
    display:inline-flex;

    padding:7px 11px;

    border-radius:999px;

    background:rgba(239,35,60,.08);

    color:#d91f36!important;

    font-size:10px;
    font-weight:850;
    letter-spacing:.05em;
    text-transform:uppercase;

    text-decoration:none!important;
}

.m61-article-head h1{
    margin:
        0 auto
        14px;

    color:var(--m61-blue);

    font-size:42px;
    line-height:1.12;
    font-weight:850;
}

.m61-article-meta{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;

    gap:8px 15px;

    color:#8994a4;

    font-size:10px;
}

.m61-article-meta span{
    position:relative;
}

.m61-article-meta span + span:before{
    content:"•";

    margin-right:15px;

    color:#c4cad2;
}


/* post details */

.m61-blog-post-2026 .post-details{
    max-width:900px;

    margin:0 auto;
}

.m61-blog-post-2026
.post-details > .post-stats{
    display:none!important;
}


/* hero image */

.m61-blog-post-2026 .post-image{
    overflow:hidden;

    margin-bottom:30px;

    border-radius:17px;

    background:#edf1f5;

    box-shadow:
        0 12px 35px rgba(16,43,87,.07);
}

.m61-blog-post-2026 .post-image img{
    display:block;

    width:100%!important;
    height:auto!important;
}

.m61-blog-post-2026
.post-image .p-date-image{
    display:none!important;
}


/* =========================================================
   ARTICLE CONTENT
   ========================================================= */

.m61-blog-post-2026 .post-content{
    display:block!important;

    columns:auto!important;
    column-count:1!important;
    column-width:auto!important;

    max-width:820px;

    margin:
        0 auto
        32px;

    color:#3f4b5d;

    font-size:15px;
    line-height:1.82;
}

.m61-blog-post-2026 .post-content *{
    column-span:none!important;
}

.m61-blog-post-2026 .post-content p{
    margin:
        0 0
        18px;
}

.m61-blog-post-2026 .post-content h2{
    margin:
        34px 0
        13px;

    color:var(--m61-blue);

    font-size:27px;
    line-height:1.2;
    font-weight:850;
}

.m61-blog-post-2026 .post-content h3{
    margin:
        27px 0
        11px;

    color:var(--m61-blue);

    font-size:21px;
    line-height:1.25;
    font-weight:850;
}

.m61-blog-post-2026 .post-content h4{
    margin:
        23px 0
        10px;

    color:var(--m61-blue);

    font-size:17px;
    font-weight:800;
}

.m61-blog-post-2026 .post-content ul,
.m61-blog-post-2026 .post-content ol{
    margin:
        0 0
        21px;

    padding-left:23px;
}

.m61-blog-post-2026 .post-content li{
    margin-bottom:7px;
}

.m61-blog-post-2026 .post-content img{
    max-width:100%!important;
    height:auto!important;

    margin:
        12px auto
        22px;

    border-radius:12px;
}

.m61-blog-post-2026 .post-content a{
    color:#e12038;

    text-decoration:underline;

    text-decoration-thickness:1px;
    text-underline-offset:2px;
}

.m61-blog-post-2026 .post-content blockquote{
    margin:
        25px 0;

    padding:
        18px 20px;

    border-left:3px solid var(--m61-red);

    border-radius:0 10px 10px 0;

    background:#f8f9fb;

    color:#5e6a7d;
}


/* tags */

.m61-blog-post-2026 .tags{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;

    gap:7px;

    max-width:820px;

    margin:
        0 auto
        35px;
}

.m61-blog-post-2026 .tags-title{
    margin-right:5px;

    color:#8d98a8;

    font-size:10px;
    font-weight:800;
}

.m61-blog-post-2026 .tags a{
    padding:7px 10px;

    border:1px solid var(--m61-border);
    border-radius:999px;

    background:#fff;

    color:#677489!important;

    font-size:10px;

    text-decoration:none!important;
}

.m61-blog-post-2026 .tags b{
    display:none;
}


/* =========================================================
   COMMENTS
   ========================================================= */

.m61-blog-post-2026 .post-comments{
    max-width:820px;

    margin:
        35px auto
        0;

    padding-top:30px;

    border-top:1px solid var(--m61-border);
}

.m61-blog-post-2026
.post-comments > .title{
    color:var(--m61-blue);

    font-size:22px;
    font-weight:850;
}

.m61-blog-post-2026 .comment-form{
    margin-top:20px;

    padding:24px;

    border:1px solid var(--m61-border);
    border-radius:14px;

    background:#f8f9fb;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1023px){

    .m61-blog-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

    .m61-blog-hero h1,
    .m61-article-head h1{
        font-size:35px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px){

    .m61-blog-hero{
        padding:
            27px 15px
            25px;
    }

    .m61-blog-hero-row{
        display:block;
    }

    .m61-blog-hero h1{
        font-size:30px;
    }

    .m61-blog-rss{
        display:inline-flex;

        margin-top:15px;
    }

    .m61-blog-container{
        padding-top:25px;
    }

    .m61-blog-section-head{
        display:block;
    }

    .m61-blog-section-head p{
        margin-top:7px;
    }

    .m61-blog-grid{
        grid-template-columns:
            1fr!important;

        gap:15px!important;
    }

    .m61-blog-pagination{
        display:block;
    }

    .m61-blog-pagination-results{
        margin-top:10px;
    }

    .m61-blog-post-2026{
        padding-top:20px;
    }

    .m61-article-head{
        text-align:left;
    }

    .m61-article-head h1{
        font-size:30px;
    }

    .m61-article-meta{
        justify-content:flex-start;
    }

    .m61-blog-post-2026 .post-content{
        font-size:14px;
        line-height:1.75;
    }

    .m61-blog-post-2026 .post-content h2{
        font-size:23px;
    }

    .m61-blog-post-2026 .post-content h3{
        font-size:19px;
    }

}

/* =========================================================
   M61 BLOG CATEGORY OLD JOURNAL BAR FIX
   ========================================================= */

.m61-blog-post-2026 .m61-article-category{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:auto !important;
}

.m61-blog-post-2026 .m61-article-category a,
.m61-blog-post-2026 .m61-article-category span{
    position:relative !important;
    display:inline-flex !important;

    width:auto !important;
    max-width:max-content !important;

    flex:0 0 auto !important;

    margin:0 !important;
}

.m61-blog-post-2026 .m61-article-category a::before,
.m61-blog-post-2026 .m61-article-category a::after,
.m61-blog-post-2026 .m61-article-category span::before,
.m61-blog-post-2026 .m61-article-category span::after{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:none !important;
}

/* M61 BLOG CATEGORY HARD FIX */
.m61-blog-post-2026 .m61-article-category{
    display:flex !important;
    width:max-content !important;
    max-width:100% !important;

    margin:0 auto 12px !important;

    position:relative !important;
    overflow:hidden !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.m61-blog-post-2026 .m61-article-category a,
.m61-blog-post-2026 .m61-article-category span{
    display:inline-flex !important;
    width:auto !important;
    max-width:100% !important;

    position:relative !important;

    margin:0 !important;

    background:rgba(239,35,60,.08) !important;
    border:0 !important;
    box-shadow:none !important;
}

.m61-blog-post-2026 .m61-article-category::before,
.m61-blog-post-2026 .m61-article-category::after,
.m61-blog-post-2026 .m61-article-category *::before,
.m61-blog-post-2026 .m61-article-category *::after{
    content:none !important;
    display:none !important;
    position:static !important;

    width:0 !important;
    height:0 !important;

    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* =========================================================
   M61 BLOG DETAIL WIDE DESKTOP
   ========================================================= */

@media (min-width:1024px){

    .m61-blog-post-2026 .m61-article-head{
        max-width:1100px !important;
    }

    .m61-blog-post-2026 .post-details{
        max-width:1100px !important;
    }

    .m61-blog-post-2026 .post-content{
        max-width:900px !important;

        font-size:16px !important;
        line-height:1.82 !important;
    }

    .m61-blog-post-2026 .post-content h2{
        font-size:30px !important;
    }

    .m61-blog-post-2026 .post-content h3{
        font-size:23px !important;
    }

    .m61-blog-post-2026 .tags,
    .m61-blog-post-2026 .post-comments{
        max-width:900px !important;
    }

    .m61-blog-post-2026 .m61-article-head h1{
        font-size:46px !important;
        line-height:1.08 !important;
    }

}

/* =========================================================
   M61 BLOG RELATED POSTS + COMMENTS V4
   ========================================================= */


/* yorum yazma kapalıysa mevcut yorumlar kalır, form gizlenir */

.m61-blog-post-2026 .m61-comment-form-disabled{
    display:none !important;
}


/* ---------------------------------------------------------
   RELATED POSTS
   --------------------------------------------------------- */

.m61-related-posts{
    max-width:1100px;

    margin:
        45px auto
        38px;

    padding-top:34px;

    border-top:1px solid rgba(16,43,87,.09);
}


.m61-related-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:20px;

    margin-bottom:18px;
}


.m61-related-head > div > span{
    display:block;

    margin-bottom:4px;

    color:#ef233c;

    font-size:10px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
}


.m61-related-head h2{
    margin:0;

    color:#102b57;

    font-size:27px;
    line-height:1.1;
    font-weight:850;
}


.m61-related-head > a{
    color:#ef233c !important;

    font-size:11px;
    font-weight:800;

    text-decoration:none !important;
}


.m61-related-head > a b{
    margin-left:4px;
}


.m61-related-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:16px;
}


.m61-related-card{
    display:flex;
    flex-direction:column;

    min-width:0;

    overflow:hidden;

    border:1px solid rgba(16,43,87,.09);
    border-radius:14px;

    background:#fff;

    text-decoration:none !important;

    box-shadow:
        0 7px 23px rgba(16,43,87,.05);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}


.m61-related-card:hover{
    transform:translateY(-4px);

    border-color:rgba(239,35,60,.16);

    box-shadow:
        0 14px 32px rgba(16,43,87,.10);
}


.m61-related-image{
    display:block;

    overflow:hidden;

    width:100%;
    aspect-ratio:16 / 9;

    background:#edf1f5;
}


.m61-related-image img{
    display:block;

    width:100% !important;
    height:100% !important;

    object-fit:cover;

    transition:transform .3s ease;
}


.m61-related-card:hover
.m61-related-image img{
    transform:scale(1.025);
}


.m61-related-body{
    display:flex;
    flex-direction:column;

    flex:1;

    padding:14px 15px 15px;
}


.m61-related-body small{
    display:block;

    margin-bottom:6px;

    color:#98a2b0;

    font-size:9px;
}


.m61-related-body strong{
    display:block;

    margin-bottom:15px;

    color:#102b57;

    font-size:14px;
    line-height:1.35;
    font-weight:850;
}


.m61-related-link{
    display:flex;
    align-items:center;

    margin-top:auto;

    color:#ef233c;

    font-size:10px;
    font-weight:800;
}


.m61-related-link b{
    margin-left:5px;

    transition:transform .18s ease;
}


.m61-related-card:hover
.m61-related-link b{
    transform:translateX(3px);
}


/* ---------------------------------------------------------
   COMMENTS
   --------------------------------------------------------- */

.m61-blog-post-2026 .post-comments{
    max-width:900px !important;

    margin:
        42px auto
        0 !important;

    padding-top:35px !important;

    border-top:1px solid rgba(16,43,87,.09);
}


.m61-blog-post-2026
.post-comments > .title{
    margin-bottom:20px !important;

    color:#102b57 !important;

    font-size:25px !important;
    font-weight:850 !important;
}


.m61-blog-post-2026 .post-comment{
    display:flex;

    gap:14px;

    margin-bottom:14px;

    padding:17px;

    border:1px solid rgba(16,43,87,.08);
    border-radius:12px;

    background:#fff;

    box-shadow:
        0 4px 16px rgba(16,43,87,.035);
}


.m61-blog-post-2026 .post-comment .comment{
    flex:1;
    min-width:0;
}


.m61-blog-post-2026 .user-name{
    color:#102b57;

    font-weight:800;
}


.m61-blog-post-2026 .user-data{
    margin:
        3px 0
        9px;

    color:#9aa4b2;

    font-size:9px;
}


.m61-blog-post-2026 .post-comment p{
    margin:0;

    color:#5c687b;

    font-size:12px;
    line-height:1.65;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width:1023px){

    .m61-related-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:767px){

    .m61-related-posts{
        margin-top:32px;
    }

    .m61-related-head{
        align-items:flex-start;
    }

    .m61-related-head h2{
        font-size:23px;
    }

    .m61-related-grid{
        grid-template-columns:1fr;

        gap:13px;
    }

}

/* =========================================================
   M61 BLOG COMMENTS READONLY FINAL
   ========================================================= */

.m61-blog-post-2026
.m61-comment-form-disabled{
    display:none !important;
}

.m61-blog-post-2026
.m61-comments-readonly
.reply-btn{
    display:none !important;
}


/* M61 BLOG SIMPLE FIX */
.journal3-blog-post .module-blocks-184{display:none!important}