/* ==========================================================
   TECHCARS SHARED HEADER
   Egységes fejléc minden TechCars-oldalon
   ========================================================== */

.tc-shared-header{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:100;

    width:100%;

    background:
        linear-gradient(
            to bottom,
            rgba(3,6,9,.90),
            rgba(3,6,9,.66)
        );

    border-bottom:1px solid rgba(255,255,255,.06);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.tc-shared-header-inner{
    width:100%;
    max-width:1536px;
    height:92px;

    margin:0 auto;
    padding:0 42px;

    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    gap:38px;
}

.tc-shared-logo{
    display:flex;
    align-items:center;

    color:#fff!important;
    text-decoration:none!important;
}

.tc-shared-logo img{
    display:block;

    width:auto!important;
    height:31px!important;
    max-width:none!important;
    max-height:31px!important;

    margin:0!important;
}

.tc-shared-logo > span{
    color:#fff;

    font-size:23px;
    line-height:1;
    font-weight:300;
    letter-spacing:-1px;
}

.tc-shared-logo > span span{
    color:#00E675;
}

.tc-shared-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:36px;
}

.tc-shared-nav a{
    position:relative;

    display:inline-flex;
    align-items:center;

    min-height:32px;
    padding:0!important;
    margin:0!important;

    color:#fff!important;

    font-family:Roboto,Arial,sans-serif;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    text-transform:uppercase;
    text-decoration:none!important;

    opacity:.90;

    transition:
        color .2s ease,
        opacity .2s ease;
}

.tc-shared-nav a::after{
    content:"";

    position:absolute;
    left:0;
    right:0;
    bottom:-13px;

    height:2px;

    transform:scaleX(0);
    transform-origin:center;

    background:#00E675;

    transition:transform .2s ease;
}

.tc-shared-nav a:hover,
.tc-shared-nav a:focus{
    color:#00E675!important;
    opacity:1;
}

.tc-shared-nav a:hover::after,
.tc-shared-nav a:focus::after{
    transform:scaleX(1);
}

.tc-shared-socials{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
}

.tc-shared-socials a{
    width:21px!important;
    min-width:21px!important;
    height:21px!important;
    min-height:21px!important;

    display:flex;
    align-items:center;
    justify-content:center;

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

    border:0!important;
    background:transparent!important;
    text-decoration:none!important;

    transition:
        transform .2s ease,
        opacity .2s ease;
}

.tc-shared-socials a:hover{
    transform:translateY(-2px);
    opacity:.82;
}

.tc-shared-socials img{
    display:block;

    width:21px!important;
    height:21px!important;
    max-width:21px!important;
    max-height:21px!important;

    margin:0!important;

    object-fit:contain;
}

.tc-shared-menu-toggle{
    display:none;
}

.tc-shared-header-spacer{
    height:92px;
}

@media(max-width:1100px){
    .tc-shared-header-inner{
        height:78px;
        padding:0 22px;

        grid-template-columns:1fr auto;
    }

    .tc-shared-socials{
        display:none;
    }

    .tc-shared-menu-toggle{
        appearance:none;
        -webkit-appearance:none;

        width:42px!important;
        min-width:42px!important;
        height:42px!important;
        min-height:42px!important;
        padding:0!important;
        margin:0!important;

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:5px;

        border:1px solid rgba(255,255,255,.18)!important;
        border-radius:10px!important;

        background:rgba(3,6,9,.72)!important;

        cursor:pointer;
    }

    .tc-shared-menu-toggle span{
        width:18px;
        height:2px;

        display:block;

        background:#fff;

        transition:
            transform .2s ease,
            opacity .2s ease;
    }

    .tc-shared-menu-toggle.is-open span:nth-child(1){
        transform:translateY(7px) rotate(45deg);
    }

    .tc-shared-menu-toggle.is-open span:nth-child(2){
        opacity:0;
    }

    .tc-shared-menu-toggle.is-open span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg);
    }

    .tc-shared-nav{
        position:absolute;
        top:78px;
        left:0;
        right:0;

        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:0;

        padding:12px 22px 20px;

        background:rgba(3,6,9,.97);

        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .tc-shared-nav.is-open{
        display:flex;
    }

    .tc-shared-nav a{
        min-height:0;
        padding:15px 0!important;

        border-bottom:1px solid rgba(255,255,255,.07);
    }

    .tc-shared-nav a::after{
        display:none;
    }

    .tc-shared-header-spacer{
        height:78px;
    }
}

