/*
 * Main child-theme stylesheet.
 *
 * Includes the site's Liquid Glass theme styles plus custom front-end
 * integrations, including Profile Builder form, recover-password, and
 * Social Connect presentation overrides used by this project.
 */
:root {
  --lg-radius-pill: 999px;
  --lg-radius-card: 26px;
  --lg-radius-panel: 34px;

  --lg-glass-bg: rgba(255, 255, 255, 0.08);
  --lg-glass-bg-2: rgba(255, 255, 255, 0.03);
  --lg-glass-border: rgba(255, 255, 255, 0.18);
  --lg-glass-highlight: rgba(255, 255, 255, 0.10);
  --lg-glass-shadow: rgba(0, 0, 0, 0.45);
  --lg-border: var(--lg-glass-border);
  --lg-border-2: rgba(255, 255, 255, 0.12);

  --lg-text: rgba(250, 252, 255, 0.95);
  --lg-text-dim: rgba(230, 234, 241, 0.75);
  --lg-text-heading: rgba(255, 255, 255, 0.98);

  --lg-shadow: 0 26px 58px rgba(3, 9, 16, 0.58);
  --lg-shadow-soft: 0 14px 36px var(--lg-glass-shadow);

  --lg-inner-highlight: inset 0 1px 0 var(--lg-glass-highlight);
  --lg-inner-shade: inset 0 -12px 20px rgba(0, 0, 0, 0.2);
  --lg-rim: inset 0 0 0 1px var(--lg-glass-border);

  --lg-blur: 16px;
  --lg-max-width: 1200px;
}

html,
body {
  background: transparent !important;
  overflow-x: hidden;
}

body {
  color: var(--lg-text);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

.wp-site-blocks {
  background: transparent !important;
}

#lg-bg {
  position: fixed !important;
  top: -24vh !important;
  right: 0 !important;
  bottom: -24vh !important;
  left: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background-color: #0b0f14 !important;
  transform: translateZ(0) !important;
  will-change: transform;
}

#lg-bg-ripples-layer,
#lg-bg-ripples-layer.jquery-ripples {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

#lg-bg-ripples-layer canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#lg-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.50);
}

.wp-site-blocks,
.site-main,
.wp-block-template-part,
header,
main,
footer {
  position: relative;
  z-index: 2;
}

.lg-glass {
  background: linear-gradient(180deg, var(--lg-glass-bg), var(--lg-glass-bg-2));
  border: 1px solid var(--lg-border-2);
  backdrop-filter: blur(var(--lg-blur)) saturate(140%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(140%);
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight);
  position: relative;
  overflow: hidden;
}

.lg-glass::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.34), transparent 28%),
    linear-gradient(315deg, rgba(255, 255, 255, 0.16), transparent 36%);
  opacity: 0.54;
  mix-blend-mode: screen;
}

.lg-glass::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: var(--lg-rim);
  opacity: 0.85;
}

.lg-section-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--lg-text-heading);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.glass-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: var(--lg-radius-pill);
  border: 1px solid var(--lg-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));
  backdrop-filter: blur(var(--lg-blur)) saturate(150%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(150%);
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight), var(--lg-inner-shade);
  color: var(--lg-text);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 220ms ease, background-color 220ms ease;
  -webkit-appearance: none;
  appearance: none;
}

.wp-block-button.glass-button .wp-block-button__link,
.wp-block-button .wp-block-button__link.glass-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: var(--lg-radius-pill);
  border: 1px solid var(--lg-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));
  backdrop-filter: blur(var(--lg-blur)) saturate(150%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(150%);
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight), var(--lg-inner-shade);
  color: var(--lg-text);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 220ms ease, background-color 220ms ease;
}

/* Keep the Gutenberg button wrapper neutral so we never render a nested outer button. */
.wp-block-button.glass-button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Force glass styles to win over core outline/fill button variants. */
.wp-block-button.is-style-outline.glass-button .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link.glass-button,
.wp-block-button.glass-button .wp-block-button__link.is-style-outline,
.wp-block-button .wp-block-button__link.glass-button.is-style-outline {
  border: 1px solid var(--lg-border) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)) !important;
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight), var(--lg-inner-shade) !important;
  color: var(--lg-text) !important;
}

.glass-button.is-dark {
  background: linear-gradient(180deg, rgba(7, 10, 16, 0.76), rgba(7, 10, 16, 0.44));
  border-color: rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.94);
}

.glass-button:hover {
  transform: translateY(-1px);
  box-shadow: var(--lg-shadow), var(--lg-inner-highlight), var(--lg-inner-shade);
}

.glass-button:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.24),
    var(--lg-shadow),
    var(--lg-inner-highlight),
    var(--lg-inner-shade);
}

/* Profile Builder front-end form styling:
   mirror the contact form look (fields + submit button). */
.wppb-user-forms label {
  font-size: 0.92rem;
  color: rgba(245, 248, 255, 0.98) !important;
}

#select_user_to_edit_form .wppb-form-field > label,
.wppb-user-forms .wppb-form-field > h3,
.wppb-user-forms .wppb-form-field > h4,
.wppb-user-forms .wppb-form-field > h5,
.wppb-user-forms .wppb-form-field > h6 {
  color: rgba(245, 248, 255, 0.98) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="number"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="url"],
.wppb-user-forms input[type="password"],
.wppb-user-forms input[type="search"],
.wppb-user-forms select,
.wppb-user-forms textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(245, 248, 255, 0.98) !important;
  padding: 10px 12px !important;
}

.wppb-user-forms select option {
  background-color: #1a2433 !important;
  color: rgba(245, 248, 255, 0.98) !important;
}

.wppb-user-forms textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

/* Force Profile Builder submit to match nav pill style (.wp-block-navigation-item__content). */
.wppb-user-forms .form-submit input[type="submit"],
.wppb-user-forms .login-submit input[type="submit"],
.wppb-user-forms input.submit.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 15px !important;
  border-radius: var(--lg-radius-pill) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-style: solid !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.07)) !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  outline: 1px solid rgba(255, 255, 255, 0.18) !important;
  outline-offset: 0 !important;
  color: var(--lg-text) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
  font: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  transition: background-color 220ms ease, border-color 220ms ease !important;
  transform: none !important;
}

