/* DABY LIQUID BUTTON SYSTEM v1.0
   Additive layer for the public marketing site. No JavaScript required.
   Keeps existing link destinations and button behavior intact. */
:root {
  --daby-liquid-ink: #f8fbff;
  --daby-liquid-gold: #e7c66f;
  --daby-liquid-gold-bright: #f5df9b;
  --daby-liquid-cyan: #79e7f6;
  --daby-liquid-border: rgba(255,255,255,.24);
  --daby-liquid-ease: cubic-bezier(.2,.8,.2,1);
}

/* Primary conversion actions: luminous, tactile, restrained. */
:is(a,button,input[type="submit"]).button-primary,
:is(a,button,input[type="submit"]).button-secondary,
a.header-cta,
a.nav-cta,
a.mobile-contact,
button.form-submit {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  overflow: hidden;
  border: 1px solid rgba(245,223,155,.54);
  border-radius: 999px;
  color: var(--daby-liquid-ink);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  background:
    radial-gradient(130% 150% at 12% -30%, rgba(255,255,255,.34), transparent 48%),
    linear-gradient(145deg, rgba(245,223,155,.24), rgba(212,175,55,.13) 48%, rgba(50,214,255,.09));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -1px 0 rgba(255,255,255,.06),
    0 9px 24px rgba(0,0,0,.20),
    0 0 0 1px rgba(212,175,55,.035);
  backdrop-filter: blur(12px) saturate(145%);
  -webkit-backdrop-filter: blur(12px) saturate(145%);
  transition:
    transform .28s var(--daby-liquid-ease),
    border-color .28s var(--daby-liquid-ease),
    box-shadow .28s var(--daby-liquid-ease),
    background-color .28s var(--daby-liquid-ease),
    color .28s var(--daby-liquid-ease);
}

:is(a,button,input[type="submit"]).button-primary::before,
:is(a,button,input[type="submit"]).button-secondary::before,
a.header-cta::before,
a.nav-cta::before,
a.mobile-contact::before,
button.form-submit::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 18%, rgba(255,255,255,.24) 43%, rgba(255,255,255,.06) 52%, transparent 76%);
  transform: translateX(-135%) skewX(-14deg);
  transition: transform .72s var(--daby-liquid-ease);
}

:is(a,button,input[type="submit"]).button-primary:hover,
:is(a,button,input[type="submit"]).button-secondary:hover,
a.header-cta:hover,
a.nav-cta:hover,
a.mobile-contact:hover,
button.form-submit:hover {
  transform: translateY(-2px);
  border-color: rgba(245,223,155,.86);
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 -1px 0 rgba(255,255,255,.09),
    0 15px 34px rgba(0,0,0,.28),
    0 0 22px rgba(212,175,55,.10);
}

:is(a,button,input[type="submit"]).button-primary:hover::before,
:is(a,button,input[type="submit"]).button-secondary:hover::before,
a.header-cta:hover::before,
a.nav-cta:hover::before,
a.mobile-contact:hover::before,
button.form-submit:hover::before {
  transform: translateX(135%) skewX(-14deg);
}

:is(a,button,input[type="submit"]).button-primary:active,
:is(a,button,input[type="submit"]).button-secondary:active,
a.header-cta:active,
a.nav-cta:active,
a.mobile-contact:active,
button.form-submit:active {
  transform: translateY(0) scale(.985);
  box-shadow: inset 0 2px 7px rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.18);
}

/* Secondary action: clearer outline, less visual weight than the primary CTA. */
:is(a,button,input[type="submit"]).button-secondary {
  border-color: rgba(214,226,241,.24);
  background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 7px 20px rgba(0,0,0,.14);
}
:is(a,button,input[type="submit"]).button-secondary:hover {
  border-color: rgba(121,231,246,.55);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 12px 28px rgba(0,0,0,.2), 0 0 20px rgba(121,231,246,.07);
}