@media(max-width:760px){
    .tc-shared-header-inner{
        height:68px;
        padding:0 16px;
    }

    .tc-shared-logo img{
        height:27px!important;
        max-height:27px!important;
    }

    .tc-shared-nav{
        top:68px;
    }

    .tc-shared-header-spacer{
        height:68px;
    }
}


/* ==========================================================
   TECHCARS SHARED HEADER – ALPHA 10 FINAL OVERRIDES
   A Főoldal V2 Teszt fejlécének egységes méretei
   ========================================================== */

body:has(.tc-shared-header) .site-header,
body:has(.tc-shared-header) #masthead,
body.single-cars .site-header,
body.single-cars #masthead,
body.single-models .site-header,
body.single-models #masthead,
body.single-model .site-header,
body.single-model #masthead,
body:has(.tc-home-v2) .site-header,
body:has(.tc-home-v2) #masthead{
    display:none!important;
}

.tc-home-v2-header{
    display:none!important;
}

.tc-shared-header{
    height:76px!important;

    background:
        linear-gradient(
            90deg,
            rgba(3,6,9,.94) 0%,
            rgba(3,6,9,.72) 48%,
            rgba(3,6,9,.82) 100%
        )!important;

    border-bottom:1px solid rgba(255,255,255,.05)!important;
}

.tc-shared-header-inner{
    max-width:1536px!important;
    height:76px!important;

    padding:0 42px!important;
    gap:34px!important;
}

.tc-shared-logo img{
    height:29px!important;
    max-height:29px!important;
}

.tc-shared-nav{
    gap:34px!important;
}

.tc-shared-nav a{
    font-size:12px!important;
    font-weight:900!important;
}

.tc-shared-socials{
    gap:13px!important;
}

.tc-shared-socials a,
.tc-shared-socials img{
    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
}

.tc-main-home-hero,
.tc-home-v2-hero{
    padding-top:76px!important;
}

body.single-cars main,
body.single-cars .site-main,
body.single-models main,
body.single-models .site-main,
body.single-model main,
body.single-model .site-main{
    padding-top:76px!important;
}

@media(max-width:1100px){
    .tc-shared-header,
    .tc-shared-header-inner{
        height:68px!important;
    }

    .tc-shared-nav{
        top:68px!important;
    }

    .tc-main-home-hero,
    .tc-home-v2-hero{
        padding-top:68px!important;
    }

    body.single-cars main,
    body.single-cars .site-main,
    body.single-models main,
    body.single-models .site-main,
    body.single-model main,
    body.single-model .site-main{
        padding-top:68px!important;
    }
}

@media(max-width:760px){
    .tc-shared-header-inner{
        padding:0 16px!important;
    }

    .tc-shared-logo img{
        height:27px!important;
        max-height:27px!important;
    }
}


/* Alpha 10.1 – enyhén nagyobb TechCars logó */
.tc-shared-logo img{
    height:33px!important;
    max-height:33px!important;
}

@media(max-width:760px){
    .tc-shared-logo img{
        height:29px!important;
        max-height:29px!important;
    }
}


/* ==========================================================
   TECHCARS SHARED HEADER – ALPHA 10.2
   Fix fejléc + 110 px széles logó
   ========================================================== */

