/* * ========================================================= * RLRE GLOBAL BUTTON DESIGN AUTHORITY * Version 2.1 * * Visual reference: homepage PESQUISAR button. * ========================================================= */ @font-face { font-family: "Cormorant Garamond"; src: url("./CormorantGaramond-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } /* * ========================================================= * DESIGN TOKENS * ========================================================= */ :root { --rlre-button-font: "Cormorant Garamond", Georgia, "Times New Roman", serif; --rlre-button-font-size: 14.4px; --rlre-button-font-weight: 400; --rlre-button-letter-spacing: 0.18em; --rlre-button-line-height: 1.15; --rlre-button-height: 48px; --rlre-button-radius: 10px; --rlre-button-padding-x: 16px; --rlre-button-bg: #01213e; --rlre-button-bg-hover: #0b2236; --rlre-button-text: #ffffff; } /* * ========================================================= * COMMON TEXT BUTTON GEOMETRY * ========================================================= */ body .ere-advanced-search-btn, body .btn-status-filter, body .wp-block-search__button, body .wp-element-button, body .wp-block-button__link, body .rlre-lead-trigger, body input[type="submit"], body input[type="button"], body input[type="reset"], body button[type="submit"]:not(.menu-toggle):not(.slick-arrow):not(.swiper-button-prev):not(.swiper-button-next), body a.btn:not([class*="close"]):not([class*="arrow"]):not([class*="icon"]), body a.button:not([class*="close"]):not([class*="arrow"]):not([class*="icon"]), body .ere-btn:not([class*="close"]):not([class*="arrow"]):not([class*="icon"]) { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: var(--rlre-button-height) !important; height: var(--rlre-button-height) !important; padding: 0 var(--rlre-button-padding-x) !important; font-family: var(--rlre-button-font) !important; font-size: var(--rlre-button-font-size) !important; font-weight: var(--rlre-button-font-weight) !important; font-style: normal !important; line-height: var(--rlre-button-line-height) !important; letter-spacing: var(--rlre-button-letter-spacing) !important; text-transform: uppercase !important; text-align: center !important; text-decoration: none !important; border: 1px solid var(--rlre-button-bg) !important; border-radius: var(--rlre-button-radius) !important; background: var(--rlre-button-bg) !important; color: var(--rlre-button-text) !important; box-shadow: none !important; font-synthesis: none !important; vertical-align: middle !important; }/* * ========================================================= * COMPLIANZ * * Specificity intentionally higher than Complianz's * component typography. * ========================================================= */ html body #cmplz-cookiebanner-container .cmplz-cookiebanner button.cmplz-btn, html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn, html body #cmplz-manage-consent .cmplz-manage-consent { box-sizing: border-box !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; height: 48px !important; padding: 0 16px !important; font-family: var(--rlre-button-font) !important; font-size: 14.4px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.15 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; border: 1px solid var(--rlre-button-bg) !important; border-radius: 10px !important; background: var(--rlre-button-bg) !important; color: #ffffff !important; box-shadow: none !important; font-synthesis: none !important; } /* * Keep cookie buttons harmonious without forcing * an oversized desktop width. */ html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { width: auto !important; min-width: 170px !important; max-width: 100% !important; } /* * ========================================================= * WORDPRESS SEARCH * ========================================================= */ html body .wp-block-search .wp-block-search__button { min-height: 48px !important; height: 48px !important; padding: 0 16px !important; font-family: var(--rlre-button-font) !important; font-size: 14.4px !important; font-weight: 400 !important; line-height: 1.15 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; border: 1px solid var(--rlre-button-bg) !important; border-radius: 10px !important; background: var(--rlre-button-bg) !important; color: #ffffff !important; box-shadow: none !important; } /* * ========================================================= * INTERNAL RLRE CTA * ========================================================= */ html body .rlre-lead-trigger { min-height: 48px !important; height: 48px !important; padding: 0 16px !important; font-family: var(--rlre-button-font) !important; font-size: 14.4px !important; font-weight: 400 !important; line-height: 1.15 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; border-radius: 10px !important; border: 1px solid var(--rlre-button-bg) !important; background: var(--rlre-button-bg) !important; color: #ffffff !important; box-shadow: none !important; } /* * ========================================================= * STATUS FILTERS * ========================================================= */ html body .btn-status-filter { min-height: 48px !important; height: 48px !important; padding: 0 16px !important; font-family: var(--rlre-button-font) !important; font-size: 14.4px !important; font-weight: 400 !important; line-height: 1.15 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; border-radius: 10px !important; box-shadow: none !important; } html body .btn-status-filter.active { background: var(--rlre-button-bg) !important; color: #ffffff !important; border: 1px solid var(--rlre-button-bg) !important; } html body .btn-status-filter:not(.active) { background: rgba(255,255,255,0.78) !important; color: var(--rlre-button-bg) !important; border: 1px solid rgba(1,33,62,0.28) !important; } /* * ========================================================= * HOVER * ========================================================= */ body .ere-advanced-search-btn:hover, body .wp-block-search__button:hover, body .wp-element-button:hover, body .wp-block-button__link:hover, body .rlre-lead-trigger:hover, html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:hover { background: var(--rlre-button-bg-hover) !important; border-color: var(--rlre-button-bg-hover) !important; color: #ffffff !important; } html body .btn-status-filter:not(.active):hover { background: var(--rlre-button-bg) !important; border-color: var(--rlre-button-bg) !important; color: #ffffff !important; } /* * ========================================================= * ICON / TECHNICAL CONTROLS * ========================================================= */ .menu-toggle, .cmplz-close, .slick-arrow, .swiper-button-prev, .swiper-button-next, .owl-prev, .owl-next, .lg-prev, .lg-next, .lg-close, .pswp__button, [class*="icon-only"], [class*="close-button"] { letter-spacing: normal; text-transform: none; } /* * ========================================================= * MOBILE * ========================================================= */ @media (max-width: 767px) { body .rlre-lead-trigger, body .wp-element-button, body .wp-block-button__link, html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn { min-height: 48px !important; height: auto !important; padding: 12px 16px !important; } html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { width: 100% !important; min-width: 0 !important; } } /* * ========================================================= * RLRE NEIGHBORHOOD GUIDE CTA GEOMETRY v1.0 * ========================================================= * * Same visual system as PESQUISAR: * Cormorant Garamond / 400 / 14.4 px / 48 px / 10 px. * * Guide CTAs are allowed more horizontal room because their * labels are substantially longer than PESQUISAR. */ body.rlre-neighborhood-guide .wp-block-buttons { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; align-items: stretch !important; justify-content: flex-start !important; } body.rlre-neighborhood-guide .wp-block-button { box-sizing: border-box !important; width: 100% !important; max-width: 520px !important; margin: 0 !important; } body.rlre-neighborhood-guide .wp-block-button .wp-block-button__link.wp-element-button { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: none !important; min-height: 48px !important; height: 48px !important; padding: 0 16px !important; font-family: var(--rlre-button-font) !important; font-size: 14.4px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.15 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; text-align: center !important; text-decoration: none !important; border: 1px solid var(--rlre-button-bg) !important; border-radius: 10px !important; background: var(--rlre-button-bg) !important; color: #ffffff !important; box-shadow: none !important; white-space: nowrap !important; } body.rlre-neighborhood-guide .wp-block-button .wp-block-button__link.wp-element-button:hover { background: var(--rlre-button-bg-hover) !important; border-color: var(--rlre-button-bg-hover) !important; color: #ffffff !important; } @media (max-width: 767px) { body.rlre-neighborhood-guide .wp-block-button { width: 100% !important; max-width: none !important; } body.rlre-neighborhood-guide .wp-block-button .wp-block-button__link.wp-element-button { width: 100% !important; min-height: 48px !important; height: auto !important; padding: 12px 16px !important; white-space: normal !important; } } /* * ========================================================= * RLRE_PROPERTY_CARD_VISUAL_SYSTEM_V1 * Property card labels + icon controls * * Scope: * - ERE property cards only * - no link/function/markup changes * - textual CTA system remains independent * ========================================================= */ /* * --------------------------------------------------------- * PROPERTY LABELS / STATUS CHIPS * --------------------------------------------------------- * * Examples: * EM DESTAQUE * DESTAQUE * LANÇAMENTO * PRONTOS PARA MORAR * * Compact presentation: * same RLRE display family, but NOT CTA 48px geometry. */ body .ere-property .property-label, body .ere-property .property-status { z-index: 12; } body .ere-property .property-label p, body .ere-property .property-status p { margin: 0 !important; padding: 0 !important; } body .ere-property .property-label p .property-label-bg, body .ere-property .property-status p .property-status-bg { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 30px !important; padding: 6px 11px !important; box-sizing: border-box !important; font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important; font-size: 12.8px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1 !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; border: 1px solid rgba(255,255,255,.72) !important; border-radius: 10px !important; box-shadow: none !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease !important; } /* * Featured label = primary RLRE blue. */ body .ere-property .property-label p .property-label-bg { background: #01213E !important; border-color: #01213E !important; color: #FFFFFF !important; } /* * Status label = secondary expression of same system. * * White surface is intentional: * separates status from "featured" without creating * a second design language. */ body .ere-property .property-status p .property-status-bg { background: rgba(255,255,255,.94) !important; border-color: rgba(1,33,62,.20) !important; color: #01213E !important; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } /* * Remove legacy triangular ribbon arrows. * Geometry becomes the same 10px rounded language * used throughout RLRE. */ body .ere-property .property-label .property-arrow, body .ere-property .property-status .property-arrow { display: none !important; width: 0 !important; height: 0 !important; border: 0 !important; } /* * --------------------------------------------------------- * PROPERTY CARD ICON CONTROLS * --------------------------------------------------------- * * These remain ICON-ONLY controls. * They intentionally do NOT inherit the 48px textual * button system. */ body .ere-property .block-center-inner { z-index: 13 !important; } body .ere-property .block-center-inner > a, body .ere-property .block-center-inner > .social-share { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 8px !important; box-sizing: border-box !important; border: 1px solid rgba(255,255,255,.72) !important; border-radius: 10px !important; background: #01213E !important; color: #FFFFFF !important; box-shadow: none !important; text-align: center !important; text-decoration: none !important; line-height: 1 !important; opacity: 1 !important; transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important; } body .ere-property .block-center-inner > a:first-child, body .ere-property .block-center-inner > .social-share:first-child { margin-left: 0 !important; } /* * Some ERE layouts use float:right for these controls. * Preserve the current layout direction; only normalize * the visual geometry. */ body .ere-property .block-center-inner > a > i, body .ere-property .block-center-inner > a > span, body .ere-property .block-center-inner > .social-share > i, body .ere-property .block-center-inner > .social-share > span { margin: 0 !important; padding: 0 !important; color: #FFFFFF !important; font-size: 15px !important; line-height: 1 !important; } /* * Hover / keyboard focus. */ body .ere-property .block-center-inner > a:hover, body .ere-property .block-center-inner > a:focus, body .ere-property .block-center-inner > .social-share:hover, body .ere-property .block-center-inner > .social-share:focus-within { background: #0B2236 !important; border-color: #0B2236 !important; color: #FFFFFF !important; text-decoration: none !important; transform: translateY(-1px); } /* * Keep internal social-share popup/list functional. * Do not force the popup itself into a 40x40 box. */ body .ere-property .social-share-hover .social-share-list, body .ere-property .block-center-inner .social-share-list { width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; border-radius: 10px !important; transform: none; } /* * --------------------------------------------------------- * MOBILE * --------------------------------------------------------- */ @media (max-width: 767px) { body .ere-property .property-label p .property-label-bg, body .ere-property .property-status p .property-status-bg { min-height: 28px !important; padding: 5px 9px !important; font-size: 12px !important; letter-spacing: .07em !important; white-space: normal !important; } body .ere-property .block-center-inner > a, body .ere-property .block-center-inner > .social-share { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; margin-left: 6px !important; } } /* * ========================================================= * END RLRE_PROPERTY_CARD_VISUAL_SYSTEM_V1 * ========================================================= */ /* * ========================================================= * RLRE_CONSENT_UX_FINAL_V6_BEGIN * * FINAL UX * * First visit: * compact horizontal banner opens automatically. * * After Accept / Reject: * banner disappears completely. * * No floating Manage Consent tab. * * Cookie preferences are available through * a discreet footer link. * * Lead CTA is visible after consent decision, * not while the cookie banner is open. * ========================================================= */ /* * --------------------------------------------------------- * COOKIE BANNER — DESKTOP * * Longer and lower, instead of narrow/vertical. * --------------------------------------------------------- */ body #cmplz-cookiebanner-container .cmplz-cookiebanner { position: fixed !important; top: auto !important; right: auto !important; bottom: 14px !important; left: 50% !important; width: calc(100% - 32px) !important; max-width: 920px !important; height: auto !important; margin: 0 !important; padding: 10px 12px !important; transform: translateX(-50%) !important; box-sizing: border-box !important; border-radius: 10px !important; overflow-x: hidden !important; overflow-y: auto !important; max-height: calc(100vh - 28px) !important; grid-template-columns: minmax(0, 1fr) minmax(330px, 380px) !important; grid-template-rows: auto !important; column-gap: 16px !important; row-gap: 4px !important; box-shadow: 0 5px 20px rgba(0,0,0,.14) !important; } /* * No visible title. */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { display: none !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header { position: absolute !important; top: 5px !important; right: 6px !important; width: 18px !important; height: 18px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; z-index: 10 !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close { width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; } /* * --------------------------------------------------------- * COPY * --------------------------------------------------------- */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body { grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { margin: 0 !important; padding: 0 20px 0 0 !important; font-size: 10.5px !important; font-weight: 400 !important; line-height: 1.28 !important; letter-spacing: 0 !important; text-transform: none !important; overflow-wrap: break-word !important; } /* * --------------------------------------------------------- * PRIMARY CHOICES * --------------------------------------------------------- */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 4px 7px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept, body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny { width: 100% !important; height: 32px !important; min-height: 32px !important; margin: 0 !important; padding: 0 9px !important; border-radius: 8px !important; font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important; font-size: 10.5px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: .09em !important; text-transform: uppercase !important; box-shadow: none !important; } /* * Accept and Reject both remain clear. */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept { background: #01213E !important; border: 1px solid #01213E !important; color: #FFFFFF !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny { background: #FFFFFF !important; border: 1px solid #01213E !important; color: #01213E !important; } /* * Preferences is secondary, not a giant third CTA. */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences { grid-column: 1 / -1 !important; justify-self: center !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 1px 3px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: Arial, sans-serif !important; font-size: 9px !important; font-weight: 400 !important; line-height: 1.1 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: underline !important; color: #4A5660 !important; } /* * --------------------------------------------------------- * EXPANDED PREFERENCES * * Can grow vertically only when the visitor explicitly * opens Preferences. * --------------------------------------------------------- */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories { grid-column: 1 / -1 !important; width: 100% !important; margin: 4px 0 0 !important; padding: 0 !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category { margin: 0 !important; padding: 3px 0 !important; font-size: 10.5px !important; line-height: 1.25 !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-description { margin: 1px 0 2px !important; padding: 0 !important; font-size: 9.5px !important; line-height: 1.25 !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences { grid-column: 1 / -1 !important; width: 100% !important; height: 32px !important; min-height: 32px !important; margin: 2px 0 0 !important; padding: 0 9px !important; border-radius: 8px !important; background: #01213E !important; border: 1px solid #01213E !important; color: #FFFFFF !important; font-size: 10px !important; } /* * --------------------------------------------------------- * REMOVE NATIVE FLOATING "MANAGE CONSENT" * * We provide Cookie Settings in the footer instead. * --------------------------------------------------------- */ body #cmplz-manage-consent, body #cmplz-manage-consent .cmplz-manage-consent { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* * --------------------------------------------------------- * FOOTER COOKIE SETTINGS LINK * --------------------------------------------------------- */ body .rlre-cookie-settings-footer { position: static !important; display: block !important; width: 100% !important; margin: 5px 0 8px !important; padding: 0 !important; text-align: center !important; } body .rlre-cookie-settings-link { appearance: none !important; display: inline !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: inherit !important; font-family: Arial, sans-serif !important; font-size: 10.5px !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: underline !important; cursor: pointer !important; } /* * --------------------------------------------------------- * RECEIVE SIMILAR PROPERTIES * * Restore as a small premium CTA. * --------------------------------------------------------- */ body .rlre-lead-trigger { position: fixed !important; left: 18px !important; right: auto !important; bottom: 16px !important; top: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: 300px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; margin: 0 !important; padding: 0 12px !important; box-sizing: border-box !important; background: #01213E !important; border: 1px solid #01213E !important; border-radius: 8px !important; color: #FFFFFF !important; font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important; font-size: 10.5px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: .055em !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 99990 !important; box-shadow: none !important; } /* * While consent choice is on screen, hide the sales CTA. * The visitor sees one decision at a time. */ body.rlre-consent-open .rlre-lead-trigger { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* * --------------------------------------------------------- * MOBILE * --------------------------------------------------------- */ @media (max-width: 767px) { body #cmplz-cookiebanner-container .cmplz-cookiebanner { width: calc(100% - 18px) !important; max-width: none !important; bottom: 9px !important; padding: 8px 9px !important; grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; row-gap: 6px !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body { grid-column: 1 !important; grid-row: 1 !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { grid-column: 1 !important; grid-row: 2 !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { font-size: 10px !important; line-height: 1.23 !important; } body .rlre-lead-trigger { left: 10px !important; bottom: 10px !important; max-width: calc(100vw - 20px) !important; height: auto !important; min-height: 34px !important; max-height: none !important; padding: 8px 11px !important; font-size: 10px !important; white-space: normal !important; text-align: center !important; } } /* * RLRE_CONSENT_UX_FINAL_V6_END */ /* * ========================================================= * RLRE_CONSENT_HORIZONTAL_REFINEMENT_V7_BEGIN * * Final desktop refinement: * - complete message, never clipped * - lower horizontal banner * - no close X * - no dead right-hand area * - accept/reject remain primary actions * ========================================================= */ /* * --------------------------------------------------------- * DESKTOP BANNER * --------------------------------------------------------- */ body #cmplz-cookiebanner-container .cmplz-cookiebanner { width: calc(100% - 40px) !important; max-width: 1080px !important; min-height: 0 !important; height: auto !important; padding: 8px 10px !important; bottom: 10px !important; grid-template-columns: minmax(0, 1fr) 400px !important; grid-template-rows: auto !important; column-gap: 14px !important; row-gap: 2px !important; align-items: center !important; overflow-x: hidden !important; border-radius: 9px !important; } /* * No title and no X. * * The visitor gets the clear first-level decision: * Accept / Reject. */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header, body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title, body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close { display: none !important; } /* * --------------------------------------------------------- * BODY — RESET LEGACY WIDTH/POSITIONING * --------------------------------------------------------- */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; grid-column: 1 !important; grid-row: 1 !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; } /* * --------------------------------------------------------- * MESSAGE — NEVER CLIPPED * --------------------------------------------------------- */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; translate: none !important; text-indent: 0 !important; overflow: visible !important; overflow-wrap: break-word !important; word-break: normal !important; white-space: normal !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1.23 !important; letter-spacing: 0 !important; text-transform: none !important; } /* * --------------------------------------------------------- * BUTTON COLUMN * --------------------------------------------------------- */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { position: static !important; grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 3px 7px !important; transform: none !important; overflow: visible !important; } /* * ACCEPT / REJECT */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept, body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny { height: 31px !important; min-height: 31px !important; max-height: 31px !important; margin: 0 !important; padding: 0 8px !important; border-radius: 7px !important; font-size: 10.5px !important; line-height: 1 !important; letter-spacing: .08em !important; } /* * Tiny preferences link. */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences { grid-column: 1 / -1 !important; width: auto !important; margin: 0 auto !important; padding: 1px 2px !important; font-size: 8.5px !important; line-height: 1 !important; } /* * --------------------------------------------------------- * EXPANDED PREFERENCES * --------------------------------------------------------- */ body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories { grid-column: 1 / -1 !important; width: 100% !important; max-width: 100% !important; margin: 3px 0 0 !important; padding: 0 !important; overflow-x: hidden !important; } /* * --------------------------------------------------------- * REMOVE ANY INTERNAL HORIZONTAL OVERFLOW * --------------------------------------------------------- */ body #cmplz-cookiebanner-container .cmplz-cookiebanner, body #cmplz-cookiebanner-container .cmplz-cookiebanner * { box-sizing: border-box !important; } /* * --------------------------------------------------------- * MOBILE * --------------------------------------------------------- */ @media (max-width: 767px) { body #cmplz-cookiebanner-container .cmplz-cookiebanner { width: calc(100% - 16px) !important; max-width: none !important; bottom: 8px !important; padding: 7px 8px !important; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: auto auto !important; row-gap: 5px !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body { grid-column: 1 !important; grid-row: 1 !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { grid-column: 1 !important; grid-row: 2 !important; } body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { font-size: 9.5px !important; line-height: 1.2 !important; } } /* * RLRE_CONSENT_HORIZONTAL_REFINEMENT_V7_END */