/* =========================================================
   DAYLUX CORE CSS
   Plugin: Daylux Core
   Version: 0.0.60
   Author: CXC Web Solutions

   Palette source: Daylux source design files
   Components-logo-palette.zip / Daylux Home / Service / Shop

   Sections:
   01. Tokens
   02. Global color system overrides
   03. Header — desktop / tablet / mobile
   04. WooCommerce notices
   05. Footer — Daylux source design
   06. Responsive helpers
========================================================= */



/* ================================
   Daylux global background baseline
   Default page and header background: #FBF8F3.
   Module-specific backgrounds remain scoped and can override this.
================================ */
body,
.wp-site-blocks,
body :where(main, #main, .site-main, .wp-site-main),
body :where(.entry-content, .wp-block-post-content) {
    background-color: #FBF8F3;
}

.daylux-header-main,
.daylux-header-main-inner,
.daylux-responsive-header,
.daylux-responsive-header__inner {
    background-color: #FBF8F3 !important;
}

/* =========================================================
   01. TOKENS
   Exact Daylux source palette
========================================================= */

:root,
body,
.editor-styles-wrapper {
  --daylux-admin-bar-offset: 0px;
  --daylux-header-z: 9999;

  --daylux-ink: #1B1815;
  --daylux-charcoal: #2A2622;
  --daylux-text: #3D3833;
  --daylux-muted: #6B645B;

  --daylux-warm-white: #FBF8F3;
  --daylux-ivory: #F7F2EA;
  --daylux-sand-light: #EFE6D6;
  --daylux-sand: #E8DCC9;
  --daylux-stone: #D8CCB7;
  --daylux-blush: #F1E4D7;
  --daylux-pure-white: #FFFFFF;

  --daylux-gold-deep: #9B7F50;
  --daylux-gold: #B89968;
  --daylux-gold-soft: #D9C4A1;

  /* Header topbar tones from the Daylux design source. */
  --daylux-topbar-bg: #1B1815;
  --daylux-topbar-text: #D8CCB7;
  --daylux-topbar-accent: #B89968;
  --daylux-topbar-divider: rgba(216, 204, 183, 0.35);

  --daylux-line: rgba(42, 38, 34, 0.08);
  --daylux-line-strong: rgba(42, 38, 34, 0.14);
  --daylux-shadow-sm: 0 1px 2px rgba(42, 38, 34, 0.04), 0 1px 1px rgba(42, 38, 34, 0.02);
  --daylux-shadow-md: 0 8px 24px -8px rgba(42, 38, 34, 0.10), 0 2px 6px rgba(42, 38, 34, 0.04);
  --daylux-shadow-lg: 0 24px 48px -16px rgba(42, 38, 34, 0.12), 0 4px 12px rgba(42, 38, 34, 0.04);

  --daylux-success: #5E704C;
  --daylux-success-soft: #E8EDDF;
  --daylux-error: #9F3A2F;
  --daylux-error-soft: #F4E1DC;

  --daylux-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --daylux-font-display: 'Marcellus', 'Cormorant Garamond', Georgia, serif;

  --wp--preset--color--primary: #9B7F50;
  --wp--preset--color--vivid-purple: #9B7F50;
  --wp--preset--color--ast-global-color-0: #9B7F50;
  --wp--preset--color--ast-global-color-1: #B89968;

  --ast-global-color-0: #9B7F50;
  --ast-global-color-1: #B89968;

  --uagb-color-primary: #9B7F50;
  --uagb-color-accent: #B89968;

  /* Backwards-compatible names used by earlier Daylux CSS. */
  --daylux-dark: var(--daylux-ink);
  --daylux-bg: var(--daylux-ivory);
  --daylux-border: var(--daylux-stone);
  --daylux-gold-hover: var(--daylux-gold-deep);
  --daylux-cream: var(--daylux-ivory);
}

body.admin-bar {
  --daylux-admin-bar-offset: 32px;
}

@media (max-width: 782px) {
  body.admin-bar {
    --daylux-admin-bar-offset: 46px;
  }
}

/* =========================================================
   02. GLOBAL COLOR SYSTEM OVERRIDES
   Replaces Spectra One default purple with Daylux Gold Deep.
========================================================= */

body .has-primary-color,
body .has-vivid-purple-color,
body .has-ast-global-color-0-color,
.editor-styles-wrapper .has-primary-color,
.editor-styles-wrapper .has-vivid-purple-color,
.editor-styles-wrapper .has-ast-global-color-0-color {
  color: var(--daylux-gold-deep) !important;
}

body .has-ast-global-color-1-color,
.editor-styles-wrapper .has-ast-global-color-1-color {
  color: var(--daylux-gold) !important;
}

body .has-primary-background-color,
body .has-vivid-purple-background-color,
body .has-ast-global-color-0-background-color,
.editor-styles-wrapper .has-primary-background-color,
.editor-styles-wrapper .has-vivid-purple-background-color,
.editor-styles-wrapper .has-ast-global-color-0-background-color {
  background: var(--daylux-gold-deep) !important;
  background-color: var(--daylux-gold-deep) !important;
}

body .has-ast-global-color-1-background-color,
.editor-styles-wrapper .has-ast-global-color-1-background-color {
  background: var(--daylux-gold) !important;
  background-color: var(--daylux-gold) !important;
}

body .has-primary-border-color,
body .has-vivid-purple-border-color,
body .has-ast-global-color-0-border-color,
.editor-styles-wrapper .has-primary-border-color,
.editor-styles-wrapper .has-vivid-purple-border-color,
.editor-styles-wrapper .has-ast-global-color-0-border-color {
  border-color: var(--daylux-gold-deep) !important;
}

body .has-ast-global-color-1-border-color,
.editor-styles-wrapper .has-ast-global-color-1-border-color {
  border-color: var(--daylux-gold) !important;
}

body .wp-block-cover.has-primary-background-color .wp-block-cover__background,
body .wp-block-cover.has-vivid-purple-background-color .wp-block-cover__background,
body .wp-block-cover.has-ast-global-color-0-background-color .wp-block-cover__background,
body .wp-block-cover.has-primary-background-color .wp-block-cover__gradient-background,
body .wp-block-cover.has-vivid-purple-background-color .wp-block-cover__gradient-background,
body .wp-block-cover.has-ast-global-color-0-background-color .wp-block-cover__gradient-background {
  background: var(--daylux-gold-deep) !important;
  background-color: var(--daylux-gold-deep) !important;
  opacity: 1 !important;
}

body.archive main > .wp-block-cover:first-child,
body.search main > .wp-block-cover:first-child,
body.error404 main > .wp-block-cover:first-child,
body.blog main > .wp-block-cover:first-child,
body.archive main > .wp-block-group.has-background:first-child,
body.search main > .wp-block-group.has-background:first-child,
body.error404 main > .wp-block-group.has-background:first-child,
body.blog main > .wp-block-group.has-background:first-child,
body.error404 .wp-site-blocks main .wp-block-cover:first-child,
body.error404 .wp-site-blocks main .wp-block-group.has-background:first-child,
body.search .wp-site-blocks main .wp-block-cover:first-child,
body.search .wp-site-blocks main .wp-block-group.has-background:first-child,
body.archive .wp-site-blocks main .wp-block-cover:first-child,
body.archive .wp-site-blocks main .wp-block-group.has-background:first-child,
body.blog .wp-site-blocks main .wp-block-cover:first-child,
body.blog .wp-site-blocks main .wp-block-group.has-background:first-child,
body.home.blog .wp-site-blocks main .wp-block-cover:first-child,
body.home.blog .wp-site-blocks main .wp-block-group.has-background:first-child {
  background: var(--daylux-gold-deep) !important;
  background-color: var(--daylux-gold-deep) !important;
}

body.error404 .wp-site-blocks main .wp-block-cover:first-child .wp-block-cover__background,
body.error404 .wp-site-blocks main .wp-block-cover:first-child .wp-block-cover__gradient-background {
  background: var(--daylux-gold-deep) !important;
  background-color: var(--daylux-gold-deep) !important;
  opacity: 1 !important;
}

body main a:not(.wp-block-button__link) {
  text-decoration-color: rgba(155, 127, 80, 0.45);
}

body main a:not(.wp-block-button__link):hover {
  color: var(--daylux-gold-deep);
  text-decoration-color: var(--daylux-gold-deep);
}

body .wp-block-button__link.has-primary-background-color,
body .wp-block-button__link.has-vivid-purple-background-color,
body .wp-block-button__link.has-ast-global-color-0-background-color,
body .wp-block-button__link.has-ast-global-color-1-background-color {
  background: var(--daylux-gold-deep) !important;
  background-color: var(--daylux-gold-deep) !important;
  color: var(--daylux-pure-white) !important;
  border-color: var(--daylux-gold-deep) !important;
}

body .wp-block-button__link.has-primary-background-color:hover,
body .wp-block-button__link.has-vivid-purple-background-color:hover,
body .wp-block-button__link.has-ast-global-color-0-background-color:hover,
body .wp-block-button__link.has-ast-global-color-1-background-color:hover {
  background: var(--daylux-ink) !important;
  background-color: var(--daylux-ink) !important;
  border-color: var(--daylux-ink) !important;
}

body input:focus,
body textarea:focus,
body select:focus,
body .wp-block-search__input:focus {
  border-color: var(--daylux-gold-deep) !important;
  outline: 2px solid rgba(155, 127, 80, 0.22) !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

::selection {
  background: var(--daylux-gold-deep);
  color: var(--daylux-pure-white);
}

/* =========================================================
   03. HEADER — DESKTOP / TABLET / MOBILE
   Desktop: topbar scrolls away, main header is sticky.
========================================================= */

body .wp-site-blocks {
  padding-top: 0 !important;
  overflow: visible !important;
  contain: none !important;
}

body .wp-site-blocks > header,
body .wp-site-blocks > .wp-block-template-part:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  overflow: visible !important;
  contain: none !important;
}

body .wp-block-template-part {
  overflow: visible !important;
  contain: none !important;
}

@media (min-width: 1181px) {
  @supports selector(:has(*)) {
    body .wp-site-blocks > header.wp-block-template-part:has(.daylux-header-main),
    body .wp-site-blocks > .wp-block-template-part:has(.daylux-header-main) {
      display: contents !important;
      overflow: visible !important;
      contain: none !important;
    }

    body .wp-block-template-part:has(.daylux-header-main),
    body .wp-block-group:has(.daylux-header-main) {
      overflow: visible !important;
      contain: none !important;
    }
  }
}

body .daylux-topbar,
body .daylux-header-main,
body .daylux-responsive-topbar,
body .daylux-responsive-header {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block-start: 0 !important;
  box-sizing: border-box !important;
}

@media (min-width: 1181px) {
  body .daylux-responsive-topbar,
  body .daylux-responsive-header {
    display: none !important;
  }

  body .daylux-topbar,
  body .daylux-header-main {
    display: block !important;
  }
}

@media (max-width: 1180px) {
  body .daylux-topbar,
  body .daylux-header-main {
    display: none !important;
  }

  body .daylux-responsive-topbar,
  body .daylux-responsive-header {
    display: block !important;
  }
}

/* Desktop topbar — never sticky. */
body .daylux-topbar {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  padding: 0 !important;
  background: var(--daylux-topbar-bg) !important;
  color: var(--daylux-topbar-text) !important;
  z-index: 9990 !important;
  box-shadow: none !important;
}

body .daylux-topbar * {
  opacity: 1 !important;
}

body .daylux-topbar-inner {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 8px 32px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  column-gap: 18px !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body .daylux-topbar-inner,
body .daylux-topbar-inner div,
body .daylux-topbar-inner p,
body .daylux-topbar-inner span,
body .daylux-topbar-inner a {
  background-color: transparent !important;
  box-shadow: none !important;
}

body .daylux-topbar a {
  color: inherit !important;
  text-decoration: none !important;
}

body .daylux-topbar a:hover {
  color: var(--daylux-topbar-accent) !important;
}

body .daylux-inline-icon,
body .daylux-header-search-icon {
  width: 13px;
  height: 13px;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

body .daylux-topbar-phone-list {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  justify-self: start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--daylux-topbar-text) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  background: transparent !important;
}

body .daylux-topbar-phone-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--daylux-topbar-text) !important;
  background: transparent !important;
  transition: color 180ms ease, opacity 180ms ease !important;
}