.tc-shared-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:9999!important;

    background:rgba(3,6,9,.78)!important;

    box-shadow:none;

    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;

    transition:
        background .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.tc-shared-header.is-scrolled{
    background:rgba(3,6,9,.94)!important;

    border-bottom-color:rgba(255,255,255,.10)!important;

    box-shadow:
        0 14px 38px rgba(0,0,0,.36);
}

.tc-shared-logo img{
    width:110px!important;
    max-width:110px!important;

    height:auto!important;
    max-height:none!important;
}

.tc-main-home,
.tc-home-v2,
body.single-cars,
body.single-model,
body.single-models{
    scroll-padding-top:96px;
}

@media(max-width:760px){
    .tc-shared-logo img{
        width:92px!important;
        max-width:92px!important;

        height:auto!important;
        max-height:none!important;
    }
}


/* ==========================================================
   TECHCARS SHARED HEADER – ALPHA 10.3
   Láthatóan nagyobb logó + valóban áttetsző fejléc
   ========================================================== */

.tc-shared-header{
    background:rgba(3,6,9,.24)!important;

    border-bottom-color:rgba(255,255,255,.035)!important;

    box-shadow:none!important;

    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
}

.tc-shared-header.is-scrolled{
    background:rgba(3,6,9,.84)!important;

    border-bottom-color:rgba(255,255,255,.09)!important;

    box-shadow:
        0 14px 36px rgba(0,0,0,.34)!important;
}

.tc-shared-logo{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;

    overflow:visible!important;
}

.tc-shared-logo img{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;

    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;

    object-fit:contain!important;
    object-position:left center!important;

    transform:scale(1.08);
    transform-origin:left center;
}

@media(max-width:760px){
    .tc-shared-logo{
        width:118px!important;
        min-width:118px!important;
        max-width:118px!important;
    }

    .tc-shared-logo img{
        width:118px!important;
        min-width:118px!important;
        max-width:118px!important;

        height:34px!important;
        min-height:34px!important;
        max-height:34px!important;

        transform:scale(1.04);
    }
}


/* ==========================================================
   TECHCARS SHARED HEADER – ALPHA 10.7
   Autó- és modelloldali háttérütközés végleges javítása
   ========================================================== */

/*
 * Az autó-adatlap saját stílusai egyes állapotokban
 * világos hátteret adtak a fejlécnek.
 * Ezek a szabályok minden járműoldalon elsőbbséget kapnak.
 */
body.single-cars .tc-shared-header,
body.single-model .tc-shared-header,
body.single-models .tc-shared-header,
body.post-type-archive-cars .tc-shared-header{
    background:rgba(3,6,9,.72)!important;
    background-color:rgba(3,6,9,.72)!important;

    border-bottom:1px solid rgba(255,255,255,.055)!important;

    color:#fff!important;

    box-shadow:none!important;

    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;

    mix-blend-mode:normal!important;
    opacity:1!important;
    filter:none!important;
}

/*
 * Görgetéskor sötétebb, de továbbra is áttetsző marad.
 */
body.single-cars .tc-shared-header.is-scrolled,
body.single-model .tc-shared-header.is-scrolled,
body.single-models .tc-shared-header.is-scrolled,
body.post-type-archive-cars .tc-shared-header.is-scrolled{
    background:rgba(3,6,9,.92)!important;
    background-color:rgba(3,6,9,.92)!important;

    border-bottom-color:rgba(255,255,255,.10)!important;

    box-shadow:
        0 14px 38px rgba(0,0,0,.38)!important;
}

/*
 * A belső fejléc-elemek se örökölhessenek
 * világos hátteret a Kadence vagy az adatlap CSS-éből.
 */
body.single-cars .tc-shared-header-inner,
body.single-model .tc-shared-header-inner,
body.single-models .tc-shared-header-inner,
body.post-type-archive-cars .tc-shared-header-inner,
body.single-cars .tc-shared-nav,
body.single-model .tc-shared-nav,
body.single-models .tc-shared-nav,
body.post-type-archive-cars .tc-shared-nav{
    background-color:transparent!important;
    background-image:none!important;
}