.wppb-user-forms .form-submit input[type="submit"]:hover,
.wppb-user-forms .login-submit input[type="submit"]:hover,
.wppb-user-forms input.submit.button:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.23), rgba(255, 255, 255, 0.1)) !important;
  border-color: rgba(255, 255, 255, 0.36) !important;
  outline-color: rgba(255, 255, 255, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  transform: none !important;
}

.wppb-user-forms .form-submit input[type="submit"]:focus-visible,
.wppb-user-forms .login-submit input[type="submit"]:focus-visible,
.wppb-user-forms input.submit.button:focus-visible {
  outline: none !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.23), rgba(255, 255, 255, 0.1)) !important;
  border-color: rgba(255, 255, 255, 0.36) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

/* Profile Builder success notice styling (glass + green text). */
.wppb-user-forms .alert.wppb-success,
#wppb_form_general_message.alert.wppb-success {
  margin: 10px 0 14px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(143, 227, 176, 0.38);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07));
  backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: #8fe3b0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

/* Profile Builder error notice styling (glass + red text). */
.wppb-user-forms .wppb-error,
.wppb-user-forms p.wppb-error {
  margin: 10px 0 14px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 139, 139, 0.42);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07));
  backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: #ff8b8b !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

.wppb-user-forms .wppb-error a {
  color: #ffd3d3 !important;
  text-decoration: underline;
}

/* Same styling when Profile Builder prints notices outside .wppb-user-forms wrapper. */
p.wppb-error,
div.wppb-error,
p.wppb-warning,
div.wppb-warning {
  margin: 10px 0 14px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 139, 139, 0.42);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07));
  backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: #ff8b8b !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

p.wppb-error a,
div.wppb-error a,
p.wppb-warning a,
div.wppb-warning a {
  color: #ffd3d3 !important;
  text-decoration: underline;
}

/* Password recovery notices should stay visually neutral so they do not reveal state. */
#wppb-recover-password p.wppb-success,
#wppb-recover-password p.wppb-warning,
#wppb-recover-password p.wppb-error,
#wppb-recover-password-container p.wppb-success,
#wppb-recover-password-container p.wppb-warning,
#wppb-recover-password-container p.wppb-error,
.wppb_holder#wppb-recover-password-container p.wppb-success,
.wppb_holder#wppb-recover-password-container p.wppb-warning,
.wppb_holder#wppb-recover-password-container p.wppb-error {
  box-sizing: border-box;
  margin: 10px 0 14px;
  padding: 12px 14px;
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(166, 214, 255, 0.34) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.07)) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
  color: rgba(245, 248, 255, 0.98) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

#wppb-recover-password p.wppb-success a,
#wppb-recover-password p.wppb-warning a,
#wppb-recover-password p.wppb-error a,
#wppb-recover-password-container p.wppb-success a,
#wppb-recover-password-container p.wppb-warning a,
#wppb-recover-password-container p.wppb-error a,
.wppb_holder#wppb-recover-password-container p.wppb-success a,
.wppb_holder#wppb-recover-password-container p.wppb-warning a,
.wppb_holder#wppb-recover-password-container p.wppb-error a {
  color: #d7ebff !important;
  text-decoration: underline;
}

/* Icon-only circular glass button (e.g. social logos) sized to match standard buttons. */
.social-glass-btn {
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.social-glass-btn img {
  width: 34px;
  height: 34px;
  display: block;
}

/* Profile Builder Social Connect:
   custom text button should match the site's standard glass buttons. */
.wppb-sc-buttons-container .lg-linkedin-login.wppb-sc-linkedin-login,
.lg-linkedin-login.wppb-sc-linkedin-login {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 14px 26px !important;
  min-height: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  border-radius: var(--lg-radius-pill) !important;
  border: 1px solid var(--lg-border) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(150%) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(150%) !important;
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight), var(--lg-inner-shade) !important;
  color: var(--lg-text) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  transition: transform 180ms ease, box-shadow 220ms ease, background-color 220ms ease !important;
  box-sizing: border-box !important;
}

.wp-block-button.lg-linkedin-trigger .wp-block-button__link,
.wp-block-button .wp-block-button__link.lg-linkedin-trigger,
a.lg-linkedin-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 26px !important;
  border-radius: var(--lg-radius-pill) !important;
  border: 1px solid var(--lg-border) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(150%) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(150%) !important;
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight), var(--lg-inner-shade) !important;
  color: var(--lg-text) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  cursor: pointer !important;
  transition: transform 180ms ease, box-shadow 220ms ease, background-color 220ms ease !important;
}

.wp-block-button.is-style-outline.lg-linkedin-trigger .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link.lg-linkedin-trigger,
a.lg-linkedin-trigger.is-style-outline {
  border: 1px solid var(--lg-border) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)) !important;
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight), var(--lg-inner-shade) !important;
  color: var(--lg-text) !important;
}

.wp-block-button.lg-linkedin-trigger .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link.lg-linkedin-trigger:hover,
a.lg-linkedin-trigger:hover {
  transform: translateY(-1px);
  box-shadow: var(--lg-shadow), var(--lg-inner-highlight), var(--lg-inner-shade) !important;
}

.wp-block-button.lg-linkedin-trigger .wp-block-button__link:focus-visible,
.wp-block-button .wp-block-button__link.lg-linkedin-trigger:focus-visible,
a.lg-linkedin-trigger:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.24),
    var(--lg-shadow),
    var(--lg-inner-highlight),
    var(--lg-inner-shade) !important;
}

.wp-block-button.lg-linkedin-trigger .wp-block-button__link::after,
.wp-block-button .wp-block-button__link.lg-linkedin-trigger::after,
a.lg-linkedin-trigger::after {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-image: url('/wp-content/uploads/2026/02/linkedin.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.wppb-sc-buttons-container .lg-linkedin-login.wppb-sc-linkedin-login:hover,
.lg-linkedin-login.wppb-sc-linkedin-login:hover {
  transform: translateY(-1px);
  box-shadow: var(--lg-shadow), var(--lg-inner-highlight), var(--lg-inner-shade) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.1)) !important;
}

