:root{
    --cs-brand:#33ADFA;
    --cs-brand-hover:#48B7FB;

    --cs-page:#080B0F;
    --cs-header:#090D11;

    --cs-surface:#0D1217;
    --cs-surface-2:#11171D;
    --cs-surface-3:#151B22;

    --cs-border:#26313A;

    --cs-text:#F2F1ED;
    --cs-muted:#98A3AD;

    --cs-top:#E5484D;
}


/* ==========================================================
   TYPOGRAPHY
   NAGY SZÖVEGEK NEM KÉKEK
   ========================================================== */

main h1,
main h2,
main h3,
main h4,
main h5,
main h6{
    color:var(--cs-text) !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6{
    color:var(--cs-text) !important;
}


/* ==========================================================
   HERO
   ========================================================== */

#carselect-marketplace-home .md-hero-copy{
    z-index:1 !important;
}

#carselect-marketplace-home .md-hero-copy h1{
    width:650px !important;
    max-width:650px !important;

    font-size:60px !important;
    font-weight:800 !important;

    line-height:.97 !important;
    letter-spacing:-.038em !important;

    color:var(--cs-text) !important;
}

#carselect-marketplace-home .md-hero-copy .cs-brand-dot{
    color:var(--cs-brand) !important;
}


/* ==========================================================
   HERO SEARCH HEADING
   törtfehér, NEM kék
   ========================================================== */

#carselect-marketplace-home .md-smart-search h1,
#carselect-marketplace-home .md-smart-search h2,
#carselect-marketplace-home .md-smart-search h3,
#carselect-marketplace-home .md-smart-search [class*="font-bold"],
#carselect-marketplace-home .md-smart-search [class*="font-semibold"]{
    color:var(--cs-text) !important;
}


/* ==========================================================
   HEADER – HARANG + GARÁZS

   homepage-en minden icon-control legyen bare:
   - nincs kék
   - nincs background
   - nincs hover box
   - nincs outline
   - nincs glow
   ========================================================== */

