/*! * Mercure Belfortstrasse — Sitewide Room-Price Hide * * v0.6 · Dieses Stylesheet wird NUR enqueued wenn die Konstante * MERCURE_HIDE_ROOM_PRICES in functions.php auf true steht. Ist sie das, * haengt der body_class-Filter die Klasse `mc-hide-room-prices` an * den — alle Selektoren hier sind darunter eingeschachtelt, sodass * sie sich gegenseitig nicht beeinflussen, wenn die Datei gar nicht geladen * wird. * * Re-aktivieren der Preise: in functions.php `MERCURE_HIDE_ROOM_PRICES` * auf false setzen ODER die ganze Konstanten-Definition entfernen — dann * wird diese Datei nicht mehr enqueued und das HTML zeigt seinen * unveraenderten Originalzustand mit allen Preisen. * * Markup-Aenderungen: NUR die Closing-Meta-Zeile auf * /zimmer-apartments/ (und EN-Pendant) wurde minimal angepasst: * der Preis-Teil ist in einen * eingewickelt. Alle anderen Templates sind unangetastet. */ /* ════════════════════════════════════════════════════════════════════════ * 01 · Header & Mobile-Navigation * ════════════════════════════════════════════════════════════════════════ */ /* Desktop-Dropdown "Zimmer" — die Meta-Zeile pro Eintrag enthaelt * "ab X € · Y m²". Da Preis und m² kombiniert sind und nicht in eigenen * Spans liegen, blenden wir die ganze Zeile aus. Die Eyebrow-Bezeichnung * (z. B. "— Standard") bleibt sichtbar — Kunde kann immer noch erkennen, * welche Kategorie das Zimmer ist. */ body.mc-hide-room-prices .nav-sub-meta { display: none !important; } /* Mobile-Akkordeon — saubere Pille mit nur dem Preis. */ body.mc-hide-room-prices .mobile-acc-price { display: none !important; } /* ════════════════════════════════════════════════════════════════════════ * 02 · Hero-Booking-Widget (Frontpage DE+EN) * ════════════════════════════════════════════════════════════════════════ * * Die Hero-Note enthaelt "ab 129 € · inkl. WLAN, Pool & Fitness" in * EINEM Element ohne Sub-Spans. Wir blenden die ganze Note aus — * "inkl. WLAN, Pool & Fitness" steht ohnehin als Pille im * .hb-guarantees-Block direkt darunter, also kein Info-Verlust fuer den * Gast. */ body.mc-hide-room-prices .hb-note { display: none !important; } /* ════════════════════════════════════════════════════════════════════════ * 03 · Sticky-Booking-Bar (alle Pages) * ════════════════════════════════════════════════════════════════════════ * * Die Sticky-Bar (`assets/js/sticky-bar.js` + Shortcode mercure_sticky_bar) * besteht aus: * .mc-sticky-bar__price-line → "AB €129 /Nacht" * .mc-sticky-bar__price-sep → "·" * .mc-sticky-bar__price-room → "MERCURE KÖLN" (Eyebrow) * * Wir blenden den Preis-Teil + den Separator aus, der Eyebrow ("MERCURE * KÖLN" oder Roomname auf Detail-Seiten) bleibt sichtbar als Kontext- * Anzeiger. */ body.mc-hide-room-prices .mc-sticky-bar__price-line, body.mc-hide-room-prices .mc-sticky-bar__price-sep { display: none !important; } /* Auf sehr schmalen Mobiles wird die Bar dadurch kompakter — der * .mc-sticky-bar__price-Container kollabiert auf nur den Eyebrow. * Falls das visuell ausgefranst aussieht, hier minimal pflegen: */ body.mc-hide-room-prices .mc-sticky-bar__price { gap: 0 !important; } /* ════════════════════════════════════════════════════════════════════════ * 04 · Frontpage Room-Cards (drei XL-Karten Standard/Superior/Apartment) * ════════════════════════════════════════════════════════════════════════ * * Die `.room-foot` enthaelt links den Preis-Block und rechts den * Reservieren-CTA. Wir blenden nur den Preis-Block aus — der CTA bleibt * voll funktionsfaehig und nutzt den freiwerdenden Platz. */ body.mc-hide-room-prices .room-price-row, body.mc-hide-room-prices .room-price-note { display: none !important; } /* Die `.room-foot` ist flexbox, das linke
-Wrapper enthaelt nur * Preis-Inhalt — wenn es leer wird, kann es weg, damit der CTA sauber * rechts buendig sitzt statt mit Auslassung links. */ body.mc-hide-room-prices .room-foot > div:first-child { display: none !important; } body.mc-hide-room-prices .room-foot { justify-content: flex-end !important; } /* ════════════════════════════════════════════════════════════════════════ * 05 · Frontpage Offer-Tiles (3 Pakete unter den Zimmern) * ════════════════════════════════════════════════════════════════════════ * * `.offer-foot` ist `ab259 €→`. * Ohne Preis bleibt nur ein "ab" + Pfeil — sieht ausgefranst aus, daher * lieber den ganzen Foot ausblenden. Die ganze Karte bleibt klickbar und * der "Mehr erfahren"-Vibe bleibt durch Titel + Beschreibung erhalten. */ body.mc-hide-room-prices .offer-foot { display: none !important; } /* ════════════════════════════════════════════════════════════════════════ * 06 · /zimmer-apartments/ — Quick-Compare Bar * ════════════════════════════════════════════════════════════════════════ * * .zo-qc-price ist eine eigene Zeile pro Kategorie ("ab 129 € / Nacht"). * Sauber per Klasse hidebar. */ body.mc-hide-room-prices .zo-qc-price { display: none !important; } /* ════════════════════════════════════════════════════════════════════════ * 07 · /zimmer-apartments/ — XL Room-Cards * ════════════════════════════════════════════════════════════════════════ * * Strukturell: * .zo-room-cta-block * .zo-room-price-line ← "Ab" + "129 €" + "pro Nacht" * .zo-room-actions ← Buchen-Button + Details-Button * * Wir blenden nur die Price-Line aus, Actions bleiben. */ body.mc-hide-room-prices .zo-room-price-line { display: none !important; } /* ════════════════════════════════════════════════════════════════════════ * 08 · /zimmer-apartments/ — Decision-Pills (3 Auswahl-Links) * ════════════════════════════════════════════════════════════════════════ * * Diese Links zeigen "ab 129 €/Nacht" als kleine Sub-Info. Klasse zo-price * ist nur der Preis-Span. */ body.mc-hide-room-prices .zo-price { display: none !important; } /* ════════════════════════════════════════════════════════════════════════ * 09 · /zimmer-apartments/ — Closing-Meta (DE + EN) * ════════════════════════════════════════════════════════════════════════ * * Die Closing-Meta-Zeile am Footer der Zimmer-Uebersicht enthaelt drei * Punkte (Preis · Zimmeranzahl · Bestpreis-Garantie). Damit "128 Zimmer * im Agnesviertel · Bestpreis-Garantie" sichtbar bleibt, wurde der * Preis-Teil in den Templates in einen eigenen Span eingewickelt: * ab 129 €/Nacht · * * Hier verstecken wir nur diesen Span. */ body.mc-hide-room-prices .zo-closing-meta-price { display: none !important; } /* ════════════════════════════════════════════════════════════════════════ * 10 · Detail-Seiten Standard/Superior/Apartment (DE + EN) * ════════════════════════════════════════════════════════════════════════ * * Hero-Card auf den Detail-Seiten: * .zd-book-card-price-row → "Ab" + "129 €" + "pro Nacht" * * Cross-Sell-Karten am Seiten-Ende: * .zd-cross-price → "ab 159 €" pro Karte */ body.mc-hide-room-prices .zd-book-card-price-row { display: none !important; } body.mc-hide-room-prices .zd-cross-price { display: none !important; } /* ════════════════════════════════════════════════════════════════════════ * 11 · CPT-Shortcode-Output (mercure_rooms_grid / mercure_offers_grid) * ════════════════════════════════════════════════════════════════════════ * * Diese beiden Shortcodes (siehe inc/shortcodes.php) sind aktuell auf * keiner Live-Page aktiv, koennten aber via Block-Editor irgendwo * eingefuegt werden. Selektoren rein zur Vollstaendigkeit. */ body.mc-hide-room-prices .mercure-rooms-grid .price-val, body.mc-hide-room-prices .mercure-rooms-grid .price-lbl, body.mc-hide-room-prices .mercure-rooms-grid .foot > div:first-child { display: none !important; } body.mc-hide-room-prices .mercure-rooms-grid .foot { justify-content: flex-end !important; } body.mc-hide-room-prices .mercure-offers-grid .foot .val, body.mc-hide-room-prices .mercure-offers-grid .foot { display: none !important; } /* ════════════════════════════════════════════════════════════════════════ * 12 · Mobile-Bar (Sticky-CTA am unteren Bildschirmrand) * ════════════════════════════════════════════════════════════════════════ * * Falls die alte Mobile-Bar (.mc-mobile-bar) irgendwo noch live ist — * der Preis-Teil ist `.mc-mobile-bar__price` mit `` darin. */ body.mc-hide-room-prices .mc-mobile-bar__price { display: none !important; }