/* Oldalspecifikus stíluslap.
   Korábban inline blokk volt a _country_picker_assets.html sablonban. Külön fájlban a böngésző
   gyorsítótárazza, így nem tölti le minden oldalletöltéskor újra. A hivatkozás
   a blokk eredeti helyén áll, ezért a sorrend és a viselkedés változatlan. */
.country-picker { position: relative; width: 100%; }

    .country-picker-input {
        width: 100%;
        box-sizing: border-box;
        font-family: inherit;
    }

    /* A találati lista a mező fölé úszik, hogy ne tolja szét az űrlapot. */
    .country-picker-list {
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
        right: 0;
        z-index: 60;
        max-height: 260px;
        overflow-y: auto;
        border-radius: 12px;
        padding: 6px;
        background: var(--bg-card, #18191e);
        border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12));
        box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.55);
    }
    .country-picker-list[hidden] { display: none; }

    .country-option {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 0.95em;
        color: var(--text-card, #e5e7eb);
        transition: background-color 0.12s ease;
    }
    .country-option:hover,
    .country-option.is-active {
        background-color: rgba(59, 130, 246, 0.18);
    }
    .country-option .flag { font-size: 1.15em; line-height: 1; }
    .country-option .code {
        margin-left: auto;
        font-size: 0.78em;
        font-weight: 700;
        letter-spacing: 0.05em;
        color: var(--text-muted, #6b7280);
    }
    /* A találatban a beírt rész kiemelve - így látszik, miért illeszkedik. */
    .country-option mark {
        background: transparent;
        color: #60a5fa;
        font-weight: 800;
    }

    .country-picker-empty {
        padding: 12px;
        font-size: 0.9em;
        color: var(--text-muted, #6b7280);
        text-align: center;
    }