.lg-linkedin-login img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
  flex: 0 0 20px;
}

/* Plugin auto-inserted icon-only LinkedIn button should match .social-glass-btn. */
.wppb-sc-buttons-container .wppb-sc-linkedin-login.wppb-sc-button:not(.lg-linkedin-login),
.wppb-sc-linkedin-login.wppb-sc-button-wp-default:not(.lg-linkedin-login) {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 10px 10px 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 1px solid var(--lg-border) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(150%) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(150%) !important;
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight), var(--lg-inner-shade) !important;
}

.wppb-sc-buttons-container .wppb-sc-linkedin-login.wppb-sc-button:not(.lg-linkedin-login):hover,
.wppb-sc-linkedin-login.wppb-sc-button-wp-default:not(.lg-linkedin-login):hover {
  transform: translateY(-1px);
  box-shadow: var(--lg-shadow), var(--lg-inner-highlight), var(--lg-inner-shade) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.1)) !important;
}

.wppb-sc-buttons-container .wppb-sc-linkedin-login .wppb-sc-icon-linkedin,
.wppb-sc-linkedin-login .wppb-sc-icon-linkedin {
  width: 34px;
  height: 34px;
  margin: 0 !important;
  display: inline-block !important;
  flex: 0 0 34px;
  background-image: url('/wp-content/uploads/2026/02/linkedin.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent !important;
  font-size: 0 !important;
}

.wppb-sc-buttons-container .wppb-sc-linkedin-login .wppb-sc-icon-linkedin::before,
.wppb-sc-linkedin-login .wppb-sc-icon-linkedin::before {
  content: '' !important;
  display: none !important;
}

.wppb-sc-buttons-container .wppb-sc-linkedin-login.wppb-sc-disabled-btn,
.wppb-sc-linkedin-login.wppb-sc-disabled-btn {
  background: linear-gradient(180deg, rgba(160, 168, 180, 0.25), rgba(120, 126, 137, 0.16)) !important;
  color: rgba(230, 234, 241, 0.78) !important;
  opacity: 0.75;
}

/* Profile Builder Social Connect:
   glass-theme notices and ThickBox popups. */
.wppb-sc-buttons-container .wppb-sc-message {
  margin: 10px 0 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07));
  backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

#TB_ajaxContent .wppb-sc-message,
#TB_ajaxContent .wppb_sc_form .wppb-sc-message {
  margin: 0 0 16px !important;
  padding: 12px 14px !important;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07));
  backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

.wppb-sc-buttons-container .wppb-success.wppb-sc-message {
  border: 1px solid rgba(143, 227, 176, 0.38);
  color: #8fe3b0 !important;
}

#TB_ajaxContent .wppb-success.wppb-sc-message,
#TB_ajaxContent .wppb_sc_form .wppb-success.wppb-sc-message {
  border: 1px solid rgba(143, 227, 176, 0.38);
  color: #8fe3b0 !important;
}

.wppb-sc-buttons-container .wppb-error.wppb-sc-message,
.wppb-sc-buttons-container .wppb-warning.wppb-sc-message {
  border: 1px solid rgba(255, 139, 139, 0.42);
  color: #ff8b8b !important;
}

#TB_ajaxContent .wppb-error.wppb-sc-message,
#TB_ajaxContent .wppb-warning.wppb-sc-message,
#TB_ajaxContent .wppb_sc_form .wppb-error.wppb-sc-message,
#TB_ajaxContent .wppb_sc_form .wppb-warning.wppb-sc-message {
  border: 1px solid rgba(255, 139, 139, 0.42);
  color: #ff8b8b !important;
}

.lg-social-connect-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: min(460px, calc(100vw - 32px));
  margin: 0 !important;
  padding: 14px 16px !important;
  z-index: 100100;
  text-align: left;
  display: inline-block;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07));
  backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(145%);
  box-shadow: var(--lg-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
  white-space: nowrap;
}

.wppb-sc-buttons-container .wppb-sc-message a {
  color: #d7ebff !important;
  text-decoration: underline;
}

#TB_overlay {
  background: rgba(6, 10, 16, 0.78) !important;
}

#TB_window {
  border-radius: 26px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06)) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(145%) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(145%) !important;
  box-shadow: var(--lg-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  color: var(--lg-text) !important;
  overflow: hidden !important;
}

#TB_title {
  height: auto !important;
  min-height: 44px;
  padding: 10px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

#TB_ajaxWindowTitle {
  color: var(--lg-text-heading) !important;
}

#TB_closeWindowButton {
  color: var(--lg-text) !important;
}

#TB_closeWindowButton:hover,
#TB_closeWindowButton:focus {
  color: #ffffff !important;
}

#TB_ajaxContent {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: 70vh;
  margin: 0 !important;
  padding: 20px 22px 24px !important;
  background: transparent !important;
  color: var(--lg-text) !important;
  box-sizing: border-box;
  overflow-y: auto;
  text-align: left !important;
}

#TB_ajaxContent p,
#TB_ajaxContent label,
#TB_ajaxContent .wppb_sc_form,
#TB_ajaxContent .wppb_sc_form p {
  color: var(--lg-text) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

#TB_ajaxContent p {
  padding: 0 !important;
  margin: 0 0 14px !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
}

.wppb_sc_form {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.wppb_sc_form label {
  display: block;
  margin: 0 0 14px;
  color: rgba(245, 248, 255, 0.98) !important;
}

#wppb_sc_account_email,
#wppb_sc_account_password,
#wppb_sc_twitter_your_email,
#wppb_sc_facebook_your_email {
  width: 100% !important;
  height: auto !important;
  min-height: 44px;
  padding: 10px 12px !important;
  margin: 0 0 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(245, 248, 255, 0.98) !important;
  box-sizing: border-box !important;
  outline: none !important;
}

