/* ============================================================
   GPJ 3D GOMB
   ------------------------------------------------------------
   Alapszín:
   #688d8f  -> #f2f7f2
   ============================================================ */

.gomb3d,
.buttong,
.buttong1,
.ui-table-columntoggle-btn {
    background: linear-gradient(
        180deg,
        #31566d 0%,
        #173347 100%
    );

    color: #eef8ff !important;

    border: 1px solid rgba(80, 190, 235, 0.55);

    border-radius: 6px;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255,255,255,0.12);

    text-shadow:
        0 1px 2px rgba(0,0,0,0.8);

    transition: all 180ms ease;
}


/* ============================================================
   HOVER
   ============================================================ */

.buttong:hover,
.buttong1:hover,
.ui-table-columntoggle-btn:hover,
.gomb3d:hover {
    background: linear-gradient(
        180deg,
        #3c6d87 0%,
        #1c425a 100%
    );

    border-color: rgba(70, 200, 255, 0.85);

    box-shadow:
        0 0 8px rgba(0, 180, 255, 0.25),
        0 5px 12px rgba(0,0,0,0.5),
        inset 0 1px 0 rgba(255,255,255,0.15);

    transform: translateY(-1px);
}


/* ============================================================
   ACTIVE
   ============================================================ */

.buttong:active,
.buttong1:active,
.ui-table-columntoggle-btn:active,
.gomb3d:active {
    transform: translateY(1px);

    box-shadow:
        0 2px 4px rgba(0,0,0,0.5),
        inset 0 2px 4px rgba(0,0,0,0.25);
}
/* =========================================================
  Fő akciógomb kiemelése  
========================================================= */
.gomb3d.fokor-cta {
    background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%) !important;
    border-color: #60a5fa !important;
    color: #ffffff !important;
    font-weight: 500;
    padding: 10px 24px;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4) !important;
}

