/* =========================================================
   61MEDYA TABLET HEADER 2026
   Sadece 768 - 1023
   ========================================================= */

@media (min-width:768px) and (max-width:1023px){

    /* Eski Journal kampanya/header kalıntıları */
    .jpromo,
    .site-wrapper > .jpromo{
        display:none!important;
    }

    /* Journal'ın eski beyaz tablet barını gizle */
    .mobile-header .mobile-bar{
        display:none!important;
    }

    /* Bizim yeni tablet header */
    .m61-tablet-header{
        display:block!important;
        width:100%;
        height:66px;
        background:#fff;
        border-bottom:1px solid #e7ebf1;
        box-shadow:0 3px 14px rgba(16,43,87,.07);
        position:relative;
        z-index:10020;
    }

    .m61-tablet-header-inner{
        width:100%;
        height:66px;
        padding:0 18px;
        display:flex;
        align-items:center;
        gap:13px;
        box-sizing:border-box;
    }


    /* HAMBURGER */
    .m61-tablet-menu{
        flex:0 0 38px;
        width:38px;
        height:38px;
        padding:0;
        border:0;
        background:transparent;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:5px;
        cursor:pointer;
    }

    .m61-tablet-menu span{
        display:block;
        width:22px;
        height:2px;
        background:#e30613;
        border-radius:4px;
    }


    /* LOGO */
    .m61-tablet-logo{
        flex:0 0 145px;
        width:145px;
        display:flex;
        align-items:center;
    }

    .m61-tablet-logo img{
        display:block;
        width:145px;
        max-width:145px;
        max-height:48px;
        height:auto;
        object-fit:contain;
    }


    .m61-tablet-spacer{
        flex:1 1 auto;
        min-width:10px;
    }


    /* ARAMA */
    .m61-tablet-search{
        flex:0 0 38px;
        width:38px;
        height:38px;
        padding:0;
        border:0;
        background:#f7f9fc;
        border-radius:7px;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        position:relative;
    }

    .m61-tablet-search:before{
        content:"";
        width:12px;
        height:12px;
        border:2px solid #102b57;
        border-radius:50%;
        box-sizing:border-box;
    }

    .m61-tablet-search:after{
        content:"";
        position:absolute;
        width:7px;
        height:2px;
        background:#102b57;
        transform:rotate(45deg);
        margin-left:13px;
        margin-top:13px;
        border-radius:2px;
    }


    /* ACTIONS */
    .m61-tablet-actions{
        flex:0 0 auto;
        display:flex;
        align-items:center;
        gap:7px;
    }

    .m61-tablet-actions a{
        min-height:38px;
        padding:0 12px;
        border-radius:7px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        text-decoration:none!important;
        white-space:nowrap;
        font-size:11px;
        font-weight:800;
        line-height:1;
    }

    .m61-tablet-offer{
        background:#e5233f;
        color:#fff!important;
    }

    .m61-tablet-wa{
        background:#20a85b;
        color:#fff!important;
    }

    .m61-tablet-wa:before{
        content:"";
        width:15px;
        height:15px;
        margin-right:6px;
        background:#fff;
        -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93a7.9 7.9 0 0 0-2.327-5.607z'/%3E%3C/svg%3E") center/contain no-repeat;
        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93a7.9 7.9 0 0 0-2.327-5.607z'/%3E%3C/svg%3E") center/contain no-repeat;
    }


    /* Daha dar tabletlerde butonları biraz sıkıştır */
    @media (max-width:850px){

        .m61-tablet-header-inner{
            padding-left:12px;
            padding-right:12px;
            gap:8px;
        }

        .m61-tablet-logo,
        .m61-tablet-logo img{
            width:125px;
            max-width:125px;
            flex-basis:125px;
        }

        .m61-tablet-actions a{
            padding-left:9px;
            padding-right:9px;
            font-size:10px;
        }
    }
}


/* Telefon ve desktopta bizim tablet header yok */
@media (max-width:767px),
       (min-width:1024px){

    .m61-tablet-header{
        display:none!important;
    }
}

/* TABLET HEADER RED GAP CLEANUP */
@media (min-width:768px) and (max-width:1023px){

    .mobile-header{
        background:#fff!important;
        border-top:0!important;
    }

    .mobile-header > .mobile-bar,
    .mobile-header > .mobile-bar-group{
        margin:0!important;
        padding:0!important;
        min-height:0!important;
        height:0!important;
        border:0!important;
    }

    .m61-tablet-header{
        margin-top:0!important;
        border-top:0!important;
    }
}

/* TABLET - JOURNAL ESKI KIRMIZI TOP BAR KAPAT */
@media (min-width:768px) and (max-width:1023px){

    html.mobile-header-active
    .mobile-header
    .mobile-top-bar{
        display:none!important;
        height:0!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
    }

    .mobile-header .m61-tablet-header{
        margin-top:0!important;
    }
}