#wppb_sc_account_email:focus,
#wppb_sc_account_password:focus,
#wppb_sc_twitter_your_email:focus,
#wppb_sc_facebook_your_email:focus {
  border-color: rgba(255, 255, 255, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

#wppb_sc_account_connect,
#wppb_sc_new_account,
#wppb_sc_gdpr_submit,
#wppb_sc_submit_account_password,
#wppb_sc_submit_account_email,
#wppb_sc_submit_twitter_your_email,
#wppb_sc_submit_facebook_your_email {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 10px 18px !important;
  margin: 6px 10px 0 0 !important;
  border-radius: var(--lg-radius-pill) !important;
  border: 1px solid var(--lg-border) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(150%) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(150%) !important;
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight), var(--lg-inner-shade) !important;
  color: var(--lg-text) !important;
  text-decoration: none !important;
  font-size: 0.98rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
}

#wppb_sc_account_connect:hover,
#wppb_sc_new_account:hover,
#wppb_sc_gdpr_submit:hover,
#wppb_sc_submit_account_password:hover,
#wppb_sc_submit_account_email:hover,
#wppb_sc_submit_twitter_your_email:hover,
#wppb_sc_submit_facebook_your_email:hover {
  transform: translateY(-1px);
  box-shadow: var(--lg-shadow), var(--lg-inner-highlight), var(--lg-inner-shade) !important;
}

#TB_ajaxContent .wppb-required {
  color: #ff8b8b !important;
  margin-left: 5px;
}

@media (max-width: 781px) {
  .social-glass-btn {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.glass-card {
  border-radius: var(--lg-radius-card);
  padding: 22px;
}

.glass-panel {
  border-radius: var(--lg-radius-panel);
  padding: 26px;
}

.glass-input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 16px;
  color: var(--lg-text);
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(var(--lg-blur));
  -webkit-backdrop-filter: blur(var(--lg-blur));
  box-shadow: var(--lg-inner-highlight);
}

.glass-input::placeholder {
  color: rgba(255, 255, 255, 0.62);
}

.glass-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: var(--lg-radius-pill);
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--lg-text-dim);
  backdrop-filter: blur(var(--lg-blur));
  -webkit-backdrop-filter: blur(var(--lg-blur));
  text-decoration: none;
}

.glass-nav,
.wp-block-navigation .wp-block-navigation-item__content {
  border-radius: var(--lg-radius-pill);
  padding: 9px 15px;
  color: var(--lg-text);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.07));
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transition: background-color 220ms ease, border-color 220ms ease;
}

.glass-nav:hover,
.glass-nav:focus-visible,
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:focus-visible {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.23), rgba(255, 255, 255, 0.1));
  border-color: rgba(255, 255, 255, 0.36);
}

/* Glass background for nav containers:
   - Desktop account submenu dropdown
   - Mobile hamburger menu overlay */
.wp-block-navigation .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open {
  background: linear-gradient(180deg, var(--lg-glass-bg), var(--lg-glass-bg-2)) !important;
  border: 1px solid var(--lg-border-2) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(140%) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(140%) !important;
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight) !important;
}

.wp-block-navigation .wp-block-navigation__submenu-container {
  border-radius: 18px !important;
  padding: 8px !important;
}

@media (min-width: 782px) {
  .wp-block-navigation .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    min-width: 290px !important;
  }

  .wp-block-navigation .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content {
    white-space: nowrap;
  }
}

/* Center click-to-open submenu labels (e.g. Account) and remove hidden icon spacing. */
.wp-block-navigation .wp-block-navigation-item.open-on-click > .wp-block-navigation__submenu-icon {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-navigation .wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0;
  padding-right: 15px !important;
  padding-left: 15px !important;
  /* Keep Account typography identical to regular nav links. */
  font: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
  text-decoration: none;
  text-shadow: inherit;
  -webkit-appearance: none;
  appearance: none;
}

.wp-block-navigation .wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu__toggle .wp-block-navigation-item__label {
  margin: 0 auto;
}

/* Mobile account submenu behavior:
   keep children collapsed until Account is expanded, and show the dropdown arrow. */
@media (max-width: 781px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation__submenu-icon {
    display: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    padding-right: 34px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle .wp-block-navigation-item__label {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    text-align: left;
    transform: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle::after {
    content: "▾";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    font-size: 12px;
    line-height: 1;
    opacity: 0.9;
    transition: transform 180ms ease;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle[aria-expanded="true"]::after {
    transform: translateY(-50%) rotate(180deg);
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-top: 10px !important;
    padding-left: 16px !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation-submenu {
    display: block !important;
  }

  /* Final mobile stabilization:
     lock Account row width/state so it never shifts when expanded. */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > div {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > div > .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle[aria-expanded="false"],
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle[aria-expanded="true"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    text-align: inherit !important;
    padding-left: 15px !important;
    padding-right: 34px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle .wp-block-navigation-item__label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: inherit !important;
    transform: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Match Account text rendering to submenu link text exactly in mobile menu. */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle .wp-block-navigation-item__label {
    color: inherit !important;
    text-shadow: inherit !important;
    -webkit-text-fill-color: currentColor;
  }
}

/* Mobile nav fix:
   Ensure the entire header/template-part stacking context stays above main content,
   otherwise responsive menu links can appear visible but remain unclickable. */
.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > .wp-block-template-part {
  position: relative;
  z-index: 10000;
}

.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed;
  inset: 0;
  z-index: 10001;
}

main#wp--skip-link--target {
  position: relative;
  z-index: 1;
}

/* UniConsent CMP front-end glass overrides (popup + sticky bar + buttons). */
body :is(
  [id*="unic"],
  [id*="uniconsent"],
  [class*="unic-consent"],
  [class*="uniconsent"]
):is(div, section, aside) {
  border-radius: 18px !important;
}

body :is(
  [id*="unic-consent"],
  [id*="uniconsent"],
  [class*="unic-consent"],
  [class*="uniconsent"],
  [class*="unic-bar"],
  [class*="unic-popup"]
):is(div, section, aside) {
  background: linear-gradient(180deg, var(--lg-glass-bg), var(--lg-glass-bg-2)) !important;
  border: 1px solid var(--lg-border-2) !important;
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(140%) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(140%) !important;
  color: var(--lg-text) !important;
}

body :is(
  [id*="unic-consent"],
  [id*="uniconsent"],
  [class*="unic-consent"],
  [class*="uniconsent"]
) :is(p, span, label, h1, h2, h3, h4, h5, h6, a) {
  color: var(--lg-text) !important;
}

body :is(
  [id*="unic-consent"],
  [id*="uniconsent"],
  [class*="unic-consent"],
  [class*="uniconsent"]
) :is(button, [role="button"], input[type="button"], input[type="submit"]) {
  border-radius: var(--lg-radius-pill) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.07)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  color: var(--lg-text) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
}

body :is(
  [id*="unic-consent"],
  [id*="uniconsent"],
  [class*="unic-consent"],
  [class*="uniconsent"]
) :is(button, [role="button"], input[type="button"], input[type="submit"]):hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.23), rgba(255, 255, 255, 0.1)) !important;
  border-color: rgba(255, 255, 255, 0.36) !important;
}