.gomb3d.fokor-cta:hover {
    background: linear-gradient(180deg, #3b82f6 0%, #1e40af 100%) !important;
    transform: translateY(-2px);
}
/* =========================================================
   PARTNER checkbox KIVÁLASZTÓ TERÜLET
   ========================================================= */

.checkboxresz1 {
    display: flex !important;
    align-items: center;
    justify-content: center;

    background: rgba(104, 141, 143, 0.08);

    border-left: 1px solid rgba(104, 141, 143, 0.25);

    box-sizing: border-box;
}

/* A checkbox tartója */

.elemkivalaszt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


/* Natív checkbox elrejtése */

input.checkboxresz {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    border: 0 !important;

    opacity: 0 !important;

    -webkit-appearance: none !important;
    appearance: none !important;
}
/* SAJÁT CHECKBOX */

label.partner-kivalasztas {
    position: relative;

    display: flex !important;

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

    width: 32px !important;
    height: 32px !important;

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

    box-sizing: border-box;

    background: #ffffff !important;

    border: 2px solid #688d8f !important;

    border-radius: 7px;

    cursor: pointer;

    box-shadow: 0 2px 5px rgba(0,0,0,.20);
}

/* Pipa */

.partner-kivalasztas::after {
    content: "✓";

    color: #ffffff;

    font-size: 21px;
    line-height: 1;

    opacity: 0;
}

/* NINCS KIJELÖLVE */

input.checkboxresz:not(:checked) + label.partner-kivalasztas::after {
    content: "";

    opacity: 0;
}

/* JQM esetleges saját ikonja */

input.checkboxresz + label.partner-kivalasztas:before {
    content: none !important;

    display: none !important;

    background: none !important;
    background-image: none !important;
}

input.checkboxresz:checked + label.partner-kivalasztas::after {
    content: "✓";

    display: block;

    color: #ffffff;

    font-size: 21px;

    font-weight: bold;

    line-height: 1;

    opacity: 1;
}
/* KIJELÖLVE */

input.checkboxresz:checked + label.partner-kivalasztas {
    background: #688d8f !important;

    border-color: #536f71 !important;
}

/* Egér fölé kerül */

.partner-kivalasztas:hover {
    border-color: #536f71;

    box-shadow:
        0 3px 8px rgba(0,0,0,.30);

    transform: translateY(-1px);
}


/* Kattintás */

.partner-kivalasztas:active {
    transform: translateY(1px);
}

/* ============================================================
   PARTNER KÁRTYA
   ============================================================ */

.partner-kartya {

background: linear-gradient(
    135deg,
    rgba(31, 57, 75, 0.96),
    rgba(150, 177, 184, 0.92)
);

    border: 1px solid rgba(120,220,240,0.30);

    border-radius: 6px;

    box-shadow:
        0 8px 16px rgba(0,0,0,0.40),
        inset 0 1px 0 rgba(255,255,255,0.30);

    color: #111719;

    position: relative;

    transition:
        box-shadow 250ms ease,
        border-color 250ms ease,
        transform 250ms ease;
}

.partner-kartya:hover {

    border-color: rgba(80,200,240,0.55);

    box-shadow:
        0 10px 22px rgba(0,0,0,0.50),
        0 0 12px rgba(50,170,220,0.12),
        inset 0 1px 0 rgba(255,255,255,0.35);
}
.partner-kartya-li{
    margin-bottom: 12px;
    list-style: none;
}


/* ============================================================
   badge
   ============================================================ */
.kiemelt-hatter {
    background-color: #fffdf2; /* Nagyon halvány arany/sárga */
    border-left: 4px solid #d35400; /* Narancs szegély az élén */
    border-radius: 5px;
}

/* Márka jelzések kis méretben */
.mini-marka-badge {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    color: #ffffff;
    border-radius: 4px;
    padding: 3px 7px;
    font-size: 11px;
}

.markak-kontener {
    display: flex;
    flex-wrap: wrap; /* Túl sok márka esetén új sorba tör */
    gap: 5px;
    margin-top: 5px;
}
    /* Kiemelt sor stílusa a listában */
.kiemelt-sor {
   /* background-color: #fff9e6 !important;*/ /* Halvány arany háttér */
    border-left: 5px solid #ffc107 !important; /* Arany szegély bal oldalt */
}
.badge {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: bold;
    display: inline-block;
}
/* ============================================================
   GPJ PARTNER BADGE - KÖZÖS ALAP
   ============================================================ */

.badge-specialista,
.badge-megbizhato,
.badge-kiemelt {

    color: #fff;

    padding: 3px 8px;

    border-radius: 12px;

    font-size: 11px;

    font-weight: bold;

    text-transform: uppercase;

    display: inline-block;

    margin-left: 5px;
    margin-top: 5px;

    vertical-align: middle;

    white-space: nowrap;

    line-height: 1.2;

    box-shadow:
        0 2px 4px rgba(0,0,0,0.30);
}
/* ============================================================
   MÁRKASPECIALISTA
   ============================================================ */

.badge-specialista {
    background-color: #2980b9;
}
/* ============================================================
   MEGBÍZHATÓ PARTNER
   ============================================================ */

.badge-megbizhato {
    background-color: #27ae60;
}
/* ============================================================
   KIEMELT PARTNER
   ============================================================ */
/* kiemelt partner háttér szín */
.badge-kiemelt {
    background-color: #d35400;
}
/* kiemelt partner betü szín */
.kiemelt-ceg {
    color: #d35400;
}
/* ============================================================
   kártya szöveg színei
   ============================================================ */
/*  alapszín  */
.ceg-kartya {
    color: #ffffff;
}
.ceg-nev {
    color: #ffffff;
    font-weight: 600;
}
/*   2. szín */
.ceg-adat {
    color: #e5edf2;
}
/*    3. szín */
.ceg-egyeb {
    color: #f0f5f8;
}

/* ============================================================
   JQUERY MOBILE FELÜLÍRÁSOK (HIBAJAVÍTÁSOK)
   ============================================================ */

/* 1. DUPLA PIPA MEGSZŰNTETÉSE: JQM által beszúrt ikon elrejtése */
label.partner-kivalasztas .ui-icon {
    display: none !important;
}

/* 2. FEHÉR KERET ÉS HÁTTÉR ELTÁVOLÍTÁSA A LISTÁRÓL ÉS RÁCSRÓL */
/* Kizárólag a partner kártyák beágyazott rács elemeire vonatkozó felülírás */
.partner-kartya-li,
.partner-kartya-li .ui-grid-a,
.partner-kartya-li .ui-block-a,
.partner-kartya-li .ui-block-b {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Margó nullázása kizárólag a belső rácselemeken, hogy az li alsó margója ne sérüljön */
.partner-kartya-li .ui-grid-a,
.partner-kartya-li .ui-block-a,
.partner-kartya-li .ui-block-b {
    margin: 0 !important;
}

/* Gomb alapértelmezett JQM keretének resetelése */
button.partner-kartya {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 12px;
    cursor: pointer;
}

/* A checkbox konténer igazítása a kártya magasságához (fehér sáv kiküszöbölése) */
.checkboxresz1 {
    background: rgba(31, 57, 75, 0.5) !important; /* A kártyához passzoló háttér */
    border-radius: 0 6px 6px 0;
    border: 1px solid rgba(120,220,240,0.30) !important;
    border-left: none !important;
}

/* ============================================================
   CHECKBOX ÉS KÁRTYA INTEGRÁLÁSA (EGYBEFÜGGŐ DOBOZ)
   ============================================================ */

/* 1. Bal oldal (Kártya): csak a bal sarkok legyenek lekerekítve, jobb oldali keret törlése */
.partner-kartya-li a.partner-kartya {
    border-radius: 6px 0 0 6px !important;
    border-right: none !important;
}

/* 2. Jobb oldal (Checkbox konténer): azonos háttér, szegély és jobb oldali lekerekítés */
.partner-kartya-li .checkboxresz1 {
    background: linear-gradient(
        135deg,
        rgba(31, 57, 75, 0.96),
        rgba(150, 177, 184, 0.92)
    ) !important;
    border: 1px solid rgba(120, 220, 240, 0.30) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important; /* Finom belső elválasztó vonal */
    border-radius: 0 6px 6px 0 !important;
    box-shadow:
        0 8px 16px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;
}

/* 3. Hover állapot szinkronizálása a teljes kártyára */
.partner-kartya-li .ui-grid-a:hover a.partner-kartya,
.partner-kartya-li .ui-grid-a:hover .checkboxresz1 {
    border-color: rgba(80, 200, 240, 0.55) !important;
}

.partner-kartya-li .ui-grid-a:hover a.partner-kartya {
    border-right: none !important;
}
/* ============================================================
   térkép
   ============================================================ */
/* Térkép konténer igazítása a témához */
#map_cegek,  #map{
    border-radius: 8px !important;
    border: 1px solid rgba(120, 220, 240, 0.25) !important;
    margin: 16px 0 !important;
    overflow: hidden !important; /* A sarkok lekerekítéséhez */
}
/* OpenStreetMap csempék sötét módra konvertálása */
.leaflet-tile-container img {
    filter: brightness(0.6) invert(1) contrast(2.5) hue-rotate(200deg) saturate(0.3) brightness(0.7) !important;
}
/* ============================================================
   JQUERY MOBILE ŰRLAP SÖTÉT TÉMA FELÜLBÍRÁLÁS
   ============================================================ */

/* 1. Címkék (Labels) szövegszínének és betűtípusának javítása */
.ui-grid-a .ui-block-a label {
    color: #e5edf2 !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    text-shadow: none !important;
    text-transform: capitalize !important;
}

/* 2. Beviteli mezők (Input) és Dropdown-ok (Select) sötétítése */
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
div.ui-input-text {
    background: #1c2d3d !important;
    border: 1px solid rgba(120, 220, 240, 0.30) !important;
    color: #ffffff !important;
    text-shadow: none !important;
    border-radius: 6px !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* Select nyíl és kijelölt érték szövegszíne */
.ui-select .ui-btn span {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Text input-ok szövegszíne és fókusz állapota */
.ui-input-text input {
    color: #ffffff !important;
    text-shadow: none !important;
}

.ui-input-text.ui-focus,
.ui-select .ui-btn:focus {
    border-color: #60a5fa !important;
    box-shadow: 0 0 8px rgba(96, 165, 250, 0.5) !important;
}

/* 3. "Műszaki adatok" és egyéb kiemelt sávok (inline stílusok felülbírálása) */
.ui-bar-a, 
span.ui-bar[style*="background:lightgray"] {
    background: linear-gradient(135deg, #1f394b, #2a4c63) !important;
    color: #60a5fa !important; /* Szürke/MediumBlue helyett világoskék */
    border: 1px solid rgba(120, 220, 240, 0.30) !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    padding: 8px 12px !important;
}

/* Clear (X) gomb az input mezőkben */
.ui-input-has-clear .ui-btn.ui-input-clear {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* ============================================================
   ŰRLAP ÉS POPUP FELÜLBÍRÁLÁSOK
   ============================================================ */

/* 1. Harmonika / Accordion fejlécek */
[data-role="accordion"] h3 {
    background: linear-gradient(135deg, #1f394b, #2a4c63) !important;
    border: 1px solid rgba(120, 220, 240, 0.30) !important;
    border-radius: 8px !important;
    margin-top: 10px !important;
}

[data-role="accordion"] h3 a,
.menucimharmonika {
    color: #ffffff !important;
    text-shadow: none !important;
    font-weight: 600 !important;
}

/* 2. Felugró ablakok (Popups) és párbeszéddobozok */
.ui-popup-container .ui-popup {
    background-color: #121e2a !important;
    border: 1px solid rgba(120, 220, 240, 0.4) !important;
    color: #e5edf2 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6) !important;
}

/* Inline "color:blue" felülbírálása a jó olvashatóságért */
.ui-popup [data-role="toolbar"],
.ui-popup [data-role="header"],
.ui-popup h2,
.ui-popup p[style*="color:blue"],
.ui-popup [style*="color:blue"] {
    background-color: #1c2d3d !important;
    color: #60a5fa !important;
    text-shadow: none !important;
}

/* 3. Megjegyzés mező (Textarea) */
textarea.ui-input-text {
    background-color: #1c2d3d !important;
    border: 1px solid rgba(120, 220, 240, 0.30) !important;
    color: #ffffff !important;
    text-shadow: none !important;
    border-radius: 6px !important;
}

textarea.ui-input-text::placeholder {
    color: #94a3b8 !important;
}

/* 4. Egyedi gombok és popup bezáró gombok */
#doboznyitegyebajanlat,
.ui-popup .ui-btn {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    color: #ffffff !important;
    border: none !important;
    text-shadow: none !important;
    border-radius: 6px !important;
}

/* Kötelező mezőt jelző csillag (*) kiemelése red/amber színnel */
.ui-block-c label[for="emailcim1"] {
    color: #f87171 !important;
    font-weight: bold !important;
}
/* ============================================================
   GDPR oldal CSS (CSAK EZEN AZ OLDALON FEJT KI HATAST)
   ============================================================ */

/* 1. Felső GDPR / Tájékoztató blokk beállítása */
.formeltuntetes3x .gk-oldalcim {
    color: #e5edf2 !important;
    text-shadow: none !important;
    display: block;
    background-color: #121e2a !important;
    padding: 15px !important;
    border: 1px solid rgba(120, 220, 240, 0.3) !important;
    border-radius: 8px !important;
    line-height: 1.5 !important;
}

.formeltuntetes3x .gk-oldalcim b {
    color: #ffffff !important;
}

/* 2. A két információs sáv (#keresesileiras és #keresesileirascim) */
#keresesileiras,
#keresesileirascim {
    background-color: #1c2d3d !important;
    background: #1c2d3d !important;
    border: 1px solid rgba(120, 220, 240, 0.3) !important;
    color: #60a5fa !important; /* Jól olvasható világoskék felirat */
    text-shadow: none !important;
    text-align: center !important;
    font-weight: 600 !important;
    margin-top: 8px !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
}

/* Ha az információs sávban piros hibaüzenet jelenne meg */
#keresesileiras [style*="color:red"],
#keresesileirascim [style*="color:red"],
#keresesileiras [style*="color: red"],
#keresesileirascim [style*="color: red"] {
    color: #f87171 !important; /* Élénk piros a sötét hátteren */
    text-shadow: none !important;
}

/* ============================================================
   GDPR rész
   ============================================================ */

/* 1. Külső sötétkék keretes doboz */
.formeltuntetes3x .gdpr {
    background-color: #1c2d3d !important;
    border: 1px solid rgba(120, 220, 240, 0.3) !important;
    border-radius: 8px !important;
    padding: 14px 20px !important;
    margin: 20px auto !important;
    max-width: 650px !important;
    width: 100% !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* 2. Belső jQuery Mobile elemek hátterének átlátszóvá tétele (hogy a külső doboz látsszon) */
.formeltuntetes3x .gdpr .ui-checkbox,
.formeltuntetes3x .gdpr label,
.formeltuntetes3x .gdpr label.ui-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    font-size: 0.9em !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    display: inline !important;
}

/* 3. Extra jQuery Mobile ikon letiltása (marad az 1 darab pipa) */
.formeltuntetes3x .gdpr label::before,
.formeltuntetes3x .gdpr label::after,
.formeltuntetes3x .gdpr .ui-btn::before,
.formeltuntetes3x .gdpr .ui-btn::after,
.formeltuntetes3x .gdpr .ui-icon {
    display: none !important;
    content: "" !important;
}

/* 4. Az egyetlen látható checkbox pontos pozicionálása a dobozon belül */
.formeltuntetes3x .gdpr input[type="checkbox"] {
    position: relative !important;
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 8px 0 0 !important;
    vertical-align: -3px !important;
    cursor: pointer !important;
    accent-color: #2563eb !important;
}

/* 5. Link formázása */
.formeltuntetes3x .gdpr a {
    color: #60a5fa !important;
    text-decoration: underline !important;
    display: inline !important;
}
/* ============================================================
   MAP saját helyet jelölő ikon
   ============================================================ */
/* Saját pozíció ikon háttér-dobozának letisztítása */
.custom-sajat-hely-icon {
    background: transparent !important;
    border: none !important;
}

/* Pulzáló radar effekt */
.sajat-hely-pulsing-wrapper {
    position: relative;
    width: 36px;
    height: 36px;
}

.sajat-hely-pulsing-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    border-radius: 50%;
    background-color: rgba(56, 189, 248, 0.4);
    animation: gps-pulse 2s infinite ease-out;
    pointer-events: none;
}

@keyframes gps-pulse {
    0% {
        transform: scale(0.8);
        opacity: 0.8;
    }
    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}
/* ============================================================
   LEBEGŐ CHECKBOX JELVÉNY (ZÁSZLÓ) STÍLUS
   ============================================================ */

/* 1. Külső oszlop függőleges középre igazítása */
.checkboxresz1 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
}

/* 2. Belső blokk méretezése */
.elemkivalaszt {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. A lekerekített lebegő gomb formázása */
.partner-kivalasztas,
.elemkivalaszt label.ui-btn {
    border-radius: 8px !important; /* Minden sarkon egyenletes lekerekítés */
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(120, 220, 240, 0.25) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.2s ease-in-out !important;
}

/* 4. Kijelölt állapot kiemelése (opcionális neon kék derengés) */
.elemkivalaszt input[type="checkbox"]:checked + label,
.elemkivalaszt label.ui-checkbox-on {
    border-color: #38bdf8 !important;
    background-color: rgba(56, 189, 248, 0.15) !important;
    box-shadow: 0 0 8px rgba(56, 189, 248, 0.4) !important;
}