/*
Theme Name: Homepod Child
Template: flatsome
Version: 1.0.0
Text Domain: homepod-child
*/

:root {
  --hp-black: #0b0f14;
  --hp-black-2: #111827;
  --hp-cream: #f7f2ea;
  --hp-surface: #ffffff;
  --hp-surface-2: #fff6ee;
  --hp-surface-3: #f1e9dc;
  --hp-border: #e5dbcf;
  --hp-border-strong: rgba(11, 15, 20, 0.2);
  --hp-text-muted: #5c6675;
  --hp-orange: #ff6b2c;
  --hp-orange-soft: #ff8d5a;
  --hp-gold: #f5b84a;
  --hp-blue: #2b6cb0;
  --hp-shadow: 0 20px 60px rgba(8, 12, 18, 0.22);
  --hp-shadow-soft: 0 12px 28px rgba(8, 12, 18, 0.12);
  --hp-shadow-glow: 0 16px 34px rgba(255, 107, 44, 0.28);
  --hp-radius-xl: 28px;
  --hp-radius-lg: 20px;
  --hp-radius-md: 14px;
  --hp-radius-sm: 10px;
  --hp-safe-bottom: env(safe-area-inset-bottom, 0px);
  --hp-chat-offset: 96px;
  --hp-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --hp-font-display: var(--hp-font-sans);

  --hp-ink: var(--hp-black);
  --hp-ink-2: var(--hp-black-2);
  --hp-sand: var(--hp-cream);
  --hp-accent: var(--hp-orange);
  --hp-accent-2: var(--hp-orange-soft);
  --hp-accent-3: var(--hp-gold);
}

.searchform-wrapper,
.ux-search-box,
.searchform,
.hp-appbar-search,
.header-search,
.header-search-form,
#searchform {
  display: none !important;
}

.chaty-widget,
.chaty-widget .chaty-widget-button,
.wa__btn_popup,
.wa__button,
.nta-whatsapp,
.nta_wa_button,
.nta-wa-button,
#nta-wa-button,
.whatsapp-widget,
.whatsapp-button,
.floating-whatsapp,
#floating-whatsapp,
#njt-whatsapp,
#whatsapp-chat,
.whatsapp_chat,
.whatsapp-chat,
.fbv-cross-wrap {
  bottom: calc(var(--hp-chat-offset) + var(--hp-safe-bottom)) !important;
}

.hp-b2b-footer-nap {
  margin-top: 8px;
  font-size: 0.85em;
  color: var(--hp-text-muted);
  line-height: 1.4;
}

.hp-b2b-footer-nap__item a {
  color: inherit;
}

.hp-b2b-footer-nap__sep {
  margin: 0 6px;
  opacity: 0.6;
}

@media (max-width: 849px) {
  .hp-b2b-footer-nap {
    text-align: center;
  }

  .hp-b2b-footer-nap__sep {
    display: none;
  }

  .hp-b2b-footer-nap__item {
    display: block;
    margin-top: 4px;
  }
}