/* UniConsent exact runtime selectors (from live DOM snapshot). */
#uniccmp .unic-modal.unic-bg {
  background: rgba(4, 10, 18, 0.46) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

#uniccmp .unic-modal-content {
  background: linear-gradient(180deg, var(--lg-glass-bg), var(--lg-glass-bg-2)) !important;
  color: var(--lg-text) !important;
  border: 1px solid var(--lg-border-2) !important;
  border-radius: 20px !important;
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(140%) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(140%) !important;
}

#uniccmp .unic-modal-content :is(
  .text-gray-700,
  .text-gray-800,
  .text-black,
  #unic-cmp-title,
  p,
  span,
  div,
  a
) {
  color: var(--lg-text) !important;
}

#uniccmp .unic-modal-content .border-b,
#uniccmp .unic-modal-content .border-t {
  border-color: rgba(255, 255, 255, 0.18) !important;
}

#uniccmp .lg-unic-essential-note {
  margin: 12px 0 0 !important;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.unic-bar .lg-unic-essential-note {
  display: block;
  margin: 12px 0 0 !important;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

#uniccmp :is(.unic-confirm-button, .unic-reject-all-button, .unic-agree-all-button) {
  border-radius: var(--lg-radius-pill) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.07)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  color: var(--lg-text) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
}

#uniccmp :is(.unic-confirm-button, .unic-reject-all-button, .unic-agree-all-button):hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.23), rgba(255, 255, 255, 0.1)) !important;
  border-color: rgba(255, 255, 255, 0.36) !important;
}

#uniccmp-badge .unic.unic-badge {
  background: linear-gradient(180deg, var(--lg-glass-bg), var(--lg-glass-bg-2)) !important;
  border: 1px solid var(--lg-border-2) !important;
  box-shadow: var(--lg-shadow-soft), var(--lg-inner-highlight) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(140%) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(140%) !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
}

#uniccmp-badge .unic.unic-badge::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

#uniccmp-badge,
#uniccmp-badge * {
  box-sizing: border-box !important;
}

#uniccmp-badge {
  overflow: visible !important;
}

#uniccmp-badge .unic.unic-badge,
#uniccmp-badge .unic.unic-badge > div,
#uniccmp-badge .unic.unic-badge > button,
#uniccmp-badge .unic.unic-badge svg {
  max-width: none !important;
  max-height: none !important;
}

#uniccmp-badge .unic.unic-badge > div {
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#uniccmp-badge .unic.unic-badge svg,
#uniccmp-badge .unic.unic-badge img {
  display: block !important;
  overflow: visible !important;
}

/* UniConsent leftover utility styles from live DOM snapshot. */
#uniccmp .bg-white,
#uniccmp .bg-gray-200 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.06)) !important;
}

#uniccmp .text-black,
#uniccmp .text-gray-700,
#uniccmp .text-gray-800 {
  color: var(--lg-text) !important;
}

#uniccmp #unic-menu,
#uniccmp #unic-menu-btn,
#uniccmp #unic-cmp-title,
#uniccmp .feather {
  color: var(--lg-text) !important;
  background-color: transparent !important;
}

#uniccmp .unic-manage-options-button {
  border-radius: var(--lg-radius-pill) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.07)) !important;
  color: var(--lg-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

#uniccmp .unic-manage-options-button:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.23), rgba(255, 255, 255, 0.1)) !important;
  border-color: rgba(255, 255, 255, 0.36) !important;
}

#uniccmp .toggle__line {
  background: rgba(255, 255, 255, 0.28) !important;
}

#uniccmp .toggle__dot {
  background: rgba(245, 248, 255, 0.98) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24) !important;
}

#uniccmp .lg-unic-purpose-one-locked,
.unic-bar .lg-unic-purpose-one-locked {
  cursor: default !important;
}

#uniccmp .lg-unic-required-badge,
.unic-bar .lg-unic-required-badge {
  display: inline-block;
  margin-left: 0.35rem;
  font-size: 0.72em;
  line-height: 1.2;
  color: rgba(214, 228, 255, 0.78) !important;
  white-space: nowrap;
}

#uniccmp .lg-unic-purpose-one-locked .toggle__line,
#uniccmp .lg-unic-purpose-one-locked .toggle__dot,
#uniccmp .lg-unic-purpose-one-locked label,
#uniccmp .lg-unic-purpose-one-locked button,
.unic-bar .lg-unic-purpose-one-locked .toggle__line,
.unic-bar .lg-unic-purpose-one-locked .toggle__dot,
.unic-bar .lg-unic-purpose-one-locked label,
.unic-bar .lg-unic-purpose-one-locked button {
  cursor: not-allowed !important;
}

#uniccmp .lg-unic-purpose-one-locked .toggle__line,
.unic-bar .lg-unic-purpose-one-locked .toggle__line {
  background: rgba(72, 187, 120, 0.32) !important;
}

#uniccmp .lg-unic-purpose-one-locked .toggle__dot,
.unic-bar .lg-unic-purpose-one-locked .toggle__dot {
  background: rgba(72, 187, 120, 0.92) !important;
  transform: translateX(120%) !important;
}

#uniccmp .lg-unic-purpose-one-toggle-locked,
.unic-bar .lg-unic-purpose-one-toggle-locked {
  pointer-events: none !important;
}

#uniccmp #toogle_p1:checked + .toggle__line,
.unic-bar #toogle_p1:checked + .toggle__line {
  background: rgba(72, 187, 120, 0.32) !important;
}

