/* GOQUEER Empfang (/empfang/): Karte als Einstieg, „immer online“ — Formensprache wie Startseite und News-Archiv */

.gq-empfang {
    --band: #6962FE;
    --tc: var(--gqrc-accent-electric, #61FF70);
    --leise: rgba(255, 255, 255, 0.56);
    --linie: rgba(255, 255, 255, 0.12);
    --ease: cubic-bezier(0.32, 0.72, 0, 1);
    /* so breit wie die Senderliste darunter (Nutzer 28.10.2026) */
    max-width: none;
    margin: 0;
    padding: 72px 40px 8px;
    color: rgba(255, 255, 255, 0.88);
    font-family: var(--gqrc-font-body, 'Work Sans', sans-serif);
}

/* ── Kopf ───────────────────────────────────────────── */

.gq-empfang__kopf { max-width: 720px; margin-bottom: 28px; }

.gq-empfang__titel {
    margin: 0;
    font-family: var(--gqrc-font-heading, 'Arvo', serif);
    font-size: clamp(2.6rem, 7.5vw, 5.2rem);
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.04em;
    color: #fff;
    text-shadow: 4px 4px 0 rgba(105, 98, 254, 0.85);
}

.gq-empfang__lead {
    margin: 16px 0 0;
    max-width: 58ch;
    font-size: 1.08rem;
    line-height: 1.55;
    color: var(--leise);
}

.gq-empfang__naechster {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    margin: 20px 0 0;
    padding: 8px 14px;
    border-left: 3px solid var(--tc);
    background: rgba(97, 255, 112, 0.07);
    font-size: 0.98rem;
}

.gq-empfang__naechster-label { font-size: 0.82rem; color: var(--leise); }
.gq-empfang__naechster strong { color: var(--tc); font-weight: 700; font-variant-numeric: tabular-nums; }

/* ── Karte ──────────────────────────────────────────── */

.gq-empfang__karte { position: relative; }

/* Die Karte bringt aus dem Builder einen eigenen Container mit – hier ohne Zusatzabstände */
.gq-empfang__karte > .container { padding: 0; max-width: none; }
.gq-empfang__karte .goqueer-partner-map {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    border: 1px solid var(--linie);
}

/* Stecknadeln skalieren um ihre Spitze (fürs Entzerren und kleine Bildschirme) */
.gq-empfang .goqueer-partner-marker { transform-origin: 50% 77.16%; }

.gq-empfang-leitungen {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9;
    overflow: visible;
}

.gq-empfang-leitungen line { stroke: rgba(255, 255, 255, 0.55); stroke-width: 1.2; }
.gq-empfang-leitungen circle { fill: #fff; stroke: #000; stroke-width: 1; }

/* ── immer online ───────────────────────────────────── */

.gq-empfang__online {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 16px;
    margin-top: 16px;
}

.gq-online__label {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 6px;
    padding: 2px 8px;
    background: var(--tc);
    color: #000;
    font-family: var(--gqrc-font-heading, 'Arvo', serif);
    font-size: 0.75rem;
    font-weight: 700;
}

.gq-online-folge {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    background: var(--band);
    color: #fff !important;
    text-decoration: none !important;
    transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease);
}

.gq-online-folge:hover,
.gq-online-folge:focus-visible { transform: translate(-3px, -3px); box-shadow: 6px 6px 0 var(--tc); }

.gq-online-folge__bild { position: relative; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.gq-online-folge__bild img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s var(--ease); }
.gq-online-folge:hover .gq-online-folge__bild img { transform: scale(1.04); }

.gq-online-folge__play {
    position: absolute;
    left: 12px;
    bottom: 12px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    background: var(--gqrc-accent-danger, #FF2D55);
    color: #fff;
    font-size: 0.9rem;
}

.gq-online-folge__text { display: flex; flex-direction: column; justify-content: center; padding: 18px 20px; }

.gq-online-folge__titel {
    font-family: var(--gqrc-font-heading, 'Arvo', serif);
    font-size: clamp(1.4rem, 2.6vw, 2rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.02em;
}

.gq-online-folge__hinweis { margin-top: 8px; font-size: 0.9rem; color: rgba(255, 255, 255, 0.8); }

.gq-online-wege {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-rows: 1fr 1fr;   /* mediathek + youtube untereinander, so hoch wie die Folgen-Kachel */
    gap: 8px;
}

.gq-online-wege a {
    display: grid;
    grid-template-columns: 28px 1fr;
    grid-template-rows: auto auto;
    column-gap: 10px;
    align-items: center;
    height: 100%;
    padding: 14px 16px;
    border: 1px solid var(--linie);
    background: rgba(255, 255, 255, 0.03);
    color: #fff !important;
    text-decoration: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.25s var(--ease);
}

.gq-online-wege a:hover,
.gq-online-wege a:focus-visible { border-color: var(--tc); background: rgba(97, 255, 112, 0.06); transform: translateY(-2px); }

.gq-online-wege i { grid-row: 1 / span 2; font-size: 1.2rem; color: var(--tc); text-align: center; }
.gq-online-wege span { font-family: var(--gqrc-font-heading, 'Arvo', serif); font-weight: 700; font-size: 1rem; }
.gq-online-wege small { font-size: 0.8rem; color: var(--leise); }

.gq-empfang a:focus-visible { outline: 2px solid var(--tc); outline-offset: 3px; }

/* Senderliste darunter: etwas Luft zum Kopf */
.gq-empfang + .container .entry-content { padding-top: 56px !important; }

@media (max-width: 900px) {
    .gq-empfang { padding: 40px 16px 8px; }
    .gq-empfang__online { grid-template-columns: 1fr; }
    .gq-empfang .goqueer-map-controls { top: 10px !important; right: 10px !important; padding: 6px !important; }
    .gq-empfang .goqueer-map-slider-container { display: none !important; }
    /* Das Theme blendet die Karte auf dem Handy aus – als Einstieg bleibt sie, zugeschnitten auf DE + AT */
    .gq-empfang .goqueer-partner-map { display: block !important; }
    .gq-empfang .goqueer-partner-map__container { width: 205%; margin-left: -71%; }
}

@media (max-width: 520px) {
    .gq-online-folge { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .gq-empfang *, .gq-empfang *::after { transition: none !important; }
}