/*
Theme Name: T1
Theme URI: https://orneksite.com
Author: Senin Adın
Author URI: https://seninsiten.com
Description: Kendi yaptığım ilk tema
Version: 1.0
*/

    a {
        color: #333;
        text-decoration: none;
        transition: color 0.2s ease;
    }
    a:hover,
    a:focus,
    a:active,
    a:visited {
        text-decoration: none; /* her durumda alt çizgi yok */
    }


    :root { --mf-btn-size: 44px; --mf-shadow: 0 6px 16px rgba(0,0,0,.15); }
    .mf { font-family: 'Montserrat', sans-serif; }
    .mf-menu-btn { position: fixed; top: 18px; right: 18px; z-index: 1000; width: var(--mf-btn-size); height: var(--mf-btn-size); border: 0; border-radius: 50%; background: #fff; box-shadow: var(--mf-shadow); display: grid; place-items: center; cursor: pointer; }
    .mf-menu-btn:active { transform: scale(.98); }
    .mf-menu-btn svg { width: 22px; height: 22px; }
    .mf-menu { position: fixed; inset: 0; background: #000; color: #fff; display: none; align-items: center; justify-content: center; z-index: 1100; padding: 24px; }
    .mf-menu.mf-active { display: flex; animation: mfFade .18s ease-out; }
    @keyframes mfFade { from { opacity: 0 } to { opacity: 1 } }
    .mf-close { position: absolute; top: 18px; right: 18px; width: var(--mf-btn-size); height: var(--mf-btn-size); border-radius: 50%; background: #fff; color: #000; display: grid; place-items: center; cursor: pointer; box-shadow: var(--mf-shadow); }
    .mf-close:active { transform: scale(.98); }
    .mf-nav { list-style: none; padding: 0; margin: 0; text-align: left; }
    .mf-item { margin: 12px 0; }
    .mf-link {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: clamp(28px, 6vw, 48px);
        color: #000; /* Normalde gri */
        text-decoration: none;
        transition: color 0.3s ease;
        cursor: pointer;
    }
    .mf-link:hover, .mf-link:focus-visible {
        color: #fff; /* Hover'da beyaz */
    }
    .mf-link:active {
        color: #000;
    }
    .mf-link {
        color: #000;
        text-shadow:
                1px 0 #fff,
                -1px 0 #fff,
                0 1px #fff,
                0 -1px #fff;
    }
    .mf-link:focus {
        outline: none;
        box-shadow: none;
    }

   html,body{margin:0;padding:0;font-family:'Montserrat', sans-serif}
    .keen-slider{height:915px;position:relative;overflow:hidden}
    .keen-slider__slide{display:grid;grid-template-columns:1fr 1fr;height:100%;min-width:100%}
    .logo{
        font:900 40px 'Montserrat', sans-serif;
        position:absolute;top:15px;left:19px;z-index:20;
        font-size:40px;cursor:default;
    }
    .logo .frida-text {
        color: #fff;
        text-decoration: underline;
        text-decoration-color: #000;
        text-decoration-thickness: 6px;
        text-underline-offset: 7px;
    }
    .textmeetfrida{
        color: #f7c5d6;
        text-decoration: underline;
        text-decoration-color: #000;
        text-decoration-thickness: 3px;
        text-underline-offset: 3px;
    }
    .slide-left{
        background:#f7c5d6;
        display:flex;align-items:center;position:relative
    }
    .slide-left .inner{padding:48px 56px 56px;position:relative;width:100%}
    .kicker{font:900 50px 'Montserrat', sans-serif;opacity:1}
    .title{margin:10px 0 18px;font:900 50px 'Montserrat', sans-serif}
    .btn{
        display:inline-block;padding:14px 42px;border:3px solid #111;border-radius:999px;
        font:700 22px/1 'Montserrat', sans-serif;text-decoration:none;color:#111
    }
    .pager {
        position: absolute;
        bottom: 18px;
        left: 18px;
        display: flex;
        gap: 12px;
        z-index: 10;
    }
    .pager .num {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 6px 16px rgba(0,0,0,.15);
        display: grid;
        place-items: center;
        font-weight: 700;
        cursor: pointer;
        opacity: 0.6;
    }
    .pager .num.active {
        opacity: 1;
    }
    .slide-right{position:relative}
    .slide-right img{
        position:absolute;inset:0;width:100%;height:100%;object-fit:cover
    }
    .nav{position:absolute;right:18px;bottom:18px;display:flex;gap:12px;z-index:10}
    .arrow{
        width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.15);
        display:grid;place-items:center;cursor:pointer;user-select:none
    }
    .arrow:active{transform:scale(.98)}
    .arrow svg{width:22px;height:22px}





    @media (max-width:900px){
        .keen-slider__slide{
            display:flex;
            flex-direction:column;
            height:100%;
        }
        .logo{
            font:900 20px 'Montserrat', sans-serif;
            position:absolute;top:30px;left:19px;z-index:20;
            font-size:20px;cursor:default;
        }
        .logo .frida-text {
            color: #fff;
            text-decoration: underline;
            text-decoration-color: #000;
            text-decoration-thickness: 4px;
            text-underline-offset: 5px;
        }
        .pager {
            position: absolute;
            bottom: 20px;
            left: 20px;
            z-index: 10;
        }
        .slide-left{ order:1; position: relative;}
        .slide-right{
            order:2;
            min-height:50vh;
            position:relative;
        }
        .slide-left .inner{
            padding:100px 20px 92px;
            width:100%;
            position:relative;
        }
        .kicker{ font-size:20px !important; }
        .title{ font-size:20px !important; }
    }
    .btn{
        outline: none;
        display:inline-block;
        padding:14px 42px;
        border:3px solid #111;
        border-radius:999px;
        font:700 22px/1 'Montserrat', sans-serif;
        text-decoration:none;
        color:#111;
        background:transparent;
        transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .02s;
    }
    .btn:hover,
    .btn:focus-visible{
        background:#000;          /* buton komple siyah */
        color:#f7c5d6;            /* yazı pembe */
        border-color:#000;        /* kenar da siyah */
    }
    .btn:active{ transform:scale(.98); }
    .btn:focus {
        outline: none;
        box-shadow: none;
    }