/* DDL conversion pass (26 Oct 2026): reassurance lines, call links, trust points, conversion sections and the
   mobile Call / Book bar. Uses the site's own colours and fonts; nothing here restyles an existing component.
   Mobile first: base = phones, min-width = larger screens. */

/* Reassurance directly under a booking button. Understated, never louder than the button. */
.v19-professional .cta-note{margin:12px 0 0;max-width:46ch;font-size:13px;line-height:1.55;letter-spacing:.01em;opacity:.82;color:inherit!important;-webkit-text-fill-color:currentColor}
.v19-professional .center .cta-note,.v19-professional .section-head.center .cta-note{margin-left:auto;margin-right:auto;text-align:center}
.v19-professional .cta-call{margin:8px 0 0;font-size:14px;line-height:1.5;color:inherit!important;-webkit-text-fill-color:currentColor}
.v19-professional .center .cta-call{text-align:center}
.v19-professional .cta-call a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.v19-professional .cta-call a:hover{opacity:.8}

/* Dark surfaces: heroes with a photo, dark sections and the footer band. */
.v19-professional .marble-hero .cta-note,.v19-professional .marble-hero .cta-call,
.v19-professional .dark-section .cta-note,.v19-professional .dark-section .cta-call,
.v19-professional .ddl-footer-cta .cta-note,
.v19-professional .cinematic-hero-actions + .cta-note,
.v19-professional .appointment-hero .cta-note{color:rgba(255,250,241,.86)!important;-webkit-text-fill-color:rgba(255,250,241,.86)!important}
.v19-professional .marble-hero .cta-call a,.v19-professional .dark-section .cta-call a{color:#d7bd8a;-webkit-text-fill-color:#d7bd8a}

/* Three compact reassurance points beside or under a main CTA. */
.cta-trust{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;padding:0;list-style:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.center .cta-trust{justify-content:center}
.cta-trust li{position:relative;padding-left:16px}
.cta-trust li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:1px;background:#c7a05b}
.v19-professional .cta-trust li{color:inherit!important;-webkit-text-fill-color:currentColor;opacity:.78}

/* Conversion sections added to Showroom, Large Format Porcelain and Bathroom Design. */
.ddl-convert .section-head{margin-bottom:0}
.ddl-convert h2{margin-bottom:14px}
.ddl-convert .hero-actions{margin-top:26px}
.ddl-proof-line{margin:6px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.v19-professional .ddl-proof-line{color:#c7a05b!important;-webkit-text-fill-color:#c7a05b!important}

/* Form: optional label hint and the note under the button */
.booking-form .field-optional{font-weight:400;opacity:.7}
.booking-form .field.full .cta-note{margin-top:10px}
/* The form card is light even though the section around it is dark. */
.v19-professional .booking-form .cta-note{color:#5b4a3f!important;-webkit-text-fill-color:#5b4a3f!important;opacity:1}
.v19-professional .booking-form .booking-consent a{color:#8e5e42!important;-webkit-text-fill-color:#8e5e42!important;text-decoration:underline;white-space:normal}

/* Appointments page: on phones the form follows the opening copy straight away, so the award pair (repeated
   lower down the page) steps aside. Desktop is unchanged. */
.page-appointments .appointment-hero .hero-award-display{display:none}
@media (min-width:761px){.page-appointments .appointment-hero .hero-award-display{display:block}}

/* Mobile Call / Book bar. Two equal buttons, fixed, compact. Phones only. */
/* !important: body.v19-professional > * forces position:relative on every direct child of body, which would
   drop this bar into the page flow instead of fixing it to the screen. */
.mobile-bar{position:fixed!important;left:0;right:0;bottom:0;z-index:80;display:flex;background:#1f1410;border-top:1px solid rgba(215,189,138,.45);padding-bottom:env(safe-area-inset-bottom)}
.mobile-bar a{flex:1 1 50%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:8px 6px;color:#fffaf1;-webkit-text-fill-color:#fffaf1;text-decoration:none;font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.mobile-bar a + a{background:#d7bd8a;color:#1f1410;-webkit-text-fill-color:#1f1410}
.mobile-bar svg{width:18px;height:18px;flex:none}
.mobile-bar a:focus-visible{outline:2px solid #d7bd8a;outline-offset:-4px}
.mobile-bar a + a:focus-visible{outline-color:#1f1410}
@media (max-width:760px){body{padding-bottom:calc(52px + env(safe-area-inset-bottom))}}
@media (min-width:761px){.mobile-bar{display:none}}
.mobile-book{display:none!important}
body:has(.ty-page) .mobile-bar{display:none!important}
body:has(.ty-page){padding-bottom:0!important}