/* Extracted inline CSS from block widget ID 12 */

/* style block 1 */
/* ==========================================================================
       1. FOOTER CSS VARIABLES 
       ========================================================================== */
    :root {
        --bg-color: #f1f1f1;
        --clr-heading: #002244;
        --clr-text-main: #222222; 
        --clr-text-muted: #444444; 
        --clr-link-hover: #0056b3; 
        --clr-accent: #AB1C03; 
        --clr-star: #614E00;
        --clr-border: rgba(0, 34, 68, 0.15);
        
        --clr-cta-bg: #0A1F33;
        --clr-cta-text: #ffffff;
        --clr-btn-call: #B71C1C;
        --clr-btn-call-hover: #9a1717;
        --clr-btn-wp: #0B5E3C;
        --clr-btn-wp-hover: #084b31;

        --fs-h3-main: clamp(17px, 2vw, 19px);
        --fs-h3-nav: clamp(16px, 1.5vw, 18px);
        --fs-p: clamp(13px, 1vw, 14px);
        --fs-link: clamp(13px, 1vw, 13.5px);
    }

    /* ==========================================================================
       2. FOOTER BEM & MOBİL ÖNCELİKLİ İSKELET
       ========================================================================== */
    .footer {
        background-color: var(--bg-color);
        padding: 40px 0 90px 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        width: 100%;
        text-align: left;
        display: block;
        visibility: visible;
    }

    .footer__container {
        display: flex;
        flex-direction: column; 
        gap: 30px;
        width: 100%;
        margin: 0;
        visibility: visible;
    }

    /* --- MARKA BÖLÜMÜ --- */
    .footer__brand {
        width: 100%;
    }

    .footer__logo {
        width: 302px;
        height: 75px;
        display: block;
        margin: 0 0 20px 0; 
        object-fit: contain;
        object-position: left; 
    }

    .footer__rating {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 20px;
        font-size: var(--fs-link);
        color: var(--clr-text-main);
    }

    .footer__stars {
        color: var(--clr-star);
        font-size: 18px;
    }

    .footer__heading--main {
        font-size: var(--fs-h3-main);
        color: var(--clr-heading);
        margin-bottom: 15px;
        font-weight: bold;
        line-height: 1.3;
    }

    .footer__text {
        font-size: var(--fs-p);
        color: var(--clr-text-main);
        line-height: 1.6;
        margin: 0;
    }

    .footer__text-highlight {
        color: var(--clr-accent); 
        font-weight: bold;
    }

    .footer__partners {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid var(--clr-border);
    }

    .footer__partners-title {
        display: block;
        font-size: 13px;
        color: var(--clr-text-muted);
        margin-bottom: 8px;
    }

    .footer__partner-link {
        color: var(--clr-link-hover);
        font-weight: bold;
        text-decoration: none;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 8px;
        transition: color 0.3s ease;
        visibility: visible;
        outline: none;
    }

    .footer__partner-link:hover {
        color: var(--clr-heading);
    }

    /* --- NAVİGASYON (Menüler) --- */
    .footer__nav {
        width: 100%;
    }

    .footer__heading--nav {
        font-size: var(--fs-h3-nav);
        color: var(--clr-heading);
        margin: 10px 0 15px 0;
        font-weight: bold;
        white-space: nowrap;
        display: block;
        visibility: visible;
    }

    .footer__list,
    .footer__item {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        visibility: visible;
        opacity: 1;
        height: auto;
        overflow: visible;
    }

    .footer__link {
        font-size: var(--fs-link);
        color: #003366; 
        text-decoration: none;
        white-space: normal; 
        display: block;
        line-height: 2.2;
        padding: 5px 0; 
        transition: color 0.3s ease, font-weight 0.3s ease;
        position: relative;
        z-index: 99; 
        visibility: visible;
        opacity: 1;
        outline: none;
    }

    .footer__link:hover {
        color: var(--clr-link-hover);
        font-weight: bold;
        text-decoration: underline; 
    }

    .footer__link--strong {
        font-weight: bold;
        color: var(--clr-heading);
    }

    .footer__link:focus-visible,
    .footer__partner-link:focus-visible {
        outline: 2px dashed var(--clr-accent);
        outline-offset: 3px;
        border-radius: 4px;
    }

    /* ==========================================================================
       3. MASAÜSTÜ GÖRÜNÜMÜ 
       ========================================================================== */
    @media (min-width: 1024px) {
        .footer__container {
            flex-direction: row; 
            justify-content: flex-start;
            gap: 0;
        }

        .footer__brand {
            width: 350px;
            flex-shrink: 0;
            padding-right: 40px;
        }

        .footer__nav {
            flex: 1;
            padding: 0;
        }

        .footer__heading--nav {
            margin: 14px 0 20px 0;
        }

        .footer__link {
            padding: 0; 
        }
    }