/*
 * A menü és a logó mindig az eredeti sötét fejléc
 * kontrasztját használja.
 */
body.single-cars .tc-shared-nav a,
body.single-model .tc-shared-nav a,
body.single-models .tc-shared-nav a,
body.post-type-archive-cars .tc-shared-nav a{
    color:#fff!important;
}

body.single-cars .tc-shared-logo,
body.single-model .tc-shared-logo,
body.single-models .tc-shared-logo,
body.post-type-archive-cars .tc-shared-logo{
    opacity:1!important;
    filter:none!important;
}


/* ==========================================================
   TECHCARS SHARED HEADER – ALPHA 10.8
   A fejléc mögötti világos Kadence háttér javítása
   ========================================================== */

/*
 * A fix, áttetsző fejléc mögött a Kadence oldalháttér látszott.
 * Ezért az autó- és modelloldalak teljes vászna sötét hátteret kap.
 */
body.single-cars,
body.single-model,
body.single-models,
body.post-type-archive-cars,
body.single-cars #page,
body.single-model #page,
body.single-models #page,
body.post-type-archive-cars #page,
body.single-cars .site,
body.single-model .site,
body.single-models .site,
body.post-type-archive-cars .site,
body.single-cars .site-content,
body.single-model .site-content,
body.single-models .site-content,
body.post-type-archive-cars .site-content,
body.single-cars .content-area,
body.single-model .content-area,
body.single-models .content-area,
body.post-type-archive-cars .content-area,
body.single-cars .site-main,
body.single-model .site-main,
body.single-models .site-main,
body.post-type-archive-cars .site-main{
    background:#030609!important;
    background-color:#030609!important;
}

/*
 * A fejléc mögötti legfelső sáv külön is sötét alapot kap.
 * Így az áttetsző fejléc soha nem világos háttér fölött jelenik meg.
 */
body.single-cars::before,
body.single-model::before,
body.single-models::before,
body.post-type-archive-cars::before{
    content:"";

    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:9998;

    height:76px;

    pointer-events:none;

    background:#030609;
}

/*
 * A fejléc maradjon a sötét alap fölött.
 */
body.single-cars .tc-shared-header,
body.single-model .tc-shared-header,
body.single-models .tc-shared-header,
body.post-type-archive-cars .tc-shared-header{
    z-index:9999!important;

    background:rgba(3,6,9,.42)!important;
    background-color:rgba(3,6,9,.42)!important;
}

/*
 * Görgetéskor erősebb sötétítés.
 */
body.single-cars .tc-shared-header.is-scrolled,
body.single-model .tc-shared-header.is-scrolled,
body.single-models .tc-shared-header.is-scrolled,
body.post-type-archive-cars .tc-shared-header.is-scrolled{
    background:rgba(3,6,9,.92)!important;
    background-color:rgba(3,6,9,.92)!important;
}

/*
 * A Kadence esetleges felső fehér margóit és kereteit is eltávolítjuk.
 */
body.single-cars .site-container,
body.single-model .site-container,
body.single-models .site-container,
body.post-type-archive-cars .site-container,
body.single-cars .content-container,
body.single-model .content-container,
body.single-models .content-container,
body.post-type-archive-cars .content-container{
    background:#030609!important;
    border:0!important;
    box-shadow:none!important;
}

@media(max-width:1100px){
    body.single-cars::before,
    body.single-model::before,
    body.single-models::before,
    body.post-type-archive-cars::before{
        height:68px;
    }
}


/* ==========================================================
   TECHCARS SHARED HEADER – ALPHA 11.1 MOBILE VEHICLE MENU
   ========================================================== */