/* Header CTA uses a smaller, calmer capsule so the navigation stays premium. */
a.header-cta {
  padding: .72rem 1.08rem;
  border-radius: 999px;
  font-weight: 700;
  white-space: nowrap;
}
a.nav-cta, a.mobile-contact { border-radius: 16px; }

/* Floating contact controls: polished glass, but never obscure page content. */
a.floating-contact {
  border: 1px solid rgba(255,255,255,.23);
  background: linear-gradient(145deg, rgba(20,36,55,.94), rgba(7,17,31,.86));
  color: #f8fbff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 9px 28px rgba(0,0,0,.3);
  backdrop-filter: blur(14px) saturate(145%);
  -webkit-backdrop-filter: blur(14px) saturate(145%);
  transition: transform .25s var(--daby-liquid-ease), border-color .25s var(--daby-liquid-ease), box-shadow .25s var(--daby-liquid-ease);
}
a.floating-contact:hover { transform: translateY(-2px); border-color: rgba(245,223,155,.62); box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 13px 32px rgba(0,0,0,.34); }
a.whatsapp-contact { border-color: rgba(105,224,160,.38); }
a.linkedin-contact { border-color: rgba(121,183,255,.32); }

/* Keep inline/text links understated; give only the arrow a subtle response. */
a.button-text { transition: color .22s var(--daby-liquid-ease), gap .22s var(--daby-liquid-ease); }
a.button-text:hover { color: var(--daby-liquid-gold-bright); }
a.button-text svg { transition: transform .22s var(--daby-liquid-ease); }
a.button-text:hover svg { transform: translate(3px,-1px); }

/* Keyboard, touch and system accessibility. */
:is(a,button,input[type="submit"]).button-primary:focus-visible,
:is(a,button,input[type="submit"]).button-secondary:focus-visible,
a.header-cta:focus-visible,
a.nav-cta:focus-visible,
a.mobile-contact:focus-visible,
a.floating-contact:focus-visible,
button.form-submit:focus-visible {
  outline: 3px solid var(--daby-liquid-gold-bright);
  outline-offset: 4px;
}
:is(a,button,input[type="submit"]).button-primary:disabled,
:is(a,button,input[type="submit"]).button-secondary:disabled,
button.form-submit:disabled { opacity: .55; cursor: not-allowed; transform: none; }

@supports (backdrop-filter: blur(1px)) {
  @media (prefers-reduced-transparency: reduce) {
    :is(a,button,input[type="submit"]).button-primary,
    :is(a,button,input[type="submit"]).button-secondary,
    a.header-cta, a.nav-cta, a.mobile-contact, button.form-submit,
    a.floating-contact { backdrop-filter: none; -webkit-backdrop-filter: none; }
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(a,button,input[type="submit"]).button-primary,
  :is(a,button,input[type="submit"]).button-secondary,
  a.header-cta, a.nav-cta, a.mobile-contact, button.form-submit,
  a.floating-contact, a.button-text, a.button-text svg,
  :is(a,button,input[type="submit"]).button-primary::before,
  :is(a,button,input[type="submit"]).button-secondary::before,
  a.header-cta::before, a.nav-cta::before, a.mobile-contact::before,
  button.form-submit::before { transition: none !important; }
  :is(a,button,input[type="submit"]).button-primary:hover,
  :is(a,button,input[type="submit"]).button-secondary:hover,
  a.header-cta:hover, a.nav-cta:hover, a.mobile-contact:hover,
  button.form-submit:hover, a.floating-contact:hover { transform: none; }
  :is(a,button,input[type="submit"]).button-primary::before,
  :is(a,button,input[type="submit"]).button-secondary::before,
  a.header-cta::before, a.nav-cta::before, a.mobile-contact::before,
  button.form-submit::before { display: none; }
}
@media (forced-colors: active) {
  :is(a,button,input[type="submit"]).button-primary,
  :is(a,button,input[type="submit"]).button-secondary,
  a.header-cta, a.nav-cta, a.mobile-contact, button.form-submit,
  a.floating-contact { border: 1px solid ButtonText; background: ButtonFace; color: ButtonText; backdrop-filter: none; }
}