#uniccmp #toogle_p1:checked ~ .toggle__dot,
.unic-bar #toogle_p1:checked ~ .toggle__dot {
  background: rgba(72, 187, 120, 0.92) !important;
  transform: translateX(120%) !important;
}

#uniccmp .lg-unic-purpose-one-detail-note,
.unic-bar .lg-unic-purpose-one-detail-note {
  margin: 0 0 0.6rem;
  font-size: inherit !important;
  line-height: 1.45;
  color: inherit !important;
}

.lg-home-wrap {
  box-sizing: border-box;
  width: min(100%, var(--lg-max-width));
  max-width: var(--lg-max-width);
  margin: 0 auto;
  padding: clamp(20px, 4vw, 52px) clamp(16px, 3vw, 30px) clamp(46px, 7vw, 80px);
  display: grid;
  gap: clamp(18px, 2.8vw, 32px);
}

.lg-home-wrap,
.lg-home-wrap * {
  box-sizing: border-box;
}

.lg-section {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.lg-center {
  text-align: center;
}

.lg-hero-inner {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.lg-hero-copy {
  padding: clamp(22px, 3vw, 34px);
}

.lg-hero-copy p {
  margin-bottom: 0;
  font-size: clamp(1.08rem, 2.1vw, 1.38rem);
  line-height: 1.45;
}

.lg-pillars-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--lg-pillars-track-min, 160px)), 1fr));
  gap: var(--lg-pillars-gap, 14px);
  width: 100%;
  max-width: var(--lg-pillars-max-width, 100%);
  margin-left: auto;
  margin-right: auto;
  justify-items: stretch;
  align-items: start;
  grid-auto-flow: row;
  min-width: 0;
  padding: 8px;
  box-sizing: border-box;
}

.lg-pillars-wrap[data-lg-pillars-has-columns="1"] .lg-pillars-grid {
  grid-template-columns: repeat(var(--lg-pillars-columns), 1fr);
}

.lg-pillars-grid.lg-pillars-drift-active {
  position: relative;
  overflow: hidden;
  contain: layout paint;
}

.lg-pillars-grid.lg-pillars-drift-active .lg-pillar-tile {
  transition: box-shadow 220ms ease;
}

