/* ------------------------------------------------------------
   CREAPAL – Safety patch (host-ready)
   (Non-destructive: adds only missing styling / guardrails)
------------------------------------------------------------ */

/* NAV CTAs (WhatsApp / Sună) */
.cp-nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding: 10px 14px;
  border-radius: var(--button-rounded-radius, 999px);
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 10px 22px rgba(0,0,0,0.10);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.cp-nav-cta:hover{ transform: translateY(-1px); box-shadow: 0 14px 30px rgba(0,0,0,0.14); }
.cp-nav-cta:active{ transform: translateY(0); opacity: .92; }

.cp-nav-cta--whatsapp{ background:#25D366; color:#fff; border-color:#25D366; }
.cp-nav-cta--call{ background:#111; color:#fff; border-color:#111; }

/* Keep mobile nav spacing decent */
@media (max-width: 1023px){
  .cp-nav-cta{ width: 100%; padding: 12px 14px; box-shadow: none; }
}

/* CONTACT: ensure submit button never becomes transparent */
.cp-contact__btn{
  background: var(--cpb-primary, #111) !important;
  color: #fff !important;
  border: 0 !important;
}

/* CONTACT: WhatsApp pill */
.cp-contact__linkPill--whatsapp{
  background:#25D366;
  color:#fff !important;
  border-color:#25D366;
}

/* CONTACT: social icons */
.cp-social__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  transition: transform .15s ease, opacity .15s ease;
}
.cp-social__link:hover{ transform: translateY(-1px); opacity: .95; }
.cp-social__svg{ width: 28px; height: 28px; display:block; }

/* Focus visibility (pro + accessibility) */
:where(a, button, input, textarea, select):focus-visible{
  outline: 2px solid rgba(37, 211, 102, 0.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduce motion respect */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; }
  .cp-nav-cta, .cp-social__link, .cp-contact__btn{ transition: none !important; }
}

/* ------------------------------------------------------------
   Fix: fara scroll lateral (orizontal) pe toate paginile
   + meniul desktop compact, ca sa nu depaseasca latimea ecranului
------------------------------------------------------------ */
html, body{ overflow-x: clip; }

/* Header pe toata latimea -> meniul de sus are loc suficient */
#global-header > .container{ max-width: none; }

/* Meniul desktop mai compact (spatii + font mai mici) -> incape tot, fara sa dispara nimic */
@media (min-width: 1024px){
  #global-header nav:not(.cp-mob-nav){ gap: .6rem; }
  #global-header nav:not(.cp-mob-nav) > a{ font-size: .85rem; }
  #global-header nav:not(.cp-mob-nav) .cp-nav-cta{ padding-left: .7rem; padding-right: .7rem; }
  #global-header nav:not(.cp-mob-nav) a[href*="#formular"]{ padding-left: .8rem; padding-right: .8rem; margin-left: .15rem; }
  /* spatiul dintre logo si meniu mai mic, ca sa avem loc */
  #global-header .flex.items-center.justify-between{ gap: 1rem; }
}