/* =====================================================================
   ship-kapcsolat.css — publikus Kapcsolat oldal (330).

   UI-FORRÁS: shop-demo (Kartify) `template/contact-us.html` szerkezete
   (contact-section / contact-main-box / contact-wrapper / contact-right-box /
   theme-form). A demo `contact-*` osztályai a VALÓDI assets/shop/css/style.css-ben
   NINCSENEK benne, ezért — a projekt bevett mintája szerint (ship-404.css,
   ship-fiok.css, ship-kotelezo-felszereles.css) — a szerkezetet saját `ship-*`
   névtérbe adaptáltuk. A Kartify `.btn.theme-bg-color`, `.form-control`,
   `.form-select`, `.theme-form`, `.breadcrumb-section` elemeit VÁLTOZATLANUL
   használjuk, csak köréjük építünk.

   SZÍNEK — token-használat (FONTOS):
     - `--ship-navy|red|aqua|cyan|cta|text|muted|border` = HEX  -> var(--ship-navy)
     - `--primary-color|primary-color2|content-color|...`  = RGB-HÁRMAS
       -> KÖTELEZŐEN rgb()/rgba() burokban: rgba(var(--primary-color), .08)
   Minden szabály világos ÉS sötét (body.dark) témában is olvasható marad.
   ===================================================================== */

