/* Horizone on WordPress: only what the platform itself needs. The design is base/home/app.css. */

/* Live site: Elementor's wrappers take no part in layout, so every section sits exactly where the
   code site put it (main > section). */
.hz-live .elementor,
.hz-live .e-con,
.hz-live .e-con-inner,
.hz-live .elementor-element,
.hz-live .elementor-widget-container{display:contents}

/* Editor preview: wrappers stay (they carry the editing handles) but add no spacing or width cap. */
.elementor .e-con{
  --padding-top:0;--padding-right:0;--padding-bottom:0;--padding-left:0;
  --gap:0;--row-gap:0;--column-gap:0;--content-width:100%;--container-max-width:100%;
  padding:0;gap:0;max-width:none;
}
.elementor .e-con > .e-con-inner{max-width:none;padding:0;gap:0}
.elementor .elementor-widget{width:100%;margin:0}
/* the sign-in page is a two-column grid of the panel and the photo: never let wrappers sit between */
main.auth .elementor,
main.auth .e-con,
main.auth .e-con-inner,
main.auth .elementor-element{display:contents}

/* WordPress admin bar (editors only) sits above the fixed header */
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}

/* "Built by Visuvate" badge (light only, like the site). Sits under the cookie card, toasts, the
   phone menu and the filter drawer; on a car page it rides above the phone booking bar. */
.vv-badge{
  position:fixed;right:16px;bottom:16px;z-index:140;
  display:inline-flex;align-items:center;gap:7px;
  height:34px;padding:0 12px 0 10px;border-radius:9px;
  background:#fff;color:#000;text-decoration:none;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:12.5px;font-weight:600;letter-spacing:-.01em;line-height:1;
  box-shadow:0 0 0 1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.08),0 4px 14px rgba(0,0,0,.1);
  transition:box-shadow .2s ease,opacity .3s ease,translate .3s ease,visibility .3s;
}
.vv-badge:hover{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.1),0 8px 22px rgba(0,0,0,.14)}
.vv-badge:focus-visible{outline:3px solid #6246ea;outline-offset:3px}
.vv-badge-mark{flex-shrink:0;width:14px;height:14px}
@media (max-width:1024px){
  body:has(.pdp-bar) .vv-badge{bottom:calc(var(--pdp-bar-h,78px) + 12px)}
}
@media (max-width:600px){
  .vv-badge{right:12px;bottom:12px;height:32px;padding:0 11px 0 9px;gap:6px;font-size:12px;border-radius:8px}
  body:has(.pdp-bar) .vv-badge{bottom:calc(var(--pdp-bar-h,78px) + 10px)}
  .vv-badge-mark{width:13px;height:13px}
  .vv-badge.is-held{opacity:0;translate:0 8px;visibility:hidden;pointer-events:none}
}
@media print{.vv-badge{display:none}}