/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ---- Sticky site header -------------------------------------------------
   The header markup lives in a Designed Template whose CSS is scoped to
   #iw-designed-45, so it cannot reach its own Elementor ancestors. Making
   .eis-hd position:sticky achieved nothing: it sits inside four nested boxes
   that are all exactly 75px tall (#iw-designed-45 -> two .elementor-element
   divs -> header.elementor-location-header), and a sticky element can only
   travel within its parent's box. Measured: at scroll 3000 its top was -3000.
   The rule has to go on the OUTERMOST wrapper, whose parent is <body>.
   Without it there is no Enquire/WhatsApp/phone control on screen anywhere on
   desktop once the hero scrolls past, on pages ~10,000px long.
   ------------------------------------------------------------------------ */
header.elementor-location-header{position:sticky;top:0;z-index:60;background:#fff}
@media print{header.elementor-location-header{position:static}}

/* ---- Footer clearance for the fixed booking bar ---------------------------
   Only the pages that actually carry `.stickybar` need it. The footer lives in a
   Designed Template whose CSS is scoped to #iw-designed-46, so from inside that
   scope it cannot tell whether the page has a bar — an unconditional rule there
   added ~123px of dead slack to the nine pages that have none. This stylesheet is
   unscoped, so it can ask. The bar measures 67px plus its border and shadow.
   -------------------------------------------------------------------------- */
@media (max-width:720px){
  body:has(.stickybar) .eis-ft{
    /* !important is required, not lazy: the footer template's own rule is
       `#iw-designed-46 .eis-ft{padding-block:...}` — ID specificity (1,0,1), which
       beats this selector's (0,2,1), and its `padding-block` shorthand resets
       padding-bottom. Without this the clearance silently does nothing. */
    padding-bottom:calc(clamp(44px,5vw,68px) + 76px + env(safe-area-inset-bottom))!important;
  }
}

/* Complianz is outside Designed Template scopes: keep all banner text shadow-free. */
.cmplz-cookiebanner, .cmplz-cookiebanner *{text-shadow:none!important}