/* ===================================================================== LatePoint harmonization — CONFLICT-RESOLUTION ONLY (optional) --------------------------------------------------------------------- You manage LatePoint's own look (services, agents, payments, button/form styling) in the plugin. So this file does NOT restyle LatePoint. It only stops the theme's GLOBAL element resets (link color, list bullets, image display) from leaking into LatePoint's self-contained UI — the "resolve CSS conflicts without modifying the plugin" task from the brief. It is loaded only when LatePoint is active, and you can switch it off entirely: add_filter( 'bd_load_latepoint_styles', '__return_false' ); Selectors are scoped to elements whose class contains "latepoint" (the plugin's prefix), so they can't touch the rest of the site. If your LatePoint version uses a different prefix, inspect the rendered markup on staging and adjust. ===================================================================== */ /* CRITICAL scoping note: LatePoint adds a bare `latepoint` class to on every page, so `[class*="latepoint"]` matches the whole document and reverts EVERY link/list on the site to browser defaults (blue underlined links, disc bullets — the exact bug this caused on staging). The hyphenated `[class*="latepoint-"]` matches only the plugin's own widget classes (latepoint-w, latepoint-book-form, latepoint-summary-w, …) and can never match that bare body class. Do not remove the hyphen. */ /* The theme sets border-box globally; LatePoint expects the same, so this is just an explicit safety net. */ [class*="latepoint-"], [class*="latepoint-"] *, [class*="latepoint-"] *::before, [class*="latepoint-"] *::after { box-sizing: border-box; } /* Undo the theme's global resets INSIDE LatePoint widgets so its own styling shows as the plugin intends (we don't impose colors — we just get out of the way). Never applies outside the plugin's own markup. */ [class*="latepoint-"] a { color: revert; text-decoration: revert; } [class*="latepoint-"] ul, [class*="latepoint-"] ol { list-style: revert; margin: revert; padding: revert; } [class*="latepoint-"] li { list-style: revert; } [class*="latepoint-"] img, [class*="latepoint-"] svg { display: revert; } [class*="latepoint-"] button { font-family: revert; } /* Exception: the Book Now buttons ARE LatePoint anchors (a.latepoint-book-button) but live in our header/CTAs and must keep the brand pill styling. */ .bd-book-trigger .latepoint-book-button, .bd-book-trigger .latepoint-book-button:visited { text-decoration: none; } /* The inline form lives inside our dark booking frame (.bd-booking__frame). We style OUR wrapper for spacing only; LatePoint's form keeps its own surface. */ .bd-booking__frame .latepoint-book-form, .bd-booking__frame .latepoint-booking-form-w { width: 100%; } /* ===================================================================== OPTIONAL — make the booking buttons match the icy-blue brand --------------------------------------------------------------------- Recommended: set this ONCE in LatePoint's global button settings, or pass it per shortcode, so it's all managed in LatePoint (no CSS needed). Brand values: Background color #7FD8E8 (icy blue) Text color #0B0D10 (near-black) Border radius 999px (pill) Font size 16px Padding 14px 26px Per-shortcode equivalent (the theme can pass these via bd_book_button's 3rd arg or you can hard-code in LatePoint): [latepoint_book_button caption="Book Now" bg_color="#7FD8E8" text_color="#0B0D10" border_radius="999px"] ===================================================================== */