body:has(#carselect-marketplace-home)
header button:has(svg),

body:has(#carselect-marketplace-home)
header a:has(svg){

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border-color:transparent !important;

    outline:none !important;

    box-shadow:none !important;
    filter:none !important;

    color:var(--cs-text) !important;
}


body:has(#carselect-marketplace-home)
header button:has(svg):hover,

body:has(#carselect-marketplace-home)
header button:has(svg):focus,

body:has(#carselect-marketplace-home)
header button:has(svg):focus-visible,

body:has(#carselect-marketplace-home)
header a:has(svg):hover,

body:has(#carselect-marketplace-home)
header a:has(svg):focus,

body:has(#carselect-marketplace-home)
header a:has(svg):focus-visible{

    background:transparent !important;
    background-color:transparent !important;

    border-color:transparent !important;

    outline:none !important;

    box-shadow:none !important;

    color:var(--cs-text) !important;
}


body:has(#carselect-marketplace-home)
header button:has(svg) svg,

body:has(#carselect-marketplace-home)
header a:has(svg) svg{

    color:var(--cs-text) !important;
    stroke:currentColor !important;
}


/* ==========================================================
   MEGA MENU
   NAVY KI -> VILÁGOSABB GRAPHITE
   HERO MINDIG ALATTA
   ========================================================== */

body:has(#carselect-marketplace-home)
.cs-home-mega-panel,

body:has(#carselect-marketplace-home)
.cs-home-mega-panel--wide{

    background:#11171D !important;
    background-color:#11171D !important;
    background-image:none !important;

    border:1px solid #252D35 !important;
    outline:none !important;

    z-index:9999 !important;

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


body:has(#carselect-marketplace-home)
.cs-home-mega-panel h1,

body:has(#carselect-marketplace-home)
.cs-home-mega-panel h2,

body:has(#carselect-marketplace-home)
.cs-home-mega-panel h3,

body:has(#carselect-marketplace-home)
.cs-home-mega-panel a,

body:has(#carselect-marketplace-home)
.cs-home-mega-panel--wide a{

    color:var(--cs-text) !important;
}


body:has(#carselect-marketplace-home)
.cs-home-mega-panel p,

body:has(#carselect-marketplace-home)
.cs-home-mega-panel [class*="label"],

body:has(#carselect-marketplace-home)
.cs-home-mega-panel [class*="title"]{

    border-color:var(--cs-border);
}


/* ==========================================================
   PURPLE / VIOLET UI -> CARSELECT .SK BLUE
   CSAK UI ACCENT, NEM SZÖVEGCÍMEK
   ========================================================== */

[class*="bg-purple-"],
[class*="bg-violet-"],
[class*="bg-fuchsia-"],
[class*="bg-indigo-"],

[class*="bg-[#823DF2]"],
[class*="bg-[#823df2]"],
[class*="bg-[#8B5CF6]"],
[class*="bg-[#7C3AED]"],
[class*="bg-[#9333EA]"],
[class*="bg-[#A855F7]"]{

    background:var(--cs-brand) !important;
    background-color:var(--cs-brand) !important;
    background-image:none !important;

    box-shadow:none !important;
    filter:none !important;
}


[class*="border-purple-"],
[class*="border-violet-"],
[class*="border-fuchsia-"],
[class*="border-indigo-"],

[class*="border-[#823DF2]"],
[class*="border-[#823df2]"],
[class*="border-[#8B5CF6]"],
[class*="border-[#7C3AED]"],
[class*="border-[#9333EA]"],
[class*="border-[#A855F7]"]{

    border-color:var(--cs-brand) !important;
}


[class*="text-purple-"],
[class*="text-violet-"],
[class*="text-fuchsia-"],
[class*="text-indigo-"],

[class*="text-[#823DF2]"],
[class*="text-[#823df2]"],
[class*="text-[#8B5CF6]"],
[class*="text-[#7C3AED]"],
[class*="text-[#9333EA]"],
[class*="text-[#A855F7]"]{

    color:var(--cs-brand) !important;
}


/* Tailwind purple gradients */

[class*="from-purple-"],
[class*="from-violet-"],
[class*="from-fuchsia-"],
[class*="from-indigo-"]{
    --tw-gradient-from:var(--cs-brand) !important;
}

[class*="via-purple-"],
[class*="via-violet-"],
[class*="via-fuchsia-"],
[class*="via-indigo-"]{
    --tw-gradient-via:var(--cs-brand) !important;
}

[class*="to-purple-"],
[class*="to-violet-"],
[class*="to-fuchsia-"],
[class*="to-indigo-"]{
    --tw-gradient-to:var(--cs-brand-hover) !important;
}


/* ==========================================================
   HERO SEARCH ARROW
   csak maga a négyzet legyen kék
   nincs külső glow / nincs lila belső réteg
   ========================================================== */

#carselect-marketplace-home
.md-smart-search button[type="submit"]{

    background:var(--cs-brand) !important;
    background-color:var(--cs-brand) !important;
    background-image:none !important;

    border-color:var(--cs-brand) !important;

    box-shadow:none !important;
    filter:none !important;

    color:#fff !important;
}


#carselect-marketplace-home
.md-smart-search button[type="submit"] *{

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    box-shadow:none !important;

    color:#fff !important;
}


#carselect-marketplace-home
.md-smart-search button[type="submit"] svg,

#carselect-marketplace-home
.md-smart-search button[type="submit"] svg *{

    fill:none !important;
    stroke:#fff !important;
}


/* ==========================================================
   BUTTON GLOW = 0 AZ EGÉSZ OLDALON
   ========================================================== */

button,
input[type="submit"],
input[type="button"],
[role="button"]{

    box-shadow:none !important;
    filter:none !important;
    text-shadow:none !important;
}


/* ==========================================================
   TOP = RED
   ========================================================== */

.cs-final-top,
.cs-theme-top-badge{

    background:var(--cs-top) !important;
    background-color:var(--cs-top) !important;
    background-image:none !important;

    border-color:var(--cs-top) !important;

    color:#fff !important;

    box-shadow:none !important;
}


/* ==========================================================
   ZĽAVA GREENHEZ NEM NYÚLUNK
   ========================================================== */


/* ==========================================================
   NORMAL SECTION TITLES = OFF WHITE
   ========================================================== */

#carselect-marketplace-home section h2,
#carselect-marketplace-home section h3{

    color:var(--cs-text) !important;
}