/* =========================================================
   khek/helyszin-info blokk stílusok
   ========================================================= */

.khek-helyszin-info {
    font-size: 18px;
    line-height: 1.6;
}

/* Szekciók */
.khek-helyszin-info__szekcion {
    margin-bottom: 70px;
}

.khek-helyszin-info__cim {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 20px;
}

/* A ".khek-helyszin-info__elvalaszto" (kulon <hr>) csak a szerkesztoi
   elonezetben letezett, a frontenden sosem - ott a szekciocimek alatti vonalat
   a h3 sajat also szegelye adja (theme.json elements.h3.border). Emiatt a
   szerkesztoben minden szekcio ~23px-rel magasabb volt, es ket vonal latszott
   egymas alatt. Az <hr> igy kikerult az index.js-bol, a szabaly pedig innen. */

/* Nyitvatartás */
.khek-helyszin-info__nyitvatartas {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.khek-helyszin-info__nyitvatartas-sor {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.khek-helyszin-info__nap {
    /* balra igazítva */
}

.khek-helyszin-info__ora {
    font-variant-numeric: tabular-nums;
}

/* Elérhetőség */
.khek-helyszin-info__elerhetoseg {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.khek-helyszin-info__elerhetoseg-sor {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
}

.khek-helyszin-info__elerhetoseg-sor a {
    color: inherit;
    text-decoration: none;
}

.khek-helyszin-info__elerhetoseg-sor a:hover {
    text-decoration: underline;
}

/* Ikonok – a láblécből átvett khek-icon-contact SVG */
.khek-helyszin-info .khek-icon-contact {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

/* Google Maps iframe */
.khek-helyszin-info__terkep-wrapper {
    margin-top: 20px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--wp--preset--color--green);
}

.khek-helyszin-info__terkep {
    display: block;
    width: 100%;
    height: 450px;
    border: 0;
}

/* A szerkesztoi elonezet korabbi, sotet "terkep helyett helyorzo" doboza
   megszunt: a szerkeszto ugyanazt a Google Maps beagyazast rajzolja ki, mint a
   frontend (lasd index.js) - a helyorzo ugyanis alig 100px magas volt a
   valodi 450px helyett, vagyis a blokk hossza a ket nezetben nagyon eltert. */

/* Szerkesztő selector doboz */
.khek-helyszin-info-editor__selector {
    background: #f0f0f1;
    border: 1px solid #c3c4c7;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 16px;
}

.khek-helyszin-info-editor__selector .components-base-control {
    margin-bottom: 0;
}