.lg-pillar-tile {
  text-decoration: none;
  color: var(--lg-text);
  width: 100%;
  border-radius: var(--lg-radius-card);
  padding: 14px;
  min-height: var(--lg-pillar-tile-min-height, 120px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: var(--lg-pillar-content-justify, space-between);
  transition: transform 180ms ease, box-shadow 220ms ease;
}

.lg-pillar-tile:hover,
.lg-pillar-tile:focus-visible {
  transform: translateY(-2px);
  box-shadow: var(--lg-shadow), var(--lg-inner-highlight);
}

.lg-pillar-title {
  font-size: var(--lg-pillar-title-size, 1.05rem);
  color: var(--lg-pillar-title-color, var(--lg-text));
  font-weight: var(--lg-pillar-title-weight, 650);
  font-style: var(--lg-pillar-title-style, normal);
  text-align: var(--lg-pillar-text-align, left);
}

.lg-pillar-description {
  color: var(--lg-text-dim);
  font-size: 0.92rem;
  text-align: var(--lg-pillar-text-align, left);
}

@media (max-width: 375px) {
  .lg-pillar-tile.exec-comm-tile {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.lg-editable-content .lg-rich-content > * {
  max-width: 80ch;
}

.lg-rich-content {
  min-width: 0;
}

.lg-editable-content .wp-block-button__link {
  border-radius: var(--lg-radius-pill);
}

.lg-rotator-stack {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.lg-rotator {
  --lg-rotator-text-size: clamp(1rem, 1.7vw, 1.24rem);
  --lg-rotator-text-color: var(--lg-text);
  --lg-rotator-text-align: left;
  --lg-rotator-text-justify: flex-start;
  --lg-rotator-max-width: 100%;
  --lg-rotator-heading-size: 1.1rem;
  --lg-rotator-heading-color: inherit;
  --lg-rotator-heading-align: left;
  --lg-rotator-heading-weight: 400;
  --lg-rotator-heading-style: normal;
  --lg-rotator-text-weight: 400;
  --lg-rotator-text-style: normal;
  --lg-rotator-controls-justify: flex-end;
  display: grid;
  gap: 16px;
  min-width: 0;
  max-width: 100%;
}

.lg-rotator-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.lg-rotator .lg-rotator-header {
  width: min(100%, var(--lg-rotator-max-width));
  margin-left: auto;
  margin-right: auto;
}

.lg-rotator-heading {
  margin: 0;
  font-size: 1.1rem;
}

.lg-rotator .lg-rotator-heading {
  font-size: var(--lg-rotator-heading-size);
  color: var(--lg-rotator-heading-color);
  text-align: var(--lg-rotator-heading-align);
  font-weight: var(--lg-rotator-heading-weight);
  font-style: var(--lg-rotator-heading-style);
}

.lg-rotator-controls {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 100%;
}

.lg-rotator .lg-rotator-controls {
  justify-content: var(--lg-rotator-controls-justify);
  margin-left: auto;
}

.lg-rotator[data-lg-controls-position="above"][data-lg-controls-align="left"] .lg-rotator-controls {
  margin-left: 0;
  margin-right: auto;
}

.lg-rotator[data-lg-controls-position="above"][data-lg-controls-align="center"] .lg-rotator-controls {
  margin-left: auto;
  margin-right: auto;
}

.lg-rotator-control {
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.lg-rotator-controls-row {
  display: flex;
  justify-content: var(--lg-rotator-controls-justify);
  width: min(100%, var(--lg-rotator-max-width));
  margin-left: auto;
  margin-right: auto;
}

.lg-rotator-controls-row .lg-rotator-controls {
  margin: 0;
}

.lg-rotator-window {
  position: relative;
  min-height: 56px;
  min-width: 0;
  overflow: hidden;
}

.lg-rotator .lg-rotator-window {
  width: min(100%, var(--lg-rotator-max-width));
  margin-left: auto;
  margin-right: auto;
}

.lg-rotator-item {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 420ms ease, transform 420ms ease;
  display: flex;
  align-items: center;
  font-size: clamp(1rem, 1.7vw, 1.24rem);
  line-height: 1.4;
  color: var(--lg-text);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.lg-rotator .lg-rotator-item {
  justify-content: var(--lg-rotator-text-justify);
  text-align: var(--lg-rotator-text-align);
  font-size: var(--lg-rotator-text-size);
  color: var(--lg-rotator-text-color);
  font-weight: var(--lg-rotator-text-weight);
  font-style: var(--lg-rotator-text-style);
}

.lg-rotator-item.is-active {
  opacity: 1;
  transform: translateY(0);
}

.lg-chat-panel {
  min-height: 240px;
  max-width: 100%;
  min-width: 0;
}

#lg-chat-embed {
  min-height: 150px;
  border-radius: 0;
  border: 0;
  background: transparent;
  max-width: 100%;
}

.lg-library-teaser,
.lg-cta-card {
  display: grid;
  gap: 12px;
  justify-items: start;
}

.lg-logos-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  overflow: hidden;
  padding-bottom: 8px;
  max-width: 100%;
  align-items: stretch;
}

.lg-logos-strip.lg-logos-strip--compact {
  grid-template-columns: repeat(var(--lg-logos-visible-count, 1), max-content);
  justify-content: center;
}

.lg-logo-item {
  border-radius: 18px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.22);
  display: grid;
  place-items: center;
  min-height: 98px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.lg-logo-item img {
  width: auto;
  height: 96px;
  max-width: 100%;
  max-height: 96px;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.25));
}

.lg-logo-item.is-size-350x450 img,
.lg-logo-item.is-size-400x200 img,
.lg-logo-item.is-size-400x400 img,
.lg-logo-item.is-size-450x450 img {
  width: auto;
  height: 96px;
  max-width: 100%;
  max-height: 96px;
}

.lg-logos-strip--size-small .lg-logo-item img,
.lg-logos-strip--size-small .lg-logo-item.is-size-350x450 img,
.lg-logos-strip--size-small .lg-logo-item.is-size-400x200 img,
.lg-logos-strip--size-small .lg-logo-item.is-size-400x400 img,
.lg-logos-strip--size-small .lg-logo-item.is-size-450x450 img {
  width: auto;
  height: 96px;
  max-width: 100%;
  max-height: 96px;
}

.lg-logos-strip--size-medium .lg-logo-item img,
.lg-logos-strip--size-medium .lg-logo-item.is-size-350x450 img,
.lg-logos-strip--size-medium .lg-logo-item.is-size-400x200 img,
.lg-logos-strip--size-medium .lg-logo-item.is-size-400x400 img,
.lg-logos-strip--size-medium .lg-logo-item.is-size-450x450 img {
  width: auto;
  height: 120px;
  max-width: 100%;
  max-height: 120px;
}

.lg-logos-strip--size-large .lg-logo-item img,
.lg-logos-strip--size-large .lg-logo-item.is-size-350x450 img,
.lg-logos-strip--size-large .lg-logo-item.is-size-400x200 img,
.lg-logos-strip--size-large .lg-logo-item.is-size-400x400 img,
.lg-logos-strip--size-large .lg-logo-item.is-size-450x450 img {
  width: auto;
  height: 190px;
  max-width: 100%;
  max-height: 190px;
}

.lg-logos-strip--size-xlarge .lg-logo-item img,
.lg-logos-strip--size-xlarge .lg-logo-item.is-size-350x450 img,
.lg-logos-strip--size-xlarge .lg-logo-item.is-size-400x200 img,
.lg-logos-strip--size-xlarge .lg-logo-item.is-size-400x400 img,
.lg-logos-strip--size-xlarge .lg-logo-item.is-size-450x450 img {
  width: auto;
  height: 250px;
  max-width: 100%;
  max-height: 250px;
}

.lg-rich-content a,
.entry-content a,
.wp-block-post-content a {
  color: rgba(236, 240, 247, 0.98);
}

.lg-rich-content .wp-block-group,
.lg-rich-content .wp-block-cover,
.entry-content .wp-block-group,
.entry-content .wp-block-cover {
  border-radius: 18px;
}

:focus-visible {
  outline: 2px solid rgba(235, 238, 245, 0.82);
  outline-offset: 2px;
}

@media (max-width: 860px) {
  .lg-rotator-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .glass-button {
    width: 100%;
  }

  .social-glass-btn {
    width: 44px;
    height: 44px;
    min-height: 44px;
    flex: 0 0 44px;
  }

  .lg-library-teaser,
  .lg-cta-card {
    justify-items: stretch;
  }
}

@media (max-width: 600px) {
  .lg-glass {
    backdrop-filter: blur(12px) saturate(135%);
    -webkit-backdrop-filter: blur(12px) saturate(135%);
  }

  .lg-rotator-window {
    min-height: 84px;
  }

  #lg-chat-embed {
    min-height: 120px;
  }

  .lg-logos-strip {
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: 10px;
  }

  .lg-logos-strip.lg-logos-strip--compact {
    grid-template-columns: repeat(var(--lg-logos-mobile-columns, 2), minmax(0, 1fr));
    justify-content: stretch;
    justify-items: center;
    width: 100%;
    gap: 12px;
    align-items: start;
  }

  .lg-logos-strip.lg-logos-strip--compact:not(.lg-logos-strip--single) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg-logos-strip.lg-logos-strip--compact .lg-logo-item {
    width: 100%;
    min-width: 0;
    max-width: 122px;
    min-height: 0;
    padding: 8px;
  }

  .lg-logos-strip.lg-logos-strip--compact .lg-logo-item img,
  .lg-logos-strip.lg-logos-strip--compact .lg-logo-item.is-size-350x450 img,
  .lg-logos-strip.lg-logos-strip--compact .lg-logo-item.is-size-400x200 img,
  .lg-logos-strip.lg-logos-strip--compact .lg-logo-item.is-size-400x400 img,
  .lg-logos-strip.lg-logos-strip--compact .lg-logo-item.is-size-450x450 img {
    width: min(100%, 84px) !important;
    max-width: 84px !important;
    height: auto !important;
    max-height: 84px !important;
  }

  /* When there are exactly 2 compact logos and one is 400x200, allow a larger readable logo
     while keeping enough buffer so tiles never touch. */
  .lg-logos-strip.lg-logos-strip--compact[style*="--lg-logos-visible-count: 2"] .lg-logo-item.is-size-400x200 {
    max-width: 142px;
    padding: 8px;
  }

  .lg-logos-strip.lg-logos-strip--compact[style*="--lg-logos-visible-count: 2"] .lg-logo-item.is-size-400x200 img {
    width: min(100%, 116px) !important;
    max-width: 116px !important;
    max-height: 82px !important;
  }

  .lg-logos-strip.lg-logos-strip--compact[style*="--lg-logos-visible-count: 2"] .lg-logo-item.is-size-400x400 {
    max-width: 154px;
    padding: 8px;
  }

  .lg-logos-strip.lg-logos-strip--compact[style*="--lg-logos-visible-count: 2"] .lg-logo-item.is-size-400x400 img {
    width: min(100%, 118px) !important;
    max-width: 118px !important;
    max-height: 118px !important;
  }

  .lg-logos-strip.lg-logos-strip--compact[style*="--lg-logos-visible-count: 3"] .lg-logo-item.is-size-400x400 {
    max-width: 142px;
    padding: 8px;
  }

  .lg-logos-strip.lg-logos-strip--compact[style*="--lg-logos-visible-count: 3"] .lg-logo-item.is-size-400x400 img {
    width: min(100%, 108px) !important;
    max-width: 108px !important;
    max-height: 108px !important;
  }

  .lg-logos-strip.lg-logos-strip--compact .lg-logo-item.is-size-350x450,
  .lg-logos-strip.lg-logos-strip--compact .lg-logo-item.is-size-450x450 {
    max-width: 137px;
  }

  .lg-logos-strip.lg-logos-strip--compact .lg-logo-item.is-size-350x450 img {
    width: min(100%, 115px) !important;
    max-width: 115px !important;
    max-height: 149px !important;
  }

  .lg-logos-strip.lg-logos-strip--compact[style*="--lg-logos-visible-count: 2"] .lg-logo-item.is-size-450x450 {
    max-width: 189px;
    padding: 8px;
  }

  .lg-logos-strip.lg-logos-strip--compact[style*="--lg-logos-visible-count: 2"] .lg-logo-item.is-size-450x450 img {
    width: min(100%, 154px) !important;
    max-width: 154px !important;
    max-height: 154px !important;
  }

  .lg-logos-strip.lg-logos-strip--compact[style*="--lg-logos-visible-count: 3"] .lg-logo-item.is-size-450x450 {
    max-width: 174px;
    padding: 8px;
  }

  .lg-logos-strip.lg-logos-strip--compact[style*="--lg-logos-visible-count: 3"] .lg-logo-item.is-size-450x450 img {
    width: min(100%, 140px) !important;
    max-width: 140px !important;
    max-height: 140px !important;
  }

  .lg-logos-strip.lg-logos-strip--compact.lg-logos-strip--single {
    grid-template-columns: minmax(0, max-content);
    justify-content: center;
    justify-items: center;
  }

  .lg-logos-strip.lg-logos-strip--compact.lg-logos-strip--single .lg-logo-item {
    width: auto;
    max-width: min(88vw, 220px);
    padding: 10px;
  }

  .lg-logos-strip.lg-logos-strip--compact.lg-logos-strip--single .lg-logo-item.is-size-350x450 {
    max-width: min(92vw, 240px);
  }

  .lg-logos-strip.lg-logos-strip--compact.lg-logos-strip--single .lg-logo-item img,
  .lg-logos-strip.lg-logos-strip--compact.lg-logos-strip--single .lg-logo-item.is-size-350x450 img,
  .lg-logos-strip.lg-logos-strip--compact.lg-logos-strip--single .lg-logo-item.is-size-400x200 img,
  .lg-logos-strip.lg-logos-strip--compact.lg-logos-strip--single .lg-logo-item.is-size-400x400 img,
  .lg-logos-strip.lg-logos-strip--compact.lg-logos-strip--single .lg-logo-item.is-size-450x450 img {
    width: min(100%, 108px) !important;
    max-width: 108px !important;
    max-height: 108px !important;
  }

  .lg-logos-strip.lg-logos-strip--compact.lg-logos-strip--single .lg-logo-item.is-size-350x450 img {
    width: min(100%, 218px) !important;
    max-width: 218px !important;
    max-height: 284px !important;
  }

  .lg-logos-rotator .lg-rotator-header {
    margin-bottom: 18px;
  }

  .lg-logo-item {
    padding: 12px;
    min-height: 78px;
  }

  .lg-logo-item img {
    height: 96px;
    max-height: 96px;
  }

  .lg-logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .lg-logo-item img,
  .lg-logo-item.is-size-350x450 img,
  .lg-logo-item.is-size-400x200 img,
  .lg-logo-item.is-size-400x400 img,
  .lg-logo-item.is-size-450x450 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-position: center center;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
}

/* Fade only the 2nd post in the teaser list into transparency */
.projects-teaser .wp-block-post-template > li:nth-child(2) {
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0.72) 18%,
    rgba(0, 0, 0, 0.45) 45%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0.72) 18%,
    rgba(0, 0, 0, 0.45) 45%,
    rgba(0, 0, 0, 0) 100%
  );

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* Privacy page: widen constrained content on desktop without going full-bleed. */
body.page-id-3 {
  --wp--style--global--content-size: min(100%, var(--lg-max-width));
}

@media (max-width: 860px) {
  body.page-id-3 {
    --wp--style--global--content-size: 100%;
  }
}

/* Gated content click reminder: mirrors the chat persona reminder timing/style. */
.gated-preview-trigger {
  cursor: pointer;
}

.lg-gated-reminder {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 18px;
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
  color: rgba(220, 236, 255, 0.96);
  pointer-events: none;
  animation: lgGatedReminderFade 2500ms ease-out forwards;
  z-index: 12055;
}

@keyframes lgGatedReminderFade {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  18% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-4px);
  }
}