/* ================================================================
   OMMO v2 — Flatsome cookie notice
   Styles only the native Flatsome cookie bar.
   ================================================================ */

.flatsome-cookies {
  position: fixed !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  background: var(--ommo-paper) !important;
  color: var(--ommo-ink) !important;
  border-top: 1px solid var(--ommo-border-ink-12) !important;
  box-shadow: none !important;
  font-family: var(--ommo-font-body) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.flatsome-cookies .flatsome-cookies__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 14px var(--ommo-container-pad) !important;
}

.flatsome-cookies .flatsome-cookies__text,
.flatsome-cookies .flatsome-cookies__content,
.flatsome-cookies p {
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ommo-ink) !important;
  font-family: var(--ommo-font-body) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.flatsome-cookies .flatsome-cookies__buttons {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.flatsome-cookies a,
.flatsome-cookies button,
.flatsome-cookies .button,
.flatsome-cookies a.button,
.flatsome-cookies button.button,
.flatsome-cookies .flatsome-cookies__more-btn,
.flatsome-cookies .flatsome-cookies__accept-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 120px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 12px 22px !important;
  border-radius: var(--ommo-radius-pill) !important;
  border: 1px solid var(--ommo-ink) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: var(--ommo-font-mono) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  opacity: 1 !important;
  transition:
    transform 160ms var(--ommo-ease),
    background 180ms var(--ommo-ease),
    color 180ms var(--ommo-ease),
    border-color 180ms var(--ommo-ease) !important;
}

.flatsome-cookies a:hover,
.flatsome-cookies button:hover,
.flatsome-cookies .button:hover,
.flatsome-cookies a.button:hover,
.flatsome-cookies button.button:hover,
.flatsome-cookies .flatsome-cookies__more-btn:hover,
.flatsome-cookies .flatsome-cookies__accept-btn:hover {
  text-decoration: none !important;
  transform: translateY(-2px);
}

.flatsome-cookies a:active,
.flatsome-cookies button:active,
.flatsome-cookies .button:active,
.flatsome-cookies a.button:active,
.flatsome-cookies button.button:active,
.flatsome-cookies .flatsome-cookies__more-btn:active,
.flatsome-cookies .flatsome-cookies__accept-btn:active {
  transform: translateY(0) scale(.98);
}

/* Secondary action: Mai multe informații */
.flatsome-cookies .flatsome-cookies__more-btn,
.flatsome-cookies a:not(.flatsome-cookies__accept-btn),
.flatsome-cookies a.button:not(.flatsome-cookies__accept-btn) {
  background: transparent !important;
  color: var(--ommo-ink) !important;
  border-color: var(--ommo-ink) !important;
}

/* Primary action: Acceptă */
.flatsome-cookies .flatsome-cookies__accept-btn,
.flatsome-cookies button,
.flatsome-cookies button.button {
  background: var(--ommo-ink) !important;
  color: var(--ommo-cream) !important;
  border-color: var(--ommo-ink) !important;
}

.flatsome-cookies .flatsome-cookies__more-btn:hover,
.flatsome-cookies a:not(.flatsome-cookies__accept-btn):hover,
.flatsome-cookies a.button:not(.flatsome-cookies__accept-btn):hover {
  background: var(--ommo-ink) !important;
  color: var(--ommo-cream) !important;
  border-color: var(--ommo-ink) !important;
}

.flatsome-cookies .flatsome-cookies__accept-btn:hover,
.flatsome-cookies button:hover,
.flatsome-cookies button.button:hover {
  background: var(--ommo-ink-soft) !important;
  color: var(--ommo-cream) !important;
  border-color: var(--ommo-ink-soft) !important;
}

@media (hover: none) {
  .flatsome-cookies a:hover,
  .flatsome-cookies button:hover,
  .flatsome-cookies .button:hover,
  .flatsome-cookies a.button:hover,
  .flatsome-cookies button.button:hover,
  .flatsome-cookies .flatsome-cookies__more-btn:hover,
  .flatsome-cookies .flatsome-cookies__accept-btn:hover {
    transform: none;
  }
}

/* Tablet / narrow laptop:
   text centered, buttons centered underneath.
 */
@media (max-width: 1100px) {
  .flatsome-cookies .flatsome-cookies__inner {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    min-height: 0 !important;
    padding-block: 18px !important;
  }

  .flatsome-cookies .flatsome-cookies__text,
  .flatsome-cookies .flatsome-cookies__content,
  .flatsome-cookies p {
    flex: 0 1 auto !important;
    max-width: 920px !important;
    text-align: center !important;
  }

  .flatsome-cookies .flatsome-cookies__buttons {
    justify-content: center !important;
    gap: 16px !important;
  }
}

/* Mobile:
   smaller text so the notice takes less vertical screen space.
 */
@media (max-width: 640px) {
  .flatsome-cookies .flatsome-cookies__inner {
    align-items: stretch !important;
    gap: 14px !important;
    padding: 22px var(--ommo-container-pad) 20px !important;
  }

  .flatsome-cookies .flatsome-cookies__text,
  .flatsome-cookies .flatsome-cookies__content,
  .flatsome-cookies p {
    max-width: 38ch !important;
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  .flatsome-cookies .flatsome-cookies__buttons {
    width: 100% !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  .flatsome-cookies a,
  .flatsome-cookies button,
  .flatsome-cookies .button,
  .flatsome-cookies a.button,
  .flatsome-cookies button.button,
  .flatsome-cookies .flatsome-cookies__more-btn,
  .flatsome-cookies .flatsome-cookies__accept-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 44px !important;
    padding: 12px 18px !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
    border-radius: var(--ommo-radius-pill) !important;
  }

  .flatsome-cookies .flatsome-cookies__more-btn,
  .flatsome-cookies a:not(.flatsome-cookies__accept-btn),
  .flatsome-cookies a.button:not(.flatsome-cookies__accept-btn) {
    min-width: max-content !important;
  }

  .flatsome-cookies .flatsome-cookies__accept-btn,
  .flatsome-cookies button,
  .flatsome-cookies button.button {
    min-width: 132px !important;
  }
}

/* Very small phones:
   stack buttons only when two pill buttons genuinely cannot fit.
 */
@media (max-width: 360px) {
  .flatsome-cookies .flatsome-cookies__inner {
    gap: 12px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .flatsome-cookies .flatsome-cookies__text,
  .flatsome-cookies .flatsome-cookies__content,
  .flatsome-cookies p {
    font-size: 14px !important;
    line-height: 1.38 !important;
  }

  .flatsome-cookies .flatsome-cookies__buttons {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  .flatsome-cookies a,
  .flatsome-cookies button,
  .flatsome-cookies .button,
  .flatsome-cookies a.button,
  .flatsome-cookies button.button,
  .flatsome-cookies .flatsome-cookies__more-btn,
  .flatsome-cookies .flatsome-cookies__accept-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}