/* ==========================================================================
   TEMPLATE PART: sticky-cta  (mobile only)
   Εμφανίζεται μετά το hero. JS: js/sticky-cta.js
   ========================================================================== */

.sticky-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-sticky-cta);
  display: none;
  align-items: center;
  gap: var(--space-2xs);
  height: var(--sticky-cta-height);
  padding: var(--space-xs) var(--space-sm);
  padding-bottom: max(var(--space-xs), env(safe-area-inset-bottom));
  background-color: var(--color-overlay-sticky);
  border-top: var(--border-width) solid var(--color-border-on-dark);
  transform: translateY(100%);
  transition: transform var(--dur) var(--ease);
}

.sticky-cta--visible { transform: translateY(0); }

.sticky-cta__primary {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  min-height: var(--control-height);
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  font-size: var(--fs-body);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-btn);
}

.sticky-cta__phone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--control-height);
  height: var(--control-height);
  flex-shrink: 0;
  border: var(--border-width) solid var(--color-border-on-dark-cta);
  color: var(--color-text-on-dark);
}

@media (max-width: 860px) {
  .sticky-cta { display: flex; }
}