body .daylux-topbar-phone-link svg,
body .daylux-topbar-phone-link span {
  transition: color 180ms ease, stroke 180ms ease !important;
}

body .daylux-topbar-divider {
  color: rgba(216, 204, 183, 0.55) !important;
}

body .daylux-topbar-promo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  gap: 7px !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--daylux-topbar-accent) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: color 180ms ease, opacity 180ms ease !important;
}

body .daylux-topbar-sparkle,
body .daylux-responsive-sparkle {
  width: 13px !important;
  height: 13px !important;
  display: inline-block !important;
  flex: 0 0 13px !important;
  margin: 0 !important;
  background-color: var(--daylux-topbar-accent) !important;
  transition: background-color 180ms ease, opacity 180ms ease !important;
  -webkit-mask-image: url("https://sample.daylux.fi/wp-content/uploads/2026/05/sparkle.svg");
  mask-image: url("https://sample.daylux.fi/wp-content/uploads/2026/05/sparkle.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

body .daylux-topbar-language-row {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  border-left: 1px solid rgba(216, 204, 183, 0.35) !important;
  color: var(--daylux-topbar-text) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  background: transparent !important;
}


/* Header topbar color stabilizers: prevents global palette overrides from recoloring phone, promo and language text. */
body .daylux-topbar .daylux-topbar-phone-list,
body .daylux-topbar .daylux-topbar-phone-list *,
body .daylux-topbar .daylux-topbar-phone-link,
body .daylux-topbar .daylux-topbar-phone-link *,
body .daylux-topbar .daylux-topbar-language-row,
body .daylux-topbar .daylux-topbar-language-row *,
body .daylux-responsive-topbar .daylux-responsive-topbar__location,
body .daylux-responsive-topbar .daylux-responsive-topbar__location *,
body .daylux-responsive-topbar .daylux-responsive-topbar__phone,
body .daylux-responsive-topbar .daylux-responsive-topbar__phone * {
  color: var(--daylux-topbar-text) !important;
  border-color: currentColor;
  stroke: currentColor !important;
}

body .daylux-topbar .daylux-topbar-promo-link,
body .daylux-topbar .daylux-topbar-promo-link *,
body .daylux-topbar .daylux-topbar-sparkle,
body .daylux-responsive-topbar .daylux-responsive-topbar__promo,
body .daylux-responsive-topbar .daylux-responsive-topbar__promo *,
body .daylux-responsive-topbar .daylux-responsive-sparkle {
  color: var(--daylux-topbar-accent) !important;
  border-color: currentColor;
  stroke: currentColor !important;
}

body .daylux-topbar .daylux-topbar-sparkle,
body .daylux-responsive-topbar .daylux-responsive-sparkle {
  background-color: var(--daylux-topbar-accent) !important;
}


/* Header topbar interaction states.
   These rules must stay after the topbar color stabilizers, otherwise the stabilizers force child spans/icons back to their base color and the hover state disappears. */
body .daylux-topbar .daylux-topbar-phone-link:hover,
body .daylux-topbar .daylux-topbar-phone-link:focus-visible,
body .daylux-topbar .daylux-topbar-phone-link:hover *,
body .daylux-topbar .daylux-topbar-phone-link:focus-visible * {
  color: var(--daylux-topbar-accent) !important;
  stroke: currentColor !important;
}

body .daylux-topbar .daylux-topbar-promo-link:hover,
body .daylux-topbar .daylux-topbar-promo-link:focus-visible,
body .daylux-topbar .daylux-topbar-promo-link:hover *,
body .daylux-topbar .daylux-topbar-promo-link:focus-visible * {
  color: var(--daylux-warm-white) !important;
  stroke: currentColor !important;
}

body .daylux-topbar .daylux-topbar-promo-link:hover .daylux-topbar-sparkle,
body .daylux-topbar .daylux-topbar-promo-link:focus-visible .daylux-topbar-sparkle,
body .daylux-responsive-topbar .daylux-responsive-topbar__promo:hover .daylux-responsive-sparkle,
body .daylux-responsive-topbar .daylux-responsive-topbar__promo:focus-visible .daylux-responsive-sparkle {
  background-color: var(--daylux-warm-white) !important;
}

body .daylux-topbar .daylux-topbar-phone-link:focus-visible,
body .daylux-topbar .daylux-topbar-promo-link:focus-visible,
body .daylux-responsive-topbar .daylux-responsive-topbar__promo:focus-visible,
body .daylux-responsive-topbar .daylux-responsive-topbar__phone:focus-visible {
  outline: 1px solid rgba(216, 196, 161, 0.65) !important;
  outline-offset: 3px !important;
  border-radius: 999px !important;
}

body .daylux-responsive-topbar .daylux-responsive-topbar__promo:hover,
body .daylux-responsive-topbar .daylux-responsive-topbar__promo:focus-visible,
body .daylux-responsive-topbar .daylux-responsive-topbar__promo:hover *,
body .daylux-responsive-topbar .daylux-responsive-topbar__promo:focus-visible * {
  color: var(--daylux-warm-white) !important;
  stroke: currentColor !important;
}

body .daylux-responsive-topbar .daylux-responsive-topbar__phone:hover,
body .daylux-responsive-topbar .daylux-responsive-topbar__phone:focus-visible,
body .daylux-responsive-topbar .daylux-responsive-topbar__phone:hover *,
body .daylux-responsive-topbar .daylux-responsive-topbar__phone:focus-visible * {
  color: var(--daylux-topbar-accent) !important;
  stroke: currentColor !important;
}

/* Desktop main header — the only sticky desktop header. */
body .daylux-header-main {
  padding: 0 !important;
  background: var(--daylux-ivory) !important;
  color: var(--daylux-charcoal) !important;
  z-index: var(--daylux-header-z) !important;
}

@media (min-width: 1181px) {
  body .daylux-header-main {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: var(--daylux-admin-bar-offset) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: var(--daylux-header-z) !important;
    background: var(--daylux-ivory) !important;
    box-shadow: 0 1px 0 var(--daylux-line) !important;
    isolation: isolate !important;
    will-change: transform;
  }
}

body .daylux-header-main-inner {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 18px 32px !important;
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 32px !important;
  background: var(--daylux-ivory) !important;
  color: var(--daylux-charcoal) !important;
}

body .daylux-header-main-inner > .wp-block-column {
  width: auto !important;
  flex-basis: auto !important;
  min-width: 0 !important;
}

body .daylux-header-logo {
  justify-self: start !important;
  display: flex !important;
  align-items: center !important;
}

body .daylux-header-logo .wp-block-group,
body .daylux-header-logo .wp-block-site-logo,
body .daylux-header-logo .custom-logo-link,
body .daylux-header-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

body .daylux-header-logo .wp-block-site-logo img,
body .daylux-header-logo-img {
  display: block !important;
  width: 135px !important;
  max-width: 135px !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: brightness(0) saturate(100%) !important;
  mix-blend-mode: normal !important;
}

body .daylux-header-nav {
  justify-self: center !important;
}

body .daylux-header-nav > .wp-block-group {
  display: flex !important;
  justify-content: center !important;
  background: transparent !important;
}

body .daylux-header-nav .wp-block-navigation {
  gap: 30px !important;
  background: transparent !important;
}

body .daylux-header-nav .wp-block-navigation a {
  color: var(--daylux-charcoal) !important;
  text-decoration: none !important;
}

body .daylux-header-nav .wp-block-navigation a:hover,
body .daylux-header-nav .wp-block-navigation-item.current-menu-item > a,
body .daylux-header-nav .wp-block-navigation-item__content[aria-current="page"] {
  color: var(--daylux-gold-deep) !important;
}

body .daylux-header-nav .wp-block-navigation-item.current-menu-item > a,
body .daylux-header-nav .wp-block-navigation-item__content[aria-current="page"] {
  position: relative;
}

body .daylux-header-nav .wp-block-navigation-item.current-menu-item > a::after,
body .daylux-header-nav .wp-block-navigation-item__content[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 1px;
  background: var(--daylux-gold-deep);
}

body .daylux-header-actions {
  justify-self: end !important;
}

body .daylux-header-actions-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 20px !important;
  margin: 0 !important;
  background: transparent !important;
}

body .daylux-header-search {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  color: var(--daylux-charcoal) !important;
  text-decoration: none !important;
}

body .daylux-header-search:hover {
  color: var(--daylux-gold-deep) !important;
}

body .daylux-header-actions .wc-block-mini-cart__button {
  padding: 0 !important;
  color: var(--daylux-charcoal) !important;
  background: transparent !important;
  border: 0 !important;
}

body .daylux-header-actions .wc-block-mini-cart__icon {
  color: var(--daylux-charcoal) !important;
  fill: currentColor !important;
}

body .daylux-header-actions .wc-block-mini-cart__button:hover,
body .daylux-header-actions .wc-block-mini-cart__button:hover .wc-block-mini-cart__icon {
  color: var(--daylux-gold-deep) !important;
}

body .daylux-header-actions .wc-block-mini-cart__badge {
  background: var(--daylux-gold) !important;
  color: var(--daylux-ink) !important;
  min-width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 16px !important;
  font-weight: 600 !important;
}

body .daylux-header-cta .wp-block-button__link {
  background: var(--daylux-ink) !important;
  color: var(--daylux-warm-white) !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  min-width: 132px !important;
  border: 1px solid var(--daylux-ink) !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body .daylux-header-cta .wp-block-button__link:hover {
  background: var(--daylux-gold-deep) !important;
  border-color: var(--daylux-gold-deep) !important;
  color: var(--daylux-pure-white) !important;
}

/* Tablet + mobile dedicated header. */
@media (max-width: 1180px) {
  body .daylux-responsive-topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    background: var(--daylux-topbar-bg) !important;
    color: var(--daylux-topbar-text) !important;
    padding: 0 !important;
    z-index: 9990 !important;
    box-shadow: none !important;
  }

  body .daylux-responsive-topbar * {
    opacity: 1 !important;
  }

  body .daylux-responsive-topbar__inner {
    min-height: 54px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto 32px !important;
    align-items: center !important;
    gap: 18px !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 42px !important;
    background: transparent !important;
  }

  body .daylux-responsive-topbar a {
    text-decoration: none !important;
  }

  body .daylux-responsive-topbar__promo {
    display: inline-flex !important;
    align-items: center !important;
    justify-self: start !important;
    gap: 8px !important;
    color: var(--daylux-topbar-accent) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    transition: color 180ms ease, opacity 180ms ease !important;
  }

  body .daylux-responsive-topbar__location {
    display: inline-flex !important;
    align-items: center !important;
    justify-self: center !important;
    gap: 8px !important;
    color: var(--daylux-topbar-text) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body .daylux-responsive-topbar__phone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    width: 28px !important;
    height: 28px !important;
    color: var(--daylux-topbar-text) !important;
    transition: color 180ms ease, opacity 180ms ease !important;
  }

  body .daylux-responsive-icon,
  body .daylux-responsive-search__icon,
  body .daylux-responsive-cart__icon {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body .daylux-responsive-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    background: var(--daylux-ivory) !important;
    border-bottom: 1px solid var(--daylux-line) !important;
    padding: 0 !important;
    z-index: 9991 !important;
  }

  body .daylux-responsive-header__inner {
    max-width: 1440px !important;
    min-height: 112px !important;
    margin: 0 auto !important;
    padding: 0 42px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    background: var(--daylux-ivory) !important;
    color: var(--daylux-charcoal) !important;
  }

  body .daylux-responsive-header__menu,
  body .daylux-responsive-header__logo,
  body .daylux-responsive-header__actions {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body .daylux-responsive-header__menu {
    justify-self: start !important;
  }

  body .daylux-responsive-header__logo {
    justify-self: center !important;
  }

  body .daylux-responsive-header__logo .wp-block-site-logo,
  body .daylux-responsive-header__logo .custom-logo-link,
  body .daylux-responsive-header-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
  }

  body .daylux-responsive-header__logo .wp-block-site-logo img,
  body .daylux-responsive-header-logo-img {
    width: 136px !important;
    max-width: 136px !important;
    height: auto !important;
    display: block !important;
    filter: brightness(0) saturate(100%) !important;
    mix-blend-mode: normal !important;
  }

  body .daylux-responsive-header__actions {
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
  }

  body .daylux-responsive-search,
  body .daylux-responsive-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    color: var(--daylux-charcoal) !important;
    text-decoration: none !important;
    background: transparent !important;
  }

  body .daylux-responsive-search:hover,
  body .daylux-responsive-cart:hover {
    color: var(--daylux-gold-deep) !important;
  }

  body .daylux-responsive-cta .wp-block-button__link {
    background: var(--daylux-ink) !important;
    color: var(--daylux-warm-white) !important;
    border-radius: 999px !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    border: 1px solid var(--daylux-ink) !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }

  body .daylux-responsive-cta .wp-block-button__link:hover {
    background: var(--daylux-gold-deep) !important;
    border-color: var(--daylux-gold-deep) !important;
    color: var(--daylux-pure-white) !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container-open {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    color: var(--daylux-charcoal) !important;
    background: transparent !important;
    border: 0 !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container-open svg {
    width: 28px !important;
    height: 28px !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open {
    background: var(--daylux-ivory) !important;
    color: var(--daylux-charcoal) !important;
    padding: 34px 28px !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container-close {
    top: 22px !important;
    right: 22px !important;
    color: var(--daylux-charcoal) !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container-close svg {
    width: 26px !important;
    height: 26px !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
    width: 100% !important;
    margin-top: 48px !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open a {
    color: var(--daylux-charcoal) !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open a:hover,
  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[aria-current="page"] {
    color: var(--daylux-gold-deep) !important;
  }
}

@media (max-width: 767px) {
  body .daylux-responsive-topbar__inner {
    min-height: 48px !important;
    grid-template-columns: minmax(0, 1fr) auto 26px !important;
    gap: 8px !important;
    padding: 0 18px !important;
  }

  body .daylux-responsive-topbar__promo,
  body .daylux-responsive-topbar__location {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  body .daylux-responsive-sparkle {
    width: 11px !important;
    height: 11px !important;
    flex-basis: 11px !important;
  }

  body .daylux-responsive-icon {
    width: 14px !important;
    height: 14px !important;
  }

  body .daylux-responsive-topbar__phone {
    width: 24px !important;
    height: 24px !important;
  }

  body .daylux-responsive-header__inner {
    min-height: 94px !important;
    padding: 0 26px !important;
    grid-template-columns: 1fr auto 1fr !important;
  }

  body .daylux-responsive-header__logo .wp-block-site-logo img,
  body .daylux-responsive-header-logo-img {
    width: 102px !important;
    max-width: 102px !important;
  }

  body .daylux-responsive-header__actions {
    gap: 18px !important;
  }

  body .daylux-responsive-cta-wrap {
    display: none !important;
  }

  body .daylux-responsive-search,
  body .daylux-responsive-cart {
    width: 26px !important;
    height: 26px !important;
  }

  body .daylux-responsive-search__icon,
  body .daylux-responsive-cart__icon {
    width: 23px !important;
    height: 23px !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container-open {
    width: 30px !important;
    height: 30px !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container-open svg {
    width: 28px !important;
    height: 28px !important;
  }
}

@media (max-width: 390px) {
  body .daylux-responsive-topbar__inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 7px !important;
  }

  body .daylux-responsive-topbar__promo,
  body .daylux-responsive-topbar__location {
    font-size: 11px !important;
  }

  body .daylux-responsive-header__inner {
    min-height: 90px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  body .daylux-responsive-header__logo .wp-block-site-logo img,
  body .daylux-responsive-header-logo-img {
    width: 96px !important;
    max-width: 96px !important;
  }

  body .daylux-responsive-header__actions {
    gap: 14px !important;
  }

  body .daylux-responsive-search__icon,
  body .daylux-responsive-cart__icon {
    width: 22px !important;
    height: 22px !important;
  }
}

body .daylux-topbar,
body .daylux-responsive-topbar {
  position: relative !important;
  top: auto !important;
  transform: none !important;
}

@media (min-width: 1181px) {
  body .daylux-header-main {
    z-index: var(--daylux-header-z) !important;
  }
}

/* =========================================================
   04. WOOCOMMERCE NOTICES
========================================================= */

.woocommerce-notices-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 0 32px;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 24px;
  padding: 18px 22px 18px 56px;
  border-radius: 0;
  border: 1px solid var(--daylux-border) !important;
  background: var(--daylux-warm-white) !important;
  color: var(--daylux-text) !important;
  font-size: 15px;
  line-height: 1.55;
  box-shadow: none !important;
}

.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
  top: 18px;
  left: 22px;
  color: var(--daylux-gold-deep) !important;
}

.woocommerce-info {
  border-color: var(--daylux-gold-deep) !important;
  background: var(--daylux-ivory) !important;
}

.woocommerce-message {
  border-color: var(--daylux-success) !important;
  background: var(--daylux-success-soft) !important;
}

.woocommerce-message::before {
  color: var(--daylux-success) !important;
}

.woocommerce-error {
  border-color: var(--daylux-error) !important;
  background: var(--daylux-error-soft) !important;
  color: var(--daylux-text) !important;
}

.woocommerce-error::before {
  color: var(--daylux-error) !important;
}

.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a {
  color: var(--daylux-charcoal) !important;
  text-decoration: underline;
  text-decoration-color: rgba(155, 127, 80, 0.55);
  text-underline-offset: 3px;
}

.woocommerce-info a:hover,
.woocommerce-message a:hover,
.woocommerce-error a:hover {
  color: var(--daylux-gold-deep) !important;
  text-decoration-color: var(--daylux-gold-deep);
}

.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info a.button,
.woocommerce-message a.button,
.woocommerce-error a.button {
  float: right;
  margin: -4px 0 0 18px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid var(--daylux-ink) !important;
  background: var(--daylux-ink) !important;
  color: var(--daylux-pure-white) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: none !important;
}

.woocommerce-info .button:hover,
.woocommerce-message .button:hover,
.woocommerce-error .button:hover,
.woocommerce-info a.button:hover,
.woocommerce-message a.button:hover,
.woocommerce-error a.button:hover {
  border-color: var(--daylux-gold-deep) !important;
  background: var(--daylux-gold-deep) !important;
  color: var(--daylux-pure-white) !important;
}

.wc-block-components-notice-banner,
.wp-block-woocommerce-cart .wc-block-components-notice-banner,
.wp-block-woocommerce-checkout .wc-block-components-notice-banner,
.wc-block-cart .wc-block-components-notice-banner,
.wc-block-checkout .wc-block-components-notice-banner {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  margin: 0 0 24px;
  padding: 18px 22px;
  border-radius: 0 !important;
  border: 1px solid var(--daylux-border) !important;
  background: var(--daylux-warm-white) !important;
  color: var(--daylux-text) !important;
  font-size: 15px;
  line-height: 1.55;
  box-shadow: none !important;
}

.wc-block-components-notice-banner.is-info,
.wp-block-woocommerce-cart .wc-block-components-notice-banner.is-info,
.wp-block-woocommerce-checkout .wc-block-components-notice-banner.is-info,
.wc-block-cart .wc-block-components-notice-banner.is-info,
.wc-block-checkout .wc-block-components-notice-banner.is-info {
  border-color: var(--daylux-gold-deep) !important;
  background: var(--daylux-ivory) !important;
  color: var(--daylux-text) !important;
}

.wc-block-components-notice-banner.is-success,
.wp-block-woocommerce-cart .wc-block-components-notice-banner.is-success,
.wp-block-woocommerce-checkout .wc-block-components-notice-banner.is-success,
.wc-block-cart .wc-block-components-notice-banner.is-success,
.wc-block-checkout .wc-block-components-notice-banner.is-success {
  border-color: var(--daylux-success) !important;
  background: var(--daylux-success-soft) !important;
  color: var(--daylux-text) !important;
}

.wc-block-components-notice-banner.is-error,
.wp-block-woocommerce-cart .wc-block-components-notice-banner.is-error,
.wp-block-woocommerce-checkout .wc-block-components-notice-banner.is-error,
.wc-block-cart .wc-block-components-notice-banner.is-error,
.wc-block-checkout .wc-block-components-notice-banner.is-error {
  border-color: var(--daylux-error) !important;
  background: var(--daylux-error-soft) !important;
  color: var(--daylux-text) !important;
}

.wc-block-components-notice-banner > svg,
.wc-block-components-notice-banner .wc-block-components-notice-banner__icon,
.wp-block-woocommerce-cart .wc-block-components-notice-banner > svg,
.wp-block-woocommerce-checkout .wc-block-components-notice-banner > svg,
.wc-block-cart .wc-block-components-notice-banner > svg,
.wc-block-checkout .wc-block-components-notice-banner > svg {
  flex: 0 0 auto;
  width: 24px !important;
  height: 24px !important;
  margin-top: 1px;
  border-radius: 999px !important;
  background-color: var(--daylux-gold-deep) !important;
  color: var(--daylux-pure-white) !important;
  fill: var(--daylux-pure-white) !important;
  box-shadow: none !important;
}

.wc-block-components-notice-banner > svg *,
.wc-block-components-notice-banner .wc-block-components-notice-banner__icon *,
.wp-block-woocommerce-cart .wc-block-components-notice-banner > svg *,
.wp-block-woocommerce-checkout .wc-block-components-notice-banner > svg *,
.wc-block-cart .wc-block-components-notice-banner > svg *,
.wc-block-checkout .wc-block-components-notice-banner > svg * {
  color: var(--daylux-pure-white) !important;
  fill: var(--daylux-pure-white) !important;
  stroke: var(--daylux-pure-white) !important;
}

.wc-block-components-notice-banner.is-info > svg,
.wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__icon,
.wp-block-woocommerce-cart .wc-block-components-notice-banner.is-info > svg,
.wp-block-woocommerce-checkout .wc-block-components-notice-banner.is-info > svg,
.wc-block-cart .wc-block-components-notice-banner.is-info > svg,
.wc-block-checkout .wc-block-components-notice-banner.is-info > svg {
  background-color: var(--daylux-gold-deep) !important;
  color: var(--daylux-pure-white) !important;
  fill: var(--daylux-pure-white) !important;
}

.wc-block-components-notice-banner.is-success > svg,
.wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__icon,
.wp-block-woocommerce-cart .wc-block-components-notice-banner.is-success > svg,
.wp-block-woocommerce-checkout .wc-block-components-notice-banner.is-success > svg,
.wc-block-cart .wc-block-components-notice-banner.is-success > svg,
.wc-block-checkout .wc-block-components-notice-banner.is-success > svg {
  background-color: var(--daylux-success) !important;
  color: var(--daylux-pure-white) !important;
  fill: var(--daylux-pure-white) !important;
}

.wc-block-components-notice-banner.is-error > svg,
.wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__icon,
.wp-block-woocommerce-cart .wc-block-components-notice-banner.is-error > svg,
.wp-block-woocommerce-checkout .wc-block-components-notice-banner.is-error > svg,
.wc-block-cart .wc-block-components-notice-banner.is-error > svg,
.wc-block-checkout .wc-block-components-notice-banner.is-error > svg {
  background-color: var(--daylux-error) !important;
  color: var(--daylux-pure-white) !important;
  fill: var(--daylux-pure-white) !important;
}

.wc-block-components-notice-banner.is-info > svg[xmlns],
.wc-block-components-notice-banner.is-info > svg[role="img"],
.wc-block-components-notice-banner.is-info > svg[aria-hidden="true"] {
  background: var(--daylux-gold-deep) !important;
  background-color: var(--daylux-gold-deep) !important;
}

.wc-block-components-notice-banner.is-info > svg[xmlns] path,
.wc-block-components-notice-banner.is-info > svg[xmlns] circle,
.wc-block-components-notice-banner.is-info > svg[xmlns] rect,
.wc-block-components-notice-banner.is-info > svg[role="img"] path,
.wc-block-components-notice-banner.is-info > svg[role="img"] circle,
.wc-block-components-notice-banner.is-info > svg[role="img"] rect {
  fill: var(--daylux-pure-white) !important;
  stroke: var(--daylux-pure-white) !important;
}

.wc-block-components-notice-banner__content {
  width: 100%;
  color: var(--daylux-text) !important;
}

.wc-block-components-notice-banner__content div,
.wc-block-components-notice-banner__content p,
.wc-block-components-notice-banner__content span {
  color: var(--daylux-text) !important;
}

.wc-block-components-notice-banner a {
  color: var(--daylux-charcoal) !important;
  text-decoration: underline;
  text-decoration-color: rgba(155, 127, 80, 0.55);
  text-underline-offset: 3px;
}

.wc-block-components-notice-banner a:hover {
  color: var(--daylux-gold-deep) !important;
  text-decoration-color: var(--daylux-gold-deep);
}

.wc-block-components-notice-banner .wc-block-components-button,
.wc-block-components-notice-banner .button,
.wc-block-components-notice-banner a.button {
  border-radius: 999px !important;
  border: 1px solid var(--daylux-ink) !important;
  background: var(--daylux-ink) !important;
  color: var(--daylux-pure-white) !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  box-shadow: none !important;
}

.wc-block-components-notice-banner .wc-block-components-button:hover,
.wc-block-components-notice-banner .button:hover,
.wc-block-components-notice-banner a.button:hover {
  border-color: var(--daylux-gold-deep) !important;
  background: var(--daylux-gold-deep) !important;
  color: var(--daylux-pure-white) !important;
}

.wc-block-components-notice-banner button,
.woocommerce-info button,
.woocommerce-message button,
.woocommerce-error button {
  color: var(--daylux-charcoal) !important;
}

.wc-block-components-notice-banner button:hover,
.woocommerce-info button:hover,
.woocommerce-message button:hover,
.woocommerce-error button:hover {
  color: var(--daylux-gold-deep) !important;
}

.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-checkout .woocommerce-notices-wrapper,
.woocommerce-account .woocommerce-notices-wrapper {
  margin-top: 0;
  margin-bottom: 32px;
}

.woocommerce-cart .wc-block-components-notice-banner,
.woocommerce-checkout .wc-block-components-notice-banner,
.woocommerce-account .wc-block-components-notice-banner {
  max-width: 100%;
}

.single-product .wc-block-components-notice-banner.is-info,
.post-type-archive-product .wc-block-components-notice-banner.is-info,
.tax-product_cat .wc-block-components-notice-banner.is-info,
.tax-product_tag .wc-block-components-notice-banner.is-info,
.woocommerce-page .wc-block-components-notice-banner.is-info {
  border-color: var(--daylux-gold-deep) !important;
  background: var(--daylux-ivory) !important;
  color: var(--daylux-text) !important;
}

.single-product .wc-block-components-notice-banner.is-info > svg,
.post-type-archive-product .wc-block-components-notice-banner.is-info > svg,
.tax-product_cat .wc-block-components-notice-banner.is-info > svg,
.tax-product_tag .wc-block-components-notice-banner.is-info > svg,
.woocommerce-page .wc-block-components-notice-banner.is-info > svg {
  background: var(--daylux-gold-deep) !important;
  background-color: var(--daylux-gold-deep) !important;
  color: var(--daylux-pure-white) !important;
  fill: var(--daylux-pure-white) !important;
}

.single-product .wc-block-components-notice-banner.is-info > svg *,
.post-type-archive-product .wc-block-components-notice-banner.is-info > svg *,
.tax-product_cat .wc-block-components-notice-banner.is-info > svg *,
.tax-product_tag .wc-block-components-notice-banner.is-info > svg *,
.woocommerce-page .wc-block-components-notice-banner.is-info > svg * {
  color: var(--daylux-pure-white) !important;
  fill: var(--daylux-pure-white) !important;
  stroke: var(--daylux-pure-white) !important;
}

@media (max-width: 768px) {
  .woocommerce-info,
  .woocommerce-message,
  .woocommerce-error,
  .wc-block-components-notice-banner {
    margin-bottom: 18px;
    padding: 16px 18px;
    font-size: 14px;
    line-height: 1.5;
  }

  .woocommerce-info,
  .woocommerce-message,
  .woocommerce-error {
    padding-left: 50px;
  }

  .woocommerce-info::before,
  .woocommerce-message::before,
  .woocommerce-error::before {
    top: 16px;
    left: 18px;
  }

  .woocommerce-info .button,
  .woocommerce-message .button,
  .woocommerce-error .button,
  .woocommerce-info a.button,
  .woocommerce-message a.button,
  .woocommerce-error a.button {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0 0;
    width: auto;
  }

  .wc-block-components-notice-banner {
    gap: 12px;
  }

  .wc-block-components-notice-banner > svg,
  .wc-block-components-notice-banner .wc-block-components-notice-banner__icon {
    width: 22px !important;
    height: 22px !important;
  }
}

/* =========================================================
   05. FOOTER — DAYLUX SOURCE DESIGN
   Desktop: 5 columns. Tablet: 4 columns. Mobile: brand, clinics, 2 link columns.
========================================================= */

body .daylux-footer,
.editor-styles-wrapper .daylux-footer {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--daylux-ink) !important;
  color: rgba(251, 248, 243, 0.72) !important;
  font-family: var(--daylux-font-body);
  overflow-x: clip;
}

body .wp-site-blocks > .wp-block-template-part:has(.daylux-footer),
body .wp-site-blocks > footer:has(.daylux-footer),
.editor-styles-wrapper .wp-block-template-part:has(.daylux-footer) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  contain: none !important;
}

body .daylux-footer *,
body .daylux-footer *::before,
body .daylux-footer *::after,
.editor-styles-wrapper .daylux-footer *,
.editor-styles-wrapper .daylux-footer *::before,
.editor-styles-wrapper .daylux-footer *::after {
  box-sizing: border-box;
}

body .daylux-footer__inner,
.editor-styles-wrapper .daylux-footer__inner {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 72px 64px 40px !important;
}

body .daylux-footer__grid,
.editor-styles-wrapper .daylux-footer__grid {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.7fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(210px, 1.25fr);
  gap: 48px;
  align-items: start;
  width: 100%;
  margin: 0 !important;
}

body .daylux-footer__brand,
body .daylux-footer__column,
body .daylux-footer__clinics,
.editor-styles-wrapper .daylux-footer__brand,
.editor-styles-wrapper .daylux-footer__column,
.editor-styles-wrapper .daylux-footer__clinics {
  margin: 0 !important;
  padding: 0 !important;
}

body .daylux-footer__logo,
.editor-styles-wrapper .daylux-footer__logo {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1;
}

body .daylux-footer__logo img,
.editor-styles-wrapper .daylux-footer__logo img {
  display: block !important;
  width: 132px !important;
  max-width: 132px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .daylux-footer__logo--white img,
.editor-styles-wrapper .daylux-footer__logo--white img {
  filter: none !important;
  mix-blend-mode: normal !important;
}

body .daylux-header-logo img,
body .daylux-responsive-header__logo img,
.editor-styles-wrapper .daylux-header-logo img,
.editor-styles-wrapper .daylux-responsive-header__logo img {
  filter: brightness(0) saturate(100%) !important;
  mix-blend-mode: normal !important;
}

body .daylux-footer__logo img,
.editor-styles-wrapper .daylux-footer__logo img {
  filter: none !important;
  mix-blend-mode: normal !important;
}

body .daylux-footer__description,
.editor-styles-wrapper .daylux-footer__description {
  max-width: 292px;
  margin: 22px 0 0 !important;
  padding: 0 !important;
  color: rgba(251, 248, 243, 0.72) !important;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 1.7 !important;
}

body .daylux-footer__social,
.editor-styles-wrapper .daylux-footer__social {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body .daylux-footer__social .wp-social-link,
.editor-styles-wrapper .daylux-footer__social .wp-social-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--daylux-gold-soft) !important;
  overflow: hidden !important;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

body .daylux-footer__social .wp-social-link:hover,
.editor-styles-wrapper .daylux-footer__social .wp-social-link:hover {
  background: rgba(217, 196, 161, 0.14) !important;
  color: var(--daylux-warm-white) !important;
  transform: translateY(-1px);
}

body .daylux-footer__social .wp-social-link a,
.editor-styles-wrapper .daylux-footer__social .wp-social-link a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  color: currentColor !important;
  fill: currentColor !important;
}

body .daylux-footer__social .wp-social-link svg,
.editor-styles-wrapper .daylux-footer__social .wp-social-link svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  fill: currentColor !important;
}

body .daylux-footer__heading,
.editor-styles-wrapper .daylux-footer__heading {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--daylux-gold-soft) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body .daylux-footer__links,
.editor-styles-wrapper .daylux-footer__links {
  display: block !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 13px !important;
  line-height: 2.2 !important;
}

body .daylux-footer__links li,
.editor-styles-wrapper .daylux-footer__links li {
  margin: 0 !important;
  padding: 0 !important;
}

body .daylux-footer a,
.editor-styles-wrapper .daylux-footer a {
  color: rgba(251, 248, 243, 0.72) !important;
  text-decoration: none !important;
  text-decoration-color: transparent !important;
  transition: color 160ms ease, text-decoration-color 160ms ease;
}

body .daylux-footer a:hover,
body .daylux-footer a:focus-visible,
.editor-styles-wrapper .daylux-footer a:hover,
.editor-styles-wrapper .daylux-footer a:focus-visible {
  color: var(--daylux-gold-soft) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  outline: none;
}

body .daylux-footer__tablet-only,
.editor-styles-wrapper .daylux-footer__tablet-only {
  display: none !important;
}

body .daylux-footer__clinics,
.editor-styles-wrapper .daylux-footer__clinics {
  margin-top: 18px !important;
  color: rgba(251, 248, 243, 0.72) !important;
  font-size: 12.5px !important;
  line-height: 1.7 !important;
}

body .daylux-footer__clinics p,
.editor-styles-wrapper .daylux-footer__clinics p {
  margin: 0 !important;
  padding: 0 !important;
}

body .daylux-footer__clinic-name,
.editor-styles-wrapper .daylux-footer__clinic-name {
  color: var(--daylux-warm-white) !important;
  font-weight: 500 !important;
}

body .daylux-footer__clinic-name--second,
.editor-styles-wrapper .daylux-footer__clinic-name--second {
  margin-top: 24px !important;
}

body .daylux-footer__clinic-line,
.editor-styles-wrapper .daylux-footer__clinic-line {
  color: rgba(251, 248, 243, 0.72) !important;
}

body .daylux-footer__bottom,
.editor-styles-wrapper .daylux-footer__bottom {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  margin: 56px 0 0 !important;
  padding: 26px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body .daylux-footer__legal,
body .daylux-footer__payments,
.editor-styles-wrapper .daylux-footer__legal,
.editor-styles-wrapper .daylux-footer__payments {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

body .daylux-footer__copyright,
.editor-styles-wrapper .daylux-footer__copyright {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

body .daylux-footer__payments,
.editor-styles-wrapper .daylux-footer__payments {
  margin-left: auto !important;
}

body .daylux-footer__payments span,
.editor-styles-wrapper .daylux-footer__payments span {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 600;
  letter-spacing: 0.04em;
}

body .daylux-footer__language,
.editor-styles-wrapper .daylux-footer__language {
  display: none;
}

body .daylux-mobile-sticky-cta,
.editor-styles-wrapper .daylux-mobile-sticky-cta {
  display: none !important;
}

@media (max-width: 1180px) {
  body .daylux-footer__inner,
  .editor-styles-wrapper .daylux-footer__inner {
    padding: 52px 32px 32px !important;
  }

  body .daylux-footer__grid,
  .editor-styles-wrapper .daylux-footer__grid {
    grid-template-columns: minmax(190px, 1.6fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(190px, 1.2fr);
    gap: 32px;
  }

  body .daylux-footer__logo img,
  .editor-styles-wrapper .daylux-footer__logo img {
    width: 118px !important;
    max-width: 118px !important;
  }

  body .daylux-footer__description,
  .editor-styles-wrapper .daylux-footer__description {
    max-width: 240px;
    margin-top: 18px !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }

  body .daylux-footer__social,
  .editor-styles-wrapper .daylux-footer__social {
    margin-top: 22px !important;
  }

  body .daylux-footer__social .wp-social-link,
  .editor-styles-wrapper .daylux-footer__social .wp-social-link {
    width: 32px !important;
    height: 32px !important;
  }

  body .daylux-footer__heading,
  .editor-styles-wrapper .daylux-footer__heading {
    letter-spacing: 0.10em !important;
  }

  body .daylux-footer__links,
  .editor-styles-wrapper .daylux-footer__links {
    margin-top: 14px !important;
    font-size: 12.5px !important;
    line-height: 2.1 !important;
  }

  body .daylux-footer__clinics,
  .editor-styles-wrapper .daylux-footer__clinics {
    margin-top: 14px !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }

  body .daylux-footer__clinic-name--second,
  .editor-styles-wrapper .daylux-footer__clinic-name--second {
    margin-top: 20px !important;
  }

  body .daylux-footer__col--shop,
  .editor-styles-wrapper .daylux-footer__col--shop {
    display: none !important;
  }

  body .daylux-footer__tablet-only,
  .editor-styles-wrapper .daylux-footer__tablet-only {
    display: list-item !important;
  }

  body .daylux-footer__bottom,
  .editor-styles-wrapper .daylux-footer__bottom {
    margin-top: 36px !important;
    padding-top: 22px !important;
    gap: 12px;
    font-size: 11px !important;
  }

  body .daylux-footer__legal,
  body .daylux-footer__payments,
  .editor-styles-wrapper .daylux-footer__legal,
  .editor-styles-wrapper .daylux-footer__payments {
    gap: 14px;
  }

  body .daylux-footer__language,
  .editor-styles-wrapper .daylux-footer__language {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }

  body .daylux-footer__language::before,
  .editor-styles-wrapper .daylux-footer__language::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin-right: 2px;
    background: rgba(255, 255, 255, 0.15);
  }
}

@media (max-width: 767px) {
  body .daylux-footer,
  .editor-styles-wrapper .daylux-footer {
    overflow-x: hidden;
  }

  body .daylux-footer__inner,
  .editor-styles-wrapper .daylux-footer__inner {
    padding: 40px 20px 112px !important;
  }

  body .daylux-footer__grid,
  .editor-styles-wrapper .daylux-footer__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 24px;
  }

  body .daylux-footer__brand,
  .editor-styles-wrapper .daylux-footer__brand {
    grid-column: 1 / -1;
    order: 1;
  }

  body .daylux-footer__col--clinics,
  .editor-styles-wrapper .daylux-footer__col--clinics {
    grid-column: 1 / -1;
    order: 2;
    margin-top: 38px !important;
  }

  body .daylux-footer__col--services,
  .editor-styles-wrapper .daylux-footer__col--services {
    grid-column: 1;
    order: 3;
    margin-top: 40px !important;
  }

  body .daylux-footer__col--daylux,
  .editor-styles-wrapper .daylux-footer__col--daylux {
    grid-column: 2;
    order: 4;
    margin-top: 40px !important;
  }

  body .daylux-footer__col--shop,
  .editor-styles-wrapper .daylux-footer__col--shop {
    display: none !important;
  }

  body .daylux-footer__logo img,
  .editor-styles-wrapper .daylux-footer__logo img {
    width: 116px !important;
    max-width: 116px !important;
  }

  body .daylux-footer__description,
  .editor-styles-wrapper .daylux-footer__description {
    max-width: 342px;
    margin-top: 20px !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  body .daylux-footer__social,
  .editor-styles-wrapper .daylux-footer__social {
    margin-top: 22px !important;
    gap: 12px !important;
  }

  body .daylux-footer__social .wp-social-link,
  .editor-styles-wrapper .daylux-footer__social .wp-social-link {
    width: 42px !important;
    height: 42px !important;
  }

  body .daylux-footer__heading,
  .editor-styles-wrapper .daylux-footer__heading {
    font-size: 12px !important;
    letter-spacing: 0.18em !important;
    line-height: 1.25 !important;
  }

  body .daylux-footer__links,
  .editor-styles-wrapper .daylux-footer__links {
    margin-top: 22px !important;
    font-size: 15px !important;
    line-height: 1.95 !important;
  }

  body .daylux-footer__tablet-only,
  .editor-styles-wrapper .daylux-footer__tablet-only {
    display: list-item !important;
  }

  body .daylux-footer__clinics,
  .editor-styles-wrapper .daylux-footer__clinics {
    margin-top: 22px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  body .daylux-footer__clinic-name,
  .editor-styles-wrapper .daylux-footer__clinic-name {
    color: var(--daylux-gold-soft) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
  }

  body .daylux-footer__clinic-line,
  .editor-styles-wrapper .daylux-footer__clinic-line {
    margin-top: 5px !important;
    color: rgba(251, 248, 243, 0.82) !important;
  }

  body .daylux-footer__clinic-name--second,
  .editor-styles-wrapper .daylux-footer__clinic-name--second {
    margin-top: 20px !important;
  }

  body .daylux-footer__bottom,
  .editor-styles-wrapper .daylux-footer__bottom {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0 16px;
    margin-top: 40px !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 13px !important;
  }

  body .daylux-footer__legal,
  .editor-styles-wrapper .daylux-footer__legal {
    grid-column: 1 / -1;
    display: flex !important;
    flex-wrap: wrap;
    gap: 14px 24px;
    padding: 0 0 22px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  body .daylux-footer__copyright,
  .editor-styles-wrapper .daylux-footer__copyright {
    grid-column: 1;
    display: block !important;
    margin-top: 20px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: normal;
  }

  body .daylux-footer__payments,
  .editor-styles-wrapper .daylux-footer__payments {
    grid-column: 2;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin: 20px 0 0 !important;
    padding: 0 !important;
  }

  body .daylux-footer__payments span:not(.daylux-footer__language),
  .editor-styles-wrapper .daylux-footer__payments span:not(.daylux-footer__language) {
    display: none !important;
  }

  body .daylux-footer__language,
  .editor-styles-wrapper .daylux-footer__language {
    display: inline-flex !important;
    align-items: center;
    margin-left: auto;
    color: rgba(255, 255, 255, 0.58) !important;
    font-size: 13px !important;
    font-weight: 600;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }

  body .daylux-footer__language::before,
  .editor-styles-wrapper .daylux-footer__language::before {
    display: none;
  }

  body .daylux-mobile-sticky-cta {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    display: grid !important;
    grid-template-columns: 76px 1fr;
    gap: 12px;
    align-items: center;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: var(--daylux-warm-white);
    border-top: 1px solid rgba(42, 38, 34, 0.08);
    box-shadow: 0 -18px 44px rgba(27, 24, 21, 0.10);
  }

  body.admin-bar .daylux-mobile-sticky-cta {
    z-index: 99999;
  }

  .editor-styles-wrapper .daylux-mobile-sticky-cta {
    display: none !important;
  }

  body .daylux-mobile-sticky-cta__phone,
  body .daylux-mobile-sticky-cta__button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    border-radius: 24px;
    text-decoration: none !important;
    font-family: var(--daylux-font-body);
    line-height: 1 !important;
  }

  body .daylux-mobile-sticky-cta__phone {
    width: 76px;
    background: var(--daylux-warm-white);
    border: 1px solid rgba(42, 38, 34, 0.10);
    color: var(--daylux-ink) !important;
  }

  body .daylux-mobile-sticky-cta__phone svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
  }

  body .daylux-mobile-sticky-cta__button {
    width: 100%;
    padding: 0 22px;
    background: var(--daylux-gold) !important;
    color: var(--daylux-warm-white) !important;
    border: 1px solid var(--daylux-gold) !important;
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: 0.01em;
  }

  body .daylux-mobile-sticky-cta__button:hover,
  body .daylux-mobile-sticky-cta__button:focus-visible,
  body .daylux-mobile-sticky-cta__phone:hover,
  body .daylux-mobile-sticky-cta__phone:focus-visible {
    transform: none;
    text-decoration: none !important;
  }
}

/* =========================================================
   06. RESPONSIVE HELPERS
========================================================= */

@media (max-width: 767px) {
  body main {
    overflow-x: clip;
  }
}

/* Daylux Core 0.0.9: keep header logo dark and footer logo light independently. */
body .daylux-footer__logo--invert img,
.editor-styles-wrapper .daylux-footer__logo--invert img {
  filter: none !important;
  mix-blend-mode: normal !important;
}


/* Daylux Core 0.0.9: independent header/footer logo handling. */
body .daylux-header-logo-link,
body .daylux-responsive-header-logo-link,
.editor-styles-wrapper .daylux-header-logo-link,
.editor-styles-wrapper .daylux-responsive-header-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

body .daylux-header-logo-img,
body .daylux-responsive-header-logo-img,
body .daylux-header-logo .wp-block-site-logo img,
body .daylux-responsive-header__logo .wp-block-site-logo img,
.editor-styles-wrapper .daylux-header-logo-img,
.editor-styles-wrapper .daylux-responsive-header-logo-img,
.editor-styles-wrapper .daylux-header-logo .wp-block-site-logo img,
.editor-styles-wrapper .daylux-responsive-header__logo .wp-block-site-logo img {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: brightness(0) saturate(100%) !important;
  mix-blend-mode: normal !important;
}

body .daylux-header-logo-img,
body .daylux-header-logo .wp-block-site-logo img,
.editor-styles-wrapper .daylux-header-logo-img,
.editor-styles-wrapper .daylux-header-logo .wp-block-site-logo img {
  width: 135px !important;
  max-width: 135px !important;
}

body .daylux-responsive-header-logo-img,
body .daylux-responsive-header__logo .wp-block-site-logo img,
.editor-styles-wrapper .daylux-responsive-header-logo-img,
.editor-styles-wrapper .daylux-responsive-header__logo .wp-block-site-logo img {
  width: 136px !important;
  max-width: 136px !important;
}

@media (max-width: 767px) {
  body .daylux-responsive-header-logo-img,
  body .daylux-responsive-header__logo .wp-block-site-logo img,
  .editor-styles-wrapper .daylux-responsive-header-logo-img,
  .editor-styles-wrapper .daylux-responsive-header__logo .wp-block-site-logo img {
    width: 102px !important;
    max-width: 102px !important;
  }
}

@media (max-width: 390px) {
  body .daylux-responsive-header-logo-img,
  body .daylux-responsive-header__logo .wp-block-site-logo img,
  .editor-styles-wrapper .daylux-responsive-header-logo-img,
  .editor-styles-wrapper .daylux-responsive-header__logo .wp-block-site-logo img {
    width: 96px !important;
    max-width: 96px !important;
  }
}

body .daylux-footer__logo img,
body .daylux-footer__logo--white img,
body .daylux-footer__logo--invert img,
.editor-styles-wrapper .daylux-footer__logo img,
.editor-styles-wrapper .daylux-footer__logo--white img,
.editor-styles-wrapper .daylux-footer__logo--invert img {
  filter: none !important;
  mix-blend-mode: normal !important;
}


/* =========================================================
   07. FOOTER EDGE / PAGE END HARDENING
   Version 0.0.11

   Fixes the light strip below the footer without turning the
   whole page background dark. The dark background is scoped
   only to the footer and its template-part wrapper.
========================================================= */

html,
body {
  max-width: 100%;
  overflow-x: hidden !important;
}

@supports (overflow-x: clip) {
  html,
  body {
    overflow-x: clip !important;
  }
}

body {
  background-color: var(--daylux-ivory) !important;
}

body .wp-site-blocks {
  background-color: var(--daylux-ivory) !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body main,
body .wp-site-blocks > main,
body .wp-block-post-content {
  background-color: var(--daylux-ivory) !important;
}

body .wp-site-blocks > .wp-block-template-part:has(.daylux-footer),
body .wp-site-blocks > footer:has(.daylux-footer),
body .wp-site-blocks > .wp-block-template-part:last-child:has(.daylux-footer),
.editor-styles-wrapper .wp-block-template-part:has(.daylux-footer) {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  background: var(--daylux-ink) !important;
  background-color: var(--daylux-ink) !important;
}

body .daylux-footer,
.editor-styles-wrapper .daylux-footer {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: var(--daylux-ink) !important;
  background-color: var(--daylux-ink) !important;
}

body .daylux-footer__inner,
.editor-styles-wrapper .daylux-footer__inner {
  margin-bottom: 0 !important;
}

body .daylux-footer::after,
.editor-styles-wrapper .daylux-footer::after {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: -1px;
  background: var(--daylux-ink);
}


/* =========================================================
   08. FOOTER-ONLY REFINEMENTS
   Version 0.0.14

   Scope note: these rules intentionally target only .daylux-footer*
   and footer template-part wrappers. Header selectors are not touched.
========================================================= */

body .daylux-footer__social,
.editor-styles-wrapper .daylux-footer__social {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  list-style: none !important;
}

body .daylux-footer__social .wp-social-link,
.editor-styles-wrapper .daylux-footer__social .wp-social-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body .daylux-footer__social .wp-social-link a,
.editor-styles-wrapper .daylux-footer__social .wp-social-link a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

body .daylux-footer__social .wp-social-link svg,
.editor-styles-wrapper .daylux-footer__social .wp-social-link svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .daylux-footer__clinic-name--second,
.editor-styles-wrapper .daylux-footer__clinic-name--second {
  margin-top: 24px !important;
}

body .daylux-footer {
  margin-bottom: -1px !important;
  padding-bottom: 1px !important;
}

body .wp-site-blocks > .wp-block-template-part:has(.daylux-footer),
body .wp-site-blocks > footer:has(.daylux-footer),
body .wp-site-blocks > .wp-block-template-part:last-child:has(.daylux-footer) {
  margin-bottom: -1px !important;
  padding-bottom: 1px !important;
  background-color: var(--daylux-ink) !important;
}

body .wp-site-blocks > .wp-block-template-part:has(.daylux-footer)::after,
body .wp-site-blocks > footer:has(.daylux-footer)::after,
body .wp-site-blocks > .wp-block-template-part:last-child:has(.daylux-footer)::after {
  content: "";
  display: block;
  height: 24px;
  margin-bottom: -24px;
  background: var(--daylux-ink);
}

/* ================================
   Daylux Footer — desktop clinic spacing fix
   Version 0.0.14
   Scope: footer only. Header classes intentionally untouched.
================================ */

body .daylux-footer .daylux-footer__clinics .daylux-footer__clinic-name.daylux-footer__clinic-name--second,
.editor-styles-wrapper .daylux-footer .daylux-footer__clinics .daylux-footer__clinic-name.daylux-footer__clinic-name--second {
  display: block !important;
  margin-top: 0 !important;
  padding-top: 18px !important;
}

@media (min-width: 1025px) {
  body .daylux-footer .daylux-footer__clinics .daylux-footer__clinic-line:has(a[href^="tel:+358503402848"]),
  .editor-styles-wrapper .daylux-footer .daylux-footer__clinics .daylux-footer__clinic-line:has(a[href^="tel:+358503402848"]) {
    margin-bottom: 18px !important;
  }

  body .daylux-footer .daylux-footer__clinics .daylux-footer__clinic-name.daylux-footer__clinic-name--second,
  .editor-styles-wrapper .daylux-footer .daylux-footer__clinics .daylux-footer__clinic-name.daylux-footer__clinic-name--second {
    padding-top: 0 !important;
  }
}
/* ================================
   Daylux Header/Footer — mobile phone icon visibility fix
   Version 0.0.26
   Scope: phone icons only. Header/footer layout intentionally untouched.
================================ */

@media (max-width: 1180px) {
  body .daylux-responsive-topbar .daylux-responsive-topbar__phone {
    color: var(--daylux-topbar-accent) !important;
    border-color: transparent !important;
    background: transparent !important;
  }

  body .daylux-responsive-topbar .daylux-responsive-topbar__phone svg,
  body .daylux-responsive-topbar .daylux-responsive-topbar__phone svg path {
    color: var(--daylux-topbar-accent) !important;
    stroke: var(--daylux-topbar-accent) !important;
    fill: none !important;
  }
}

@media (max-width: 767px) {
  body .daylux-mobile-sticky-cta__phone {
    background: var(--daylux-warm-white) !important;
    border-color: rgba(184, 153, 104, 0.42) !important;
    color: var(--daylux-gold) !important;
  }

  body .daylux-mobile-sticky-cta__phone svg,
  body .daylux-mobile-sticky-cta__phone svg path {
    display: block !important;
    color: var(--daylux-gold) !important;
    stroke: var(--daylux-gold) !important;
    fill: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body .daylux-mobile-sticky-cta__phone:hover,
  body .daylux-mobile-sticky-cta__phone:focus-visible {
    background: var(--daylux-gold) !important;
    border-color: var(--daylux-gold) !important;
    color: var(--daylux-warm-white) !important;
  }

  body .daylux-mobile-sticky-cta__phone:hover svg,
  body .daylux-mobile-sticky-cta__phone:focus-visible svg,
  body .daylux-mobile-sticky-cta__phone:hover svg path,
  body .daylux-mobile-sticky-cta__phone:focus-visible svg path {
    color: var(--daylux-warm-white) !important;
    stroke: var(--daylux-warm-white) !important;
    fill: none !important;
  }
}


/* ================================
   Daylux Header 0.0.33 fix
   Remove the extra right padding from the desktop main header row.
   The left logo padding is kept intact.
================================ */
@media (min-width: 1181px) {
  body .daylux-header-main-inner {
    padding-right: 0 !important;
  }
}


/* ================================
   Daylux Header 0.0.34 fix
   Restore the source-design translucent header background.
   Page backgrounds remain #FBF8F3; this applies only to the header surface.
================================ */
body .daylux-header-main,
body .daylux-header-main-inner,
body .daylux-responsive-header,
body .daylux-responsive-header__inner {
  background: rgba(251, 248, 243, 0.92) !important;
  background-color: rgba(251, 248, 243, 0.92) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
}

body .daylux-header-main-inner {
  color: var(--daylux-charcoal) !important;
}



/* Daylux Core 0.0.53 — dark global buttons hover like header “Varaa aika” CTA. */
body .wp-block-button__link.has-black-background-color:hover,
body .wp-block-button__link.has-black-background-color:focus-visible,
body .wp-block-button__link.has-contrast-background-color:hover,
body .wp-block-button__link.has-contrast-background-color:focus-visible,
body .wp-block-button__link.has-base-2-background-color:hover,
body .wp-block-button__link.has-base-2-background-color:focus-visible,
body .wp-block-button__link.has-ast-global-color-5-background-color:hover,
body .wp-block-button__link.has-ast-global-color-5-background-color:focus-visible,
body .wp-block-button__link.has-ast-global-color-6-background-color:hover,
body .wp-block-button__link.has-ast-global-color-6-background-color:focus-visible {
  background: var(--daylux-gold-deep) !important;
  background-color: var(--daylux-gold-deep) !important;
  border-color: var(--daylux-gold-deep) !important;
  color: var(--daylux-pure-white) !important;
}

body .wp-block-button__link.has-black-background-color:hover *,
body .wp-block-button__link.has-contrast-background-color:hover *,
body .wp-block-button__link.has-base-2-background-color:hover *,
body .wp-block-button__link.has-ast-global-color-5-background-color:hover *,
body .wp-block-button__link.has-ast-global-color-6-background-color:hover * {
  color: inherit !important;
  stroke: currentColor !important;
}


/* ================================
   Daylux Header 0.0.43 fix
   Mobile header and mobile navigation visibility.
   Forces the dedicated mobile header row to render below the dark topbar
   and keeps the WordPress navigation overlay above page content.
================================ */
@media (max-width: 1180px) {
  body .wp-site-blocks > header.wp-block-template-part,
  body .wp-site-blocks > .wp-block-template-part:first-child {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    contain: none !important;
    transform: none !important;
    clip-path: none !important;
  }

  @supports selector(:has(*)) {
    body header.wp-block-template-part:has(.daylux-responsive-topbar),
    body header.wp-block-template-part:has(.daylux-responsive-header) {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      overflow: visible !important;
      contain: none !important;
      transform: none !important;
      clip-path: none !important;
    }
  }

  body .daylux-topbar,
  body .daylux-header-main {
    display: none !important;
  }

  body .daylux-responsive-topbar,
  body .daylux-responsive-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    transform: none !important;
    clip-path: none !important;
    pointer-events: auto !important;
  }

  body .daylux-responsive-topbar {
    position: relative !important;
    z-index: 10010 !important;
  }

  body .daylux-responsive-header {
    position: relative !important;
    z-index: 10020 !important;
    clear: both !important;
    background: rgba(251, 248, 243, 0.92) !important;
    background-color: rgba(251, 248, 243, 0.92) !important;
    border-bottom: 1px solid rgba(42, 38, 34, 0.08) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
  }

  body .daylux-responsive-header__inner {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr) !important;
    align-items: center !important;
    min-height: 92px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 26px !important;
    background: rgba(251, 248, 243, 0.92) !important;
    background-color: rgba(251, 248, 243, 0.92) !important;
    color: var(--daylux-charcoal) !important;
    pointer-events: auto !important;
  }

  body .daylux-responsive-header__menu,
  body .daylux-responsive-header__logo,
  body .daylux-responsive-header__actions {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    min-width: 0 !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  body .daylux-responsive-header__menu {
    justify-self: start !important;
    justify-content: flex-start !important;
    z-index: 10030 !important;
  }

  body .daylux-responsive-header__logo {
    justify-self: center !important;
    justify-content: center !important;
    z-index: 10025 !important;
  }

  body .daylux-responsive-header__actions {
    justify-self: end !important;
    justify-content: flex-end !important;
    z-index: 10025 !important;
  }

  body .daylux-responsive-header-logo-link,
  body .daylux-responsive-header-logo-img,
  body .daylux-responsive-search,
  body .daylux-responsive-cart {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body .daylux-responsive-header-logo-img,
  body .daylux-responsive-header__logo img {
    width: 102px !important;
    max-width: 102px !important;
    height: auto !important;
  }

  body .daylux-responsive-nav,
  body .daylux-responsive-nav.wp-block-navigation {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 10040 !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container-open,
  body .daylux-responsive-nav button.wp-block-navigation__responsive-container-open {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--daylux-charcoal) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 10050 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container-open svg,
  body .daylux-responsive-nav button.wp-block-navigation__responsive-container-open svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 30px !important;
    height: 30px !important;
    color: var(--daylux-charcoal) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100dvh !important;
    max-height: none !important;
    z-index: 999999 !important;
    overflow-y: auto !important;
    background: #FBF8F3 !important;
    background-color: #FBF8F3 !important;
    color: var(--daylux-charcoal) !important;
    padding: max(28px, env(safe-area-inset-top)) 28px max(32px, env(safe-area-inset-bottom)) !important;
    pointer-events: auto !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 100% !important;
    padding-top: 64px !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 22px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    color: var(--daylux-charcoal) !important;
    font-family: var(--daylux-font-body) !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container-close,
  body .daylux-responsive-nav button.wp-block-navigation__responsive-container-close {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    top: max(22px, env(safe-area-inset-top)) !important;
    right: 24px !important;
    z-index: 1000000 !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--daylux-charcoal) !important;
    pointer-events: auto !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }
}

@media (max-width: 767px) {
  body .daylux-responsive-header__inner {
    min-height: 86px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body .daylux-responsive-header-logo-img,
  body .daylux-responsive-header__logo img {
    width: 96px !important;
    max-width: 96px !important;
  }

  body .daylux-responsive-header__actions {
    gap: 16px !important;
  }

  body .daylux-responsive-search,
  body .daylux-responsive-cart {
    width: 28px !important;
    height: 28px !important;
  }

  body .daylux-responsive-search__icon,
  body .daylux-responsive-cart__icon {
    width: 23px !important;
    height: 23px !important;
  }
}

@media (max-width: 390px) {
  body .daylux-responsive-header__inner {
    min-height: 82px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body .daylux-responsive-header-logo-img,
  body .daylux-responsive-header__logo img {
    width: 92px !important;
    max-width: 92px !important;
  }

  body .daylux-responsive-header__actions {
    gap: 12px !important;
  }
}


/* ================================
   Daylux Header 0.0.44 fix
   Mobile navigation submenu and shop link handling.
   Keeps nested WooCommerce/shop items visible and clickable inside the
   WordPress Navigation mobile overlay.
================================ */
@media (max-width: 1180px) {
  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu,
  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .has-child {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    overflow: visible !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu > .wp-block-navigation-item__content,
  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-item__content {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 44px) !important;
    pointer-events: auto !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle,
  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open button.wp-block-navigation-submenu__toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--daylux-charcoal) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: static !important;
    z-index: 1 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon,
  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle svg {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 18px !important;
    height: 18px !important;
    color: var(--daylux-charcoal) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 100% !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 14px 0 0 !important;
    padding: 0 0 0 18px !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--daylux-charcoal) !important;
    pointer-events: auto !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item,
  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a {
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    color: var(--daylux-charcoal) !important;
    text-decoration: none !important;
    pointer-events: auto !important;
  }

  body .daylux-responsive-nav .wp-block-navigation__responsive-container.is-menu-open a[href*="verkkokauppa"],
  body .daylux-header-nav a[href*="verkkokauppa"] {
    pointer-events: auto !important;
    cursor: pointer !important;
  }
}

/* ================================
   Daylux cleanup — empty Spectra root container after footer
   Removes accidental empty UAGB containers that create a visible blank strip below the footer.
================================ */
body .wp-site-blocks > .wp-block-uagb-container.uagb-is-root-container:has(> .uagb-container-inner-blocks-wrap:empty),
body footer.wp-block-template-part + .wp-block-uagb-container.uagb-is-root-container:has(> .uagb-container-inner-blocks-wrap:empty),
body .wp-block-uagb-container.uagb-block-d3a7c742.alignfull.uagb-is-root-container:has(> .uagb-container-inner-blocks-wrap:empty) {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}


/* =========================================================
   Daylux Footer — remove residual bottom extender and tighten desktop footer
   Version 0.0.65

   After the accidental empty UAGB container is removed, the selected
   element is the real Daylux footer wrapper. Older footer hardening
   rules added pseudo-elements to cover theme background leakage; here
   we neutralize those pseudo-elements so they do not create visual
   height below the legal/payment row.
========================================================= */
body .daylux-footer,
.editor-styles-wrapper .daylux-footer,
body .wp-site-blocks > .wp-block-template-part:has(.daylux-footer),
body .wp-site-blocks > footer:has(.daylux-footer),
body .wp-site-blocks > .wp-block-template-part:last-child:has(.daylux-footer),
.editor-styles-wrapper .wp-block-template-part:has(.daylux-footer) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body .daylux-footer::after,
.editor-styles-wrapper .daylux-footer::after,
body .wp-site-blocks > .wp-block-template-part:has(.daylux-footer)::after,
body .wp-site-blocks > footer:has(.daylux-footer)::after,
body .wp-site-blocks > .wp-block-template-part:last-child:has(.daylux-footer)::after,
.editor-styles-wrapper .wp-block-template-part:has(.daylux-footer)::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body .daylux-footer__inner,
.editor-styles-wrapper .daylux-footer__inner {
  padding-top: 64px !important;
  padding-bottom: 24px !important;
}

body .daylux-footer__bottom,
.editor-styles-wrapper .daylux-footer__bottom {
  margin-top: 42px !important;
  padding-top: 20px !important;
}


/* =========================================================
   Daylux Shop — featured product count update
   Version 0.0.66

   Product count is handled in templates/shop.php so the
   Asiantuntijan valinnat section outputs four cards only.
========================================================= */

/* =========================================================
   Daylux WhatsApp direct launcher
   ========================================================= */
.daylux-whatsapp {
	--dlw-dark: #211f1c;
	--dlw-gold: #9b7f50;
	position: fixed;
	right: 26px;
	bottom: calc(26px + env(safe-area-inset-bottom, 0px));
	z-index: 9990;
	font-family: var(--wp--preset--font-family--body, "Helvetica Neue", Arial, sans-serif);
}

.daylux-whatsapp *,
.daylux-whatsapp *::before,
.daylux-whatsapp *::after {
	box-sizing: border-box;
}

.daylux-whatsapp__launcher {
	position: relative;
	display: block;
	width: 58px;
	height: 58px;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	background: var(--dlw-dark);
	box-shadow: 0 14px 34px rgba(33, 31, 28, 0.24);
	color: #fff !important;
	overflow: hidden;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
	transition: width .22s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.daylux-whatsapp__launcher:hover,
.daylux-whatsapp__launcher:focus-visible {
	width: 146px;
	background: var(--dlw-gold);
	box-shadow: 0 16px 38px rgba(33, 31, 28, 0.28);
	color: #fff !important;
	transform: translateY(-1px);
}

.daylux-whatsapp__launcher:focus-visible {
	outline: 2px solid var(--dlw-gold);
	outline-offset: 3px;
}

.daylux-whatsapp__launcher-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	color: #fff !important;
	transform: translate(-50%, -50%);
	transition: left .22s ease, transform .22s ease;
}

.daylux-whatsapp__launcher:hover .daylux-whatsapp__launcher-icon,
.daylux-whatsapp__launcher:focus-visible .daylux-whatsapp__launcher-icon {
	left: 28px;
}

.daylux-whatsapp__launcher-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
}

.daylux-whatsapp__launcher-label {
	position: absolute;
	top: 50%;
	left: 50px;
	display: block;
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	opacity: 0;
	transform: translate(8px, -50%);
	transition: opacity .16s ease, transform .22s ease;
}

.daylux-whatsapp__launcher:hover .daylux-whatsapp__launcher-label,
.daylux-whatsapp__launcher:focus-visible .daylux-whatsapp__launcher-label {
	opacity: 1;
	transform: translate(0, -50%);
}

@media (max-width: 782px) {
	.daylux-whatsapp {
		right: 16px;
		bottom: calc(88px + env(safe-area-inset-bottom, 0px));
	}

	.daylux-whatsapp__launcher,
	.daylux-whatsapp__launcher:hover,
	.daylux-whatsapp__launcher:focus-visible {
		width: 54px;
		height: 54px;
		transform: none;
	}

	.daylux-whatsapp__launcher:hover .daylux-whatsapp__launcher-icon,
	.daylux-whatsapp__launcher:focus-visible .daylux-whatsapp__launcher-icon {
		left: 50%;
	}

	.daylux-whatsapp__launcher-label {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.daylux-whatsapp *,
	.daylux-whatsapp *::before,
	.daylux-whatsapp *::after {
		transition-duration: .01ms !important;
	}
}