.ship-kapcsolat {
    --ship-kapcsolat-ok: var(--ship-ok, #1a7f4b);
    --ship-kapcsolat-hiba: var(--ship-red, #c0392b);
    --ship-kapcsolat-radius: var(--radius-card, 16px);
    --ship-kapcsolat-kartya-bg: #fff;
    --ship-kapcsolat-keret: var(--ship-border, #d8e2ea);
}

body.dark .ship-kapcsolat {
    --ship-kapcsolat-kartya-bg: rgba(255, 255, 255, 0.04);
    --ship-kapcsolat-keret: rgba(255, 255, 255, 0.12);
    --ship-kapcsolat-ok: #4bbd85;
    --ship-kapcsolat-hiba: #ef7a6d;
}

/* ------------------------------- HERO ------------------------------- */

.ship-kapcsolat-hero {
    position: relative;
    padding: 28px 24px 28px 84px;
    border-radius: var(--ship-kapcsolat-radius);
    border: 1px solid var(--ship-kapcsolat-keret);
    background: linear-gradient(135deg, rgba(var(--primary-color), 0.06), rgba(var(--light-blue), 0.08));
}

.ship-kapcsolat-hero-jel {
    position: absolute;
    inset-inline-start: 24px;
    top: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgb(var(--primary-color));
    color: #fff;
    font-size: 22px;
}

.ship-kapcsolat-hero-cim {
    margin: 0 0 6px;
    font-size: clamp(1.05rem, 0.95rem + 0.9vw, 1.5rem);
    font-weight: 600;
    color: var(--ship-text, #16324f);
}

.ship-kapcsolat-hero-lead {
    margin: 0;
    max-width: 70ch;
    color: rgb(var(--content-color));
    line-height: 1.65;
}

body.dark .ship-kapcsolat-hero-cim { color: #eaf2f8; }

/* Mobilon az ikon a szöveg fölé kerül (nincs vízszintes szorítás). */
@media (max-width: 575.98px) {
    .ship-kapcsolat-hero { padding: 68px 18px 22px; }
    .ship-kapcsolat-hero-jel { top: 18px; inset-inline-start: 18px; }
}

/* --------------------- GYORS KAPCSOLAT KÁRTYÁK --------------------- */

.ship-kapcsolat-kartya {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 22px 20px;
    border-radius: var(--ship-kapcsolat-radius);
    border: 1px solid var(--ship-kapcsolat-keret);
    background: var(--ship-kapcsolat-kartya-bg);
    box-shadow: 0 2px 10px rgba(var(--primary-color), 0.05);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.ship-kapcsolat-kartya:hover {
    box-shadow: 0 6px 18px rgba(var(--primary-color), 0.1);
    transform: translateY(-2px);
}

/* A mozgáscsökkentést kérő látogatóknál nincs emelkedő animáció. */
@media (prefers-reduced-motion: reduce) {
    .ship-kapcsolat-kartya { transition: none; }
    .ship-kapcsolat-kartya:hover { transform: none; }
}

.ship-kapcsolat-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(var(--primary-color), 0.1);
    color: rgb(var(--primary-color));
    font-size: 22px;
}

.ship-kapcsolat-ikon-kicsi { width: 38px; height: 38px; font-size: 19px; }

body.dark .ship-kapcsolat-ikon {
    background: rgba(255, 255, 255, 0.08);
    color: #cfe6f5;
}

.ship-kapcsolat-kartya-cim {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--ship-text, #16324f);
}

body.dark .ship-kapcsolat-kartya-cim { color: #eaf2f8; }

.ship-kapcsolat-fo-adat {
    font-size: 1.05rem;
    font-weight: 600;
    color: rgb(var(--primary-color));
    text-decoration: none;
    word-break: break-word;
}

.ship-kapcsolat-fo-adat:hover { text-decoration: underline; }

/* A cím szöveges (nem link) változata ne kapjon link-színt. */
.ship-kapcsolat-fo-adat-szoveg {
    margin: 0;
    font-weight: 500;
    color: var(--ship-text, #16324f);
}

body.dark .ship-kapcsolat-fo-adat { color: #8fd0f0; }
body.dark .ship-kapcsolat-fo-adat-szoveg { color: #eaf2f8; }

.ship-kapcsolat-segito {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: rgb(var(--content-color));
}

/* 331 — az „aktuális idő" kijelzés (.ship-kapcsolat-ido / .ship-kapcsolat-ora)
   megszűnt, a hozzá tartozó szabályokkal együtt. */

/* 331 — átvételi cím alatti figyelmeztetés. Információs doboz: egyértelmű, de NEM
   ijesztő — borostyán akcentus, nem piros hibaszín. Ikon + szöveg, nem csak szín. */
.ship-kapcsolat-atveteli {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 4px 0 0;
    padding: 10px 12px;
    border-radius: 10px;
    border-inline-start: 3px solid #c8891a;
    background: rgba(200, 137, 26, 0.08);
    font-size: 0.82rem;
    line-height: 1.55;
    color: rgb(var(--content-color));
}

.ship-kapcsolat-atveteli i {
    flex: 0 0 auto;
    margin-top: 1px;
    font-size: 15px;
    color: #c8891a;
}

body.dark .ship-kapcsolat-atveteli {
    background: rgba(236, 193, 77, 0.1);
    border-inline-start-color: #ecc14d;
}
body.dark .ship-kapcsolat-atveteli i { color: #ecc14d; }

/* Szöveges CTA a kártya alján. A függőleges padding tapintható felületet ad
   (a puszta 23px-es szövegmagasság mobilon kevés lenne). */
.ship-kapcsolat-link {
    margin-top: auto;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 32px;
    padding: 4px 0;
    border: 0;
    background: none;
    font-size: 0.875rem;
    font-weight: 600;
    color: rgb(var(--primary-color));
    text-decoration: none;
}

.ship-kapcsolat-link:hover { text-decoration: underline; }
body.dark .ship-kapcsolat-link { color: #8fd0f0; }

.ship-kapcsolat-chat-gomb { cursor: pointer; }

/* ------------------------- ÁLLAPOT BADGE-EK ------------------------- */

.ship-kapcsolat-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.4;
}

.ship-kapcsolat-badge-zold {
    background: rgba(26, 127, 75, 0.12);
    color: var(--ship-kapcsolat-ok);
}

.ship-kapcsolat-badge-piros {
    background: rgba(192, 57, 43, 0.1);
    color: var(--ship-kapcsolat-hiba);
}

.ship-kapcsolat-badge-semleges {
    background: rgba(var(--content-color), 0.12);
    color: rgb(var(--content-color));
}

/* ------------------- CHAT KÁRTYA ÁLLAPOTSÁV (331) ------------------- */

/* Az állapotot NEM csak szín jelöli: minden változatnak saját SZÖVEGE van
   (és a nem-élő állapotoknak ikonja is). A pulzáló zöld pont KIZÁRÓLAG az
   `elo_chat` módban jelenik meg — a PHP `elo_jelzes` mezője dönti el. */
.ship-kapcsolat-chat-allapot {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.ship-kapcsolat-chat-allapot-elo {
    background: rgba(26, 127, 75, 0.12);
    color: var(--ship-kapcsolat-ok);
}

.ship-kapcsolat-chat-allapot-bot {
    background: rgba(var(--primary-color), 0.1);
    color: rgb(var(--primary-color));
}

.ship-kapcsolat-chat-allapot-nincs {
    background: rgba(var(--content-color), 0.12);
    color: rgb(var(--content-color));
}

body.dark .ship-kapcsolat-chat-allapot-bot {
    background: rgba(255, 255, 255, 0.08);
    color: #cfe6f5;
}

/* Pulzáló zöld pont: a belső pont tömör, a kifutó gyűrű animált. */
.ship-kapcsolat-pulzus {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ship-kapcsolat-ok);
    flex: 0 0 auto;
}

.ship-kapcsolat-pulzus::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--ship-kapcsolat-ok);
    animation: ship-kapcsolat-pulzus 1.8s ease-out infinite;
}

@keyframes ship-kapcsolat-pulzus {
    0%   { transform: scale(1);   opacity: 0.7; }
    70%  { transform: scale(2.6); opacity: 0; }
    100% { transform: scale(2.6); opacity: 0; }
}

/* Mozgáscsökkentést kérő látogatónál nincs animáció — a pont statikus marad,
   a szöveg („Élő kolléga elérhető") továbbra is közli az állapotot. */
@media (prefers-reduced-motion: reduce) {
    .ship-kapcsolat-pulzus::after { animation: none; opacity: 0; }
}

/* A Kapitány-szekció címében a badge ne nyomja szét a sort. */
.ship-kapcsolat-kapitany-cim .ship-kapcsolat-chat-allapot {
    vertical-align: middle;
    font-size: 0.72rem;
}

/* --------------------------- PANELEK --------------------------- */

.ship-kapcsolat-panel {
    display: flex;
    flex-direction: column;
    padding: 24px 22px;
    border-radius: var(--ship-kapcsolat-radius);
    border: 1px solid var(--ship-kapcsolat-keret);
    background: var(--ship-kapcsolat-kartya-bg);
    box-shadow: 0 2px 10px rgba(var(--primary-color), 0.05);
}

.ship-kapcsolat-panel-fej {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.ship-kapcsolat-panel-cim {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--ship-text, #16324f);
}

body.dark .ship-kapcsolat-panel-cim { color: #eaf2f8; }

/* ------------------------- NYITVATARTÁS ------------------------- */

.ship-kapcsolat-allapot {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px;
    margin-bottom: 14px;
    border-radius: 12px;
    border-inline-start: 4px solid currentColor;
    font-size: 0.9rem;
}

.ship-kapcsolat-allapot strong { font-size: 0.95rem; }
.ship-kapcsolat-allapot span { color: rgb(var(--content-color)); }

.ship-kapcsolat-allapot-zold {
    color: var(--ship-kapcsolat-ok);
    background: rgba(26, 127, 75, 0.08);
}

.ship-kapcsolat-allapot-piros {
    color: var(--ship-kapcsolat-hiba);
    background: rgba(192, 57, 43, 0.07);
}

.ship-kapcsolat-kivetel {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 0.875rem;
    color: #8a6100;
}

body.dark .ship-kapcsolat-kivetel { color: #ecc14d; }

/* A panel `h-100` + flex-oszlop miatt a Bootstrap `.table-responsive` flex-item
   ZSUGORODNA (flex-shrink:1), és mivel `overflow-x:auto`, már 1px hiánynál is
   függőleges görgetősávot kapna a nyitvatartási táblázat. Ne zsugorodjon. */
.ship-kapcsolat-panel .table-responsive { flex: 0 0 auto; }

.ship-kapcsolat-tabla th,
.ship-kapcsolat-tabla td {
    padding: 9px 8px;
    border-color: var(--ship-kapcsolat-keret);
    vertical-align: middle;
    font-size: 0.9rem;
}

.ship-kapcsolat-tabla th {
    font-weight: 500;
    color: var(--ship-text, #16324f);
    white-space: nowrap;
}

body.dark .ship-kapcsolat-tabla th { color: #eaf2f8; }

/* A mai nap kiemelése — a kiemelés NEM csak színnel jelöl (van „ma" címke is). */
.ship-kapcsolat-tabla tr.ship-kapcsolat-ma {
    background: rgba(var(--primary-color), 0.06);
}

.ship-kapcsolat-tabla tr.ship-kapcsolat-ma th,
.ship-kapcsolat-tabla tr.ship-kapcsolat-ma td { font-weight: 600; }

.ship-kapcsolat-ma-jel {
    display: inline-block;
    margin-inline-start: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgb(var(--primary-color));
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ship-kapcsolat-nyitva { color: var(--ship-kapcsolat-ok); font-weight: 600; }
.ship-kapcsolat-zarva  { color: rgb(var(--content-color)); }

.ship-kapcsolat-szunet,
.ship-kapcsolat-nap-megjegyzes {
    display: inline-block;
    margin-inline-start: 6px;
    font-size: 0.8rem;
    color: rgb(var(--content-color));
}

.ship-kapcsolat-nap-megjegyzes { display: block; margin-inline-start: 0; }

.ship-kapcsolat-idozona {
    margin: 12px 0 0;
    font-size: 0.78rem;
    color: rgb(var(--content-color));
}

.ship-kapcsolat-kozossegi {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.ship-kapcsolat-kozossegi a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(var(--primary-color), 0.1);
    color: rgb(var(--primary-color));
    font-size: 18px;
    text-decoration: none;
}

.ship-kapcsolat-kozossegi a:hover {
    background: rgb(var(--primary-color));
    color: #fff;
}

body.dark .ship-kapcsolat-kozossegi a {
    background: rgba(255, 255, 255, 0.08);
    color: #cfe6f5;
}

/* ----------------------------- ŰRLAP ----------------------------- */

.ship-kapcsolat-kotelezo { color: var(--ship-kapcsolat-hiba); }

.ship-kapcsolat-opcionalis {
    font-size: 0.8rem;
    font-weight: 400;
    color: rgb(var(--content-color));
}

/* Honeypot: a valódi látogató SOHA nem látja és nem tabbolhatja be.
   Nem `display:none` (azt egyes botok kiszűrik), hanem a folyamon kívülre tesszük. */
.ship-kapcsolat-csapda {
    position: absolute !important;
    left: -9999px !important;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.ship-kapcsolat-urlap { position: relative; }

/* A Bootstrap `.invalid-feedback` csak `.is-invalid` testvér után látszik; a
   mezőszintű hibát a JS ezzel kapcsolja be — így egységes a Bootstrap 5-tel. */
.ship-kapcsolat-urlap .invalid-feedback { font-size: 0.82rem; }

.ship-kapcsolat-szamlalo {
    font-size: 0.78rem;
    color: rgb(var(--content-color));
    white-space: nowrap;
}

.ship-kapcsolat-szamlalo.ship-kapcsolat-szamlalo-tele { color: var(--ship-kapcsolat-hiba); font-weight: 600; }

.ship-kapcsolat-check .form-check-label { font-size: 0.9rem; }

/* A checkbox hibaüzenete a form-check-en belül `d-block` nélkül nem jelenne meg. */
.ship-kapcsolat-check .invalid-feedback { display: none; }
.ship-kapcsolat-check .form-check-input.is-invalid ~ .invalid-feedback { display: block; }

/* ============================================================
   331 — AZ ELFOGADÓ CHECKBOX PIPÁJA NEM LÁTSZOTT.

   GYÖKÉR-OK: a Kartify `assets/shop/css/style.css` (2681. sor) ezt teszi:
       form .form-check-input:checked { background-color: transparent;
                                        border-color: transparent; }
   Vagyis MINDEN <form>-on belül kinullázza a bepipált állapotot. A Bootstrap
   pipája fehér SVG a kitöltött háttéren — átlátszó háttérrel fehér a fehéren,
   ezért csak „üres fehér négyzet" látszott.

   MEGOLDÁS (a 203-as elállási hotfix bevált mintája): appearance:none + SAJÁT
   pipa-SVG, tokenekkel színezve. CÉLZOTT: kizárólag a `.ship-kapcsolat-check`
   alatti jelölőre hat, tehát a checkout / kosár / login / hírlevél / admin
   checkboxokat NEM érinti — nincs globális regresszió.

   A specificitás (0,2,1) megegyezik a ludas szabályéval; a `.ship-kapcsolat`
   előtaggal (0,3,1) biztosan nyerünk, függetlenül a betöltési sorrendtől.
   ============================================================ */
.ship-kapcsolat .ship-kapcsolat-check .form-check-input[type="checkbox"] {
    width: 1.25em;
    height: 1.25em;
    margin-top: 0.15em;
    border: 2px solid rgba(var(--title-color), 0.55);
    border-radius: 0.25em;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.ship-kapcsolat .ship-kapcsolat-check .form-check-input[type="checkbox"]:hover {
    border-color: rgb(var(--primary-color));
}

/* Billentyűzet-fókusz: jól látható gyűrű (a Kartify `box-shadow: unset`-jét felülírjuk). */
.ship-kapcsolat .ship-kapcsolat-check .form-check-input[type="checkbox"]:focus-visible {
    outline: 2px solid rgb(var(--primary-color));
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(var(--primary-color), 0.2);
}

/* BEPIPÁLT: kitöltött háttér + kontrasztos FEHÉR pipa. A pipa alakja önmagában
   is jelöl — nem csak a színkülönbség. */
.ship-kapcsolat .ship-kapcsolat-check .form-check-input[type="checkbox"]:checked {
    background-color: rgb(var(--primary-color));
    border-color: rgb(var(--primary-color));
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m4 8 3 3 5-6'/%3e%3c/svg%3e");
    background-size: 0.85em;
}

/* HIBAÁLLAPOT (kötelező, de nincs bepipálva): piros keret; bepipálva a piros
   keret eltűnik, mert a mező már érvényes. */
.ship-kapcsolat .ship-kapcsolat-check .form-check-input[type="checkbox"].is-invalid {
    border-color: var(--ship-kapcsolat-hiba);
}

body.dark .ship-kapcsolat .ship-kapcsolat-check .form-check-input[type="checkbox"] {
    border-color: rgba(255, 255, 255, 0.45);
}
body.dark .ship-kapcsolat .ship-kapcsolat-check .form-check-input[type="checkbox"]:checked {
    background-color: #2f7fb5;
    border-color: #2f7fb5;
}

/* Érintőképernyőn nagyobb tapintható jelölő. */
@media (hover: none) {
    .ship-kapcsolat .ship-kapcsolat-check .form-check-input[type="checkbox"] {
        width: 1.4em;
        height: 1.4em;
    }
}

/* ------------------- SIKER MODAL (331) ------------------- */

/* FONTOS: a modal a `.ship-kapcsolat` section-ön KÍVÜL renderel (a lábléc előtt),
   ezért a section-scope `--ship-kapcsolat-*` változói ITT NEM elérhetők. Ráadásul a
   Kartify `theme-modal` a `.modal-content`-et átlátszóra állítja, így ha nem adunk
   EXPLICIT hátteret, a modal átüt. Ezért itt konkrét értékeket használunk, a
   dark módot pedig külön kezeljük. */
.ship-kapcsolat-modal .modal-content {
    border: 0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(11, 61, 102, 0.25);
}

body.dark .ship-kapcsolat-modal .modal-content {
    background: #16202e;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}

.ship-kapcsolat-modal .modal-body {
    position: relative;
    padding: 34px 26px 28px;
}

.ship-kapcsolat-modal-x {
    position: absolute;
    top: 14px;
    inset-inline-end: 14px;
}

.ship-kapcsolat-modal-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: rgba(26, 127, 75, 0.12);
    color: #1a7f4b; /* explicit: a section-scope --ship-kapcsolat-ok itt nem elérhető */
    font-size: 34px;
}

body.dark .ship-kapcsolat-modal-ikon { color: #4bbd85; }

.ship-kapcsolat-modal-cim {
    margin: 0 0 8px;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--ship-text, #16324f);
}

.ship-kapcsolat-modal-szoveg {
    margin: 0 auto 20px;
    max-width: 44ch;
    font-size: 0.92rem;
    line-height: 1.6;
    color: rgb(var(--content-color));
}

.ship-kapcsolat-modal-gomb { min-width: 150px; min-height: 44px; }

body.dark .ship-kapcsolat-modal-cim { color: #eaf2f8; }
body.dark .ship-kapcsolat-modal .btn-close { filter: invert(1) grayscale(100%); }

@media (max-width: 575.98px) {
    .ship-kapcsolat-modal .modal-body { padding: 30px 18px 24px; }
    .ship-kapcsolat-modal-gomb { width: 100%; }
}

/* A fő CTA mindig kényelmesen tapintható (nem csak `hover:none` eszközön). */
.ship-kapcsolat-kuldes { min-width: 190px; min-height: 44px; }
.ship-kapcsolat-kuldes[disabled] { opacity: 0.7; cursor: progress; }

.ship-kapcsolat-valasz { font-size: 0.92rem; }

/* ----------------------- KAPITÁNY / CHAT SÁV ----------------------- */

.ship-kapcsolat-kapitany {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    padding: 22px 24px;
    border-radius: var(--ship-kapcsolat-radius);
    border: 1px solid var(--ship-kapcsolat-keret);
    background: linear-gradient(135deg, rgba(var(--primary-color), 0.08), rgba(var(--light-blue), 0.1));
}

.ship-kapcsolat-kapitany-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgb(var(--primary-color));
    color: #fff;
    font-size: 26px;
}

.ship-kapcsolat-kapitany-szoveg {
    flex: 1 1 260px;
    color: rgb(var(--content-color));
}

.ship-kapcsolat-kapitany-cim {
    margin: 0 0 2px;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--ship-text, #16324f);
}

body.dark .ship-kapcsolat-kapitany-cim { color: #eaf2f8; }

.ship-kapcsolat-kapitany-gomb { flex: 0 0 auto; }

@media (max-width: 575.98px) {
    .ship-kapcsolat-kapitany { padding: 18px; }
    .ship-kapcsolat-kapitany-gomb { width: 100%; }
}

/* Érintőképernyős kényelmi minimum (CLAUDE.md 25.): 44px tapintható felület. */
@media (hover: none) {
    .ship-kapcsolat-kapitany-gomb { min-height: 44px; }
    .ship-kapcsolat-link { min-height: 44px; }
    .ship-kapcsolat-kozossegi a { width: 44px; height: 44px; }
}