/*
Theme Name: berberbuul Theme
Theme URI: https://berberbuul.com
Author: berberbuul
Description: berberbuul V2 mobil/WebView öncelikli saf görünüm teması.
Version: 2.0.2
Text Domain: berberbuul-theme
*/

:root{
    --bbu-blue:#0674ff;
    --bbu-blue-soft:#edf5ff;
    --bbu-text:#101828;
    --bbu-muted:#667085;
    --bbu-line:#e0e8f2;
    --bbu-bg:#f7f9fc;
    --bbu-nav-h:64px;
}

*{
    box-sizing:border-box;
}

html{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

body{
    width:100%;
    max-width:100%;
    margin:0;
    overflow-x:hidden;
    background:var(--bbu-bg);
    color:var(--bbu-text);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

a{
    color:inherit;
}

img{
    max-width:100%;
    height:auto;
}

button,
input,
select,
textarea{
    font:inherit;
}

.bbu-site-header{
    position:sticky;
    top:0;
    z-index:900;
    border-bottom:1px solid var(--bbu-line);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(16px);
}

.bbu-header-inner{
    width:min(1180px,calc(100% - 28px));
    min-height:66px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.bbu-brand{
    color:var(--bbu-blue);
    text-decoration:none;
    font-size:26px;
    font-weight:950;
    letter-spacing:-1.1px;
}

.bbu-desktop-nav{
    display:flex;
    align-items:center;
    gap:8px;
}

.bbu-desktop-nav a{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    padding:8px 11px;
    border-radius:9px;
    color:#475467;
    text-decoration:none;
    font-size:13px;
    font-weight:850;
}

.bbu-desktop-nav a:hover{
    background:var(--bbu-blue-soft);
    color:var(--bbu-blue);
}

.bbu-page{
    width:min(1180px,calc(100% - 28px));
    min-height:calc(100vh - 140px);
    margin:0 auto;
    padding:28px 0 54px;
}

.bbu-page>*{
    min-width:0;
    max-width:100%;
}

.bbu-page h1,
.bbu-page h2,
.bbu-page h3,
.bbu-page p,
.bbu-page a,
.bbu-page strong,
.bbu-page span,
.bbu-page button{
    overflow-wrap:anywhere;
}

.entry-title{
    margin:0 0 18px;
    font-size:clamp(28px,5vw,42px);
    line-height:1.02;
    letter-spacing:-1px;
}

.bbu-site-footer{
    border-top:1px solid var(--bbu-line);
    background:#081a32;
    color:#d8e2f0;
}

.bbu-footer-inner{
    width:min(1180px,calc(100% - 28px));
    margin:0 auto;
    padding:28px 0;
    display:flex;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap;
}

.bbu-footer-brand{
    color:#fff;
    font-size:21px;
    font-weight:950;
}

.bbu-footer-copy{
    color:#9db0c7;
    font-size:12px;
}

.bbu-bottom-nav{
    display:none;
}

@media(max-width:760px){
    body{
        padding-bottom:calc(var(--bbu-nav-h) + env(safe-area-inset-bottom));
    }

    .bbu-site-header{
        padding-top:env(safe-area-inset-top);
    }

    .bbu-header-inner{
        width:100%;
        min-height:56px;
        padding:7px 12px;
        justify-content:center;
    }

    .bbu-brand{
        font-size:24px;
    }

    .bbu-desktop-nav{
        display:none;
    }

    .bbu-page{
        width:100%;
        min-height:calc(100dvh - 56px);
        padding:
            14px
            10px
            calc(var(--bbu-nav-h) + 34px + env(safe-area-inset-bottom));
    }

    .entry-title{
        margin-bottom:14px;
        font-size:clamp(23px,7vw,30px);
        line-height:1.08;
    }

    .bbu-site-footer{
        margin-bottom:0;
    }

    .bbu-footer-inner{
        width:100%;
        padding:
            20px
            12px
            calc(var(--bbu-nav-h) + 24px + env(safe-area-inset-bottom));
        flex-direction:column;
    }

    .bbu-bottom-nav{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:1200;
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:minmax(0,1fr);
        min-height:calc(var(--bbu-nav-h) + env(safe-area-inset-bottom));
        padding:
            5px
            max(4px,env(safe-area-inset-right))
            calc(5px + env(safe-area-inset-bottom))
            max(4px,env(safe-area-inset-left));
        border-top:1px solid var(--bbu-line);
        background:rgba(255,255,255,.98);
        box-shadow:0 -8px 28px rgba(8,35,71,.08);
        backdrop-filter:blur(16px);
    }

    .bbu-bottom-nav a{
        min-width:0;
        min-height:54px;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        gap:2px;
        padding:4px 2px;
        border-radius:11px;
        color:#7a8798;
        text-decoration:none;
        -webkit-tap-highlight-color:transparent;
    }

    .bbu-bottom-nav a.is-active{
        background:var(--bbu-blue-soft);
        color:var(--bbu-blue);
    }

    .bbu-nav-icon{
        width:23px;
        height:23px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .bbu-nav-icon svg{
        width:22px;
        height:22px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .bbu-nav-label{
        width:100%;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        text-align:center;
        font-size:clamp(8.5px,2.6vw,10.5px);
        line-height:1.05;
        font-weight:850;
    }
}

@media(max-width:360px){
    .bbu-page{
        padding-left:8px;
        padding-right:8px;
    }

    .bbu-brand{
        font-size:22px;
    }

    .bbu-nav-icon svg{
        width:20px;
        height:20px;
    }

    .bbu-nav-label{
        font-size:8px;
    }
}


/* =========================================================
   v2.0.1 — REAL LOGO + FRONTEND ADMIN BAR CLEANUP
   ========================================================= */

/* WordPress admin bar kapalıyken WP'nin bıraktığı olası üst boşluğu da sıfırla. */
html{
    margin-top:0!important;
}

body.admin-bar{
    margin-top:0!important;
}

#wpadminbar{
    display:none!important;
}

.bbu-brand{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    max-width:min(250px,48vw);
    min-width:0;
    line-height:0;
}

.bbu-brand-logo{
    display:block;
    width:auto;
    height:34px;
    max-width:100%;
    object-fit:contain;
}

.bbu-footer-brand{
    display:inline-flex;
    align-items:center;
    width:auto;
    max-width:220px;
    line-height:0;
    text-decoration:none;
}

.bbu-footer-logo{
    display:block;
    width:auto;
    height:30px;
    max-width:100%;
    object-fit:contain;
}

@media(max-width:760px){
    .bbu-brand{
        max-width:min(210px,62vw);
    }

    .bbu-brand-logo{
        height:30px;
    }

    .bbu-footer-logo{
        height:27px;
    }
}

@media(max-width:360px){
    .bbu-brand{
        max-width:190px;
    }

    .bbu-brand-logo{
        height:28px;
    }
}


/* =========================================================
   v2.0.2 — SCALABLE MOBILE MODULE NAV
   ========================================================= */
.bbu-bottom-menu-button{
    min-width:0;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:2px;
    padding:4px 2px;
    border:0;
    border-radius:11px;
    background:transparent;
    color:#7a8798;
    font:inherit;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}

.bbu-mobile-menu-backdrop,
.bbu-mobile-menu-sheet{
    display:none;
}

@media(max-width:760px){
    .bbu-mobile-menu-backdrop{
        position:fixed;
        inset:0;
        z-index:1290;
        display:block;
        background:rgba(8,26,50,.38);
        opacity:0;
        pointer-events:none;
        transition:opacity .18s ease;
    }

    .bbu-mobile-menu-backdrop:not([hidden]){
        opacity:1;
        pointer-events:auto;
    }

    .bbu-mobile-menu-sheet{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:1300;
        display:block;
        max-height:min(72vh,620px);
        padding:
            7px
            12px
            calc(18px + env(safe-area-inset-bottom));
        border-radius:20px 20px 0 0;
        background:#fff;
        box-shadow:0 -18px 50px rgba(8,26,50,.16);
        transform:translateY(105%);
        transition:transform .2s ease;
        overflow-y:auto;
        overscroll-behavior:contain;
    }

    .bbu-mobile-menu-sheet.is-open{
        transform:translateY(0);
    }

    .bbu-mobile-menu-handle{
        width:38px;
        height:4px;
        margin:0 auto 8px;
        border-radius:999px;
        background:#d7e0ec;
    }

    .bbu-mobile-menu-head{
        display:flex;
        justify-content:space-between;
        gap:12px;
        align-items:center;
        padding:5px 2px 10px;
    }

    .bbu-mobile-menu-head strong{
        font-size:17px;
    }

    .bbu-mobile-menu-head button{
        width:38px;
        height:38px;
        display:flex;
        align-items:center;
        justify-content:center;
        border:0;
        border-radius:50%;
        background:#f2f5f9;
        color:#344054;
        font-size:23px;
        line-height:1;
        cursor:pointer;
    }

    .bbu-mobile-menu-links{
        display:grid;
        gap:7px;
    }

    .bbu-mobile-menu-links a{
        display:grid;
        grid-template-columns:40px minmax(0,1fr);
        gap:10px;
        align-items:center;
        min-height:52px;
        padding:7px 10px;
        border:1px solid #e2e9f2;
        border-radius:12px;
        color:#344054;
        text-decoration:none;
        font-size:13px;
        font-weight:850;
    }

    .bbu-mobile-menu-links a.is-active{
        border-color:#cfe1ff;
        background:#edf5ff;
        color:#0674ff;
    }

    .bbu-mobile-menu-link-icon{
        width:40px;
        height:40px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:10px;
        background:#f5f8fc;
    }

    .bbu-mobile-menu-link-icon svg{
        width:21px;
        height:21px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    body.bbu-mobile-menu-open{
        overflow:hidden;
    }
}