@media(max-width:1100px){

    /*
     * Autó- és modelloldalon a nyitott menü teljesen fedett,
     * sötét felületet kapjon. Ne látszódjon át mögötte a hero.
     */
    body.single-cars .tc-shared-nav,
    body.single-model .tc-shared-nav,
    body.single-models .tc-shared-nav{
        position:fixed!important;
        top:68px!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        z-index:10000!important;

        width:100%!important;
        height:calc(100dvh - 68px)!important;

        padding:28px 32px 44px!important;

        overflow-y:auto!important;
        overscroll-behavior:contain;

        background:#05090D!important;
        background-color:#05090D!important;
        background-image:
            radial-gradient(
                circle at 100% 0%,
                rgba(0,230,117,.07),
                transparent 42%
            )!important;

        opacity:1!important;

        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;

        box-shadow:
            0 22px 60px rgba(0,0,0,.55)!important;
    }

    body.single-cars .tc-shared-nav.is-open,
    body.single-model .tc-shared-nav.is-open,
    body.single-models .tc-shared-nav.is-open{
        display:flex!important;
    }

    body.single-cars .tc-shared-nav a,
    body.single-model .tc-shared-nav a,
    body.single-models .tc-shared-nav a{
        position:relative!important;
        z-index:1!important;

        width:100%!important;

        padding:21px 8px!important;

        color:#fff!important;

        border-bottom:1px solid rgba(255,255,255,.10)!important;

        font-size:15px!important;
        line-height:1.2!important;
    }

    /*
     * Nyitott mobilmenü alatt az oldal ne görögjön és
     * ne látszódjon keresztül.
     */
    body.single-cars:has(.tc-shared-nav.is-open),
    body.single-model:has(.tc-shared-nav.is-open),
    body.single-models:has(.tc-shared-nav.is-open){
        overflow:hidden!important;
    }
}

@media(max-width:760px){
    body.single-cars .tc-shared-nav,
    body.single-model .tc-shared-nav,
    body.single-models .tc-shared-nav{
        top:68px!important;
    }
}


/* ==========================================================
   TECHCARS BUTTON RESET – ALPHA 11.3
   Kadence / böngésző kék kitöltés kikapcsolása
   ========================================================== */

.tc-main-home button,
.tc-main-home input[type="button"],
.tc-main-home input[type="submit"],
.tc-shared-header button,
.tc-vehicle-modal button,
.tc-home-v2 button,
.tc-home-v2 input[type="button"],
.tc-home-v2 input[type="submit"]{
    -webkit-appearance:none!important;
    appearance:none!important;

    background-image:none!important;

    box-shadow:none!important;

    text-shadow:none!important;

    -webkit-tap-highlight-color:transparent!important;
}

.tc-main-home button:focus,
.tc-main-home button:active,
.tc-main-home input[type="button"]:focus,
.tc-main-home input[type="button"]:active,
.tc-main-home input[type="submit"]:focus,
.tc-main-home input[type="submit"]:active,
.tc-shared-header button:focus,
.tc-shared-header button:active,
.tc-vehicle-modal button:focus,
.tc-vehicle-modal button:active,
.tc-home-v2 button:focus,
.tc-home-v2 button:active{
    outline:none!important;

    box-shadow:none!important;

    filter:none!important;
}

/*
 * Safari és Kadence által hozzáadott kék aktív állapot tiltása.
 */
.tc-main-home a,
.tc-main-home button,
.tc-shared-header a,
.tc-shared-header button,
.tc-vehicle-modal a,
.tc-vehicle-modal button,
.tc-home-v2 a,
.tc-home-v2 button{
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
}


.tc-shared-menu-toggle{
    background-color:rgba(3,6,9,.72)!important;
    background-image:none!important;
}

.tc-shared-menu-toggle:hover,
.tc-shared-menu-toggle:focus,
.tc-shared-menu-toggle:active{
    background-color:rgba(3,6,9,.88)!important;
    background-image:none!important;
}