/* Flughafen-Deals.de – Visuelle Angebotskarten V1 | 22.10.2026
 * Nur Präsentation: keine Änderungen an Preis, Datenstand, Suche, API, Cron oder Archiv.
 * Grundidee: eine Richtung = klares Türkis; beide Richtungen = Marine/Gold.
 */
:root{--fd-oneway-accent:#087c88;--fd-oneway-wash:#e8f8f7;--fd-roundtrip-accent:#0d426a;--fd-roundtrip-gold:#f3ae22;--fd-card-ink:#112f48}
body:not(.admin-shell) .fd-trip-card{--fd-kind-color:var(--fd-oneway-accent);--fd-kind-wash:var(--fd-oneway-wash);position:relative;border:1px solid #b9d6d8;border-top:5px solid var(--fd-kind-color);border-radius:12px;box-shadow:0 12px 32px rgba(11,45,79,.09);background:#fff;overflow:hidden;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease}
body:not(.admin-shell) .fd-trip-card.fd-roundtrip{--fd-kind-color:var(--fd-roundtrip-accent);--fd-kind-wash:#edf3f9;border-color:#a9bfd3;border-top:5px solid var(--fd-roundtrip-gold)}
body:not(.admin-shell) .fd-trip-card:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(11,45,79,.15)}
body:not(.admin-shell) .fd-trip-card::before{content:"→  NUR HINFLUG";display:inline-flex;align-items:center;margin:0 0 12px;padding:6px 12px;border:1px solid #b6e0df;border-radius:999px;background:var(--fd-kind-wash);color:var(--fd-kind-color);font:800 11px/1.35 system-ui,Arial,sans-serif;letter-spacing:.055em}
body:not(.admin-shell) .fd-trip-card.fd-roundtrip::before{content:"↔  HIN- UND RÜCKFLUG";border-color:#c7d5e2;box-shadow:inset 3px 0 0 var(--fd-roundtrip-gold)}
/* Existing type labels are preserved for screen readers and visual readers; secondary duplication removed only for the same type. */
/* Wo die Reiseart schon sichtbar im HTML steht, keinen zweiten dekorativen Badge wiederholen. */
body:not(.admin-shell) .fd-trip-card:is(.pass,.ff-flight-card,.ff-airport-flight-card,.ff-offer-box,.atlas-price)::before{display:none}
body:not(.admin-shell) .fd-trip-card .passTop{margin-top:0}
body:not(.admin-shell) .fd-trip-card.pass::before{margin-left:0;margin-bottom:12px}
body:not(.admin-shell) .fd-trip-card.pass .passTop .badge{background:var(--fd-kind-wash);color:var(--fd-kind-color);border-radius:4px;font-size:11px}
body:not(.admin-shell) .fd-trip-card.pass .routeRow{padding:7px 0 14px;border-bottom:1px solid #e0e9ef}
body:not(.admin-shell) .fd-trip-card.pass .meta{background:#f8fbfd;border:1px solid #dce8ef;border-radius:8px;padding:10px;gap:5px}
body:not(.admin-shell) .fd-trip-card.pass .meta>div{min-width:0}
body:not(.admin-shell) .fd-trip-card.pass .price{color:var(--fd-kind-color)}
body:not(.admin-shell) .fd-trip-card.pass .bottom{display:grid;grid-template-columns:1fr;gap:12px}
body:not(.admin-shell) .fd-trip-card.pass .bottom .cta{display:flex;justify-content:center;align-items:center;width:100%;padding:13px 16px;font-size:14px;font-weight:800;background:var(--fd-kind-color);color:#fff;border-radius:7px;min-height:44px;text-align:center}
body:not(.admin-shell) .fd-trip-card.pass .bottom .cta:hover{background:#092d49}
body:not(.admin-shell) .fd-trip-card.pass .info{border-top:1px solid #d6e4ec;margin-top:12px}
/* Deal cards on Home and airport landing pages */
body:not(.admin-shell) .fd-trip-card.ff-flight-card,body:not(.admin-shell) .fd-trip-card.ff-airport-flight-card{padding:16px 18px 18px}
body:not(.admin-shell) .fd-trip-card .ff-flight-card-status{display:flex;justify-content:space-between;gap:8px;align-items:start;flex-wrap:wrap}
body:not(.admin-shell) .fd-trip-card .ff-flight-card-status time{color:#5a6f7e;font-size:12px}
body:not(.admin-shell) .fd-trip-card .ff-route-display{margin-bottom:14px}
body:not(.admin-shell) .fd-trip-card .ff-code-box{border-radius:7px}
body:not(.admin-shell) .fd-trip-card.ff-roundtrip .ff-code-box{background:#0e3757;color:#fff}
body:not(.admin-shell) .fd-trip-card.fd-oneway .ff-code-box{background:#e9f7f6;color:#0d5862;border:1px solid #c0e6e2}
body:not(.admin-shell) .fd-trip-card .ff-flight-card-data{border:1px solid #d9e5eb;border-radius:8px;overflow:hidden;background:#f9fcfe}
body:not(.admin-shell) .fd-trip-card .ff-flight-card-data>span{padding:10px;min-width:0}
body:not(.admin-shell) .fd-trip-card .ff-flight-card-data>span:last-child{background:var(--fd-kind-wash)}
body:not(.admin-shell) .fd-trip-card .ff-card-price{color:var(--fd-kind-color);font-size:clamp(19px,2vw,25px)}
body:not(.admin-shell) .fd-trip-card .ff-trip-kind{display:block;background:var(--fd-kind-wash);border-left:4px solid var(--fd-kind-color);border-radius:2px;padding:9px 11px;color:#17384e;line-height:1.5}
body:not(.admin-shell) .fd-trip-card .ff-tariff-note{font-size:12px;line-height:1.6;color:#4a6575}
body:not(.admin-shell) .fd-trip-card .ff-flight-cta,body:not(.admin-shell) .fd-trip-card.ff-offer-box .btn{background:var(--fd-kind-color);color:#fff;border-radius:7px;min-height:46px;font-weight:800}
body:not(.admin-shell) .fd-trip-card .ff-flight-cta:hover,body:not(.admin-shell) .fd-trip-card.ff-offer-box .btn:hover{background:#0b2d4f}
/* Roundtrip board keeps the return-date columns and optional details */
body:not(.admin-shell) .fd-trip-card.ff-roundtrip-item{border-left:5px solid var(--fd-roundtrip-gold);background:#fff}
body:not(.admin-shell) .fd-trip-card.ff-roundtrip-item::before{margin:12px 18px 0}
body:not(.admin-shell) .fd-trip-card.ff-roundtrip-item .ff-roundtrip-row{border:0}
body:not(.admin-shell) .fd-trip-card.ff-roundtrip-item .ff-roundtrip-price strong{color:#0b416a}
body:not(.admin-shell) .fd-trip-card.ff-roundtrip-item .ff-roundtrip-cta{background:#0b416a;color:white}
/* Additional original suggestion boxes */
body:not(.admin-shell) .fd-trip-card.ff-offer-box{padding:17px 18px}
body:not(.admin-shell) .fd-trip-card.ff-offer-box .ff-offer-price{color:var(--fd-kind-color)}
/* Atlas tiles: maintain all existing observation/flight-data details */
body:not(.admin-shell) .fd-trip-card.atlas-price{padding:19px 20px;border:1px solid #c4d6e0;border-top:5px solid var(--fd-kind-color)}
body:not(.admin-shell) .fd-trip-card.atlas-price.fd-roundtrip{border-top-color:var(--fd-roundtrip-gold)}
body:not(.admin-shell) .fd-trip-card.atlas-price>strong{color:var(--fd-kind-color);font-size:clamp(27px,3vw,35px)}
body:not(.admin-shell) .fd-trip-card.atlas-price .fd-kind-tag{color:#2f5269;font-weight:700;font-size:12px;line-height:1.4}
body:not(.admin-shell) .fd-trip-card.atlas-price .atlas-primary{background:var(--fd-kind-color);color:#fff;border-radius:6px;text-align:center}
/* Airport identity, observation time, tariff & baggage notes are never hidden */
body:not(.admin-shell) .fd-trip-card .fd-airport-alternative,body:not(.admin-shell) .fd-trip-card .fd-airport-note{background:#fff4d0;border-left:4px solid #eca800;color:#163954;padding:10px 12px}
body:not(.admin-shell) .fd-trip-card .fd-flight-info,body:not(.admin-shell) .fd-trip-card details{position:relative;z-index:1}
body:not(.admin-shell) .fd-trip-card .fd-flight-brief{line-height:1.65}
/* Mobile: no clipped price or important flight detail */
@media(max-width:720px){body:not(.admin-shell) .fd-trip-card .ff-flight-card-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.admin-shell) .fd-trip-card.fd-roundtrip .ff-flight-card-data:has(>span:nth-child(3))>span:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #d9e5eb}body:not(.admin-shell) .fd-trip-card.ff-roundtrip-item .ff-roundtrip-row{padding:12px 16px}body:not(.admin-shell) .fd-trip-card .ff-route-display{gap:6px}body:not(.admin-shell) .fd-trip-card.pass .meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body:not(.admin-shell) .fd-trip-card{transition:none}body:not(.admin-shell) .fd-trip-card:hover{transform:none}}

body:not(.admin-shell) .fd-trip-card a{white-space:normal;overflow-wrap:break-word}
