/*
 * misticSparks — BAZĂ (toate paginile)
 * Reguli generale pentru pagină, independente de header/footer.
 */

/* Fontul titlurilor (Cormorant Garamond), servit de pe site, pe toate paginile.
 * Până acum venea doar prin Elementor/snippeturi, deci lipsea pe paginile fără ele. */
@font-face { font-family: 'Cormorant Garamond'; src: url(/wp-content/uploads/fonts/cormorant-original-inline-1.woff2) format('woff2'); font-weight: 400 500; font-display: swap; }
@font-face { font-family: 'Cormorant Garamond'; src: url(/wp-content/uploads/fonts/cormorant-original-inline-2.woff2) format('woff2'); font-weight: 600 700; font-display: swap; }

/* Pe telefon și tabletă pagina nu se lățește peste ecran (meniul și mini-coșul stau în afara ecranului până se deschid). */
@media (max-width: 1024px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: clip !important;
  }
}


/* ---------- Cookie-Einstellungen (Complianz) și butonul de retragere Händlerbund ----------
 * Singurul loc pentru aceste reguli (04.11.2026, mutate aici din Complianz „Individuelles CSS” și din snippetul #152).
 * Stă în 01-baza.css pentru că trebuie pe TOATE paginile, inclusiv în checkout.
 * Calculator: butonul Complianz stă în stânga (în dreapta e asistentul „Fragen?”); butonul de retragere urcă deasupra lui.
 * Telefon: butonul Complianz e un cerc de 44 px cu scut, pe rândul butonului de chat, și nu mai acoperă textul.
 * !important + prefixul body: bat stilul generat de Complianz (banner-1-optin.css), care se încarcă după acest fișier,
 * indiferent de ordinea fișierelor. Textul butonului rămâne în pagină, deci cititoarele de ecran îl citesc în continuare.
 */
body #cmplz-manage-consent .cmplz-manage-consent {
  left: 20px !important;
  right: auto !important;
}

body:has(.cmplz-manage-consent) #hbRevocationButton:not(.msf-wr #hbRevocationButton) { /* doar când butonul plutește, nu când stă în footer */
  margin-bottom: 64px !important;
}

@media (max-width: 768px) {
  body #cmplz-manage-consent .cmplz-manage-consent {
    left: 12px !important;
    right: auto !important;
    bottom: 74px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 0 !important;
    max-width: 44px !important;
    padding: 0 !important;
    border: 1px solid #e6dcc4 !important;
    border-radius: 50% !important;
    background: #fffcf5 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b08d3c%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l7%203v5c0%204.6-3%208.3-7%2010-4-1.7-7-5.4-7-10V6l7-3z%22%2F%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22%2F%3E%3C%2Fsvg%3E") center / 22px 22px no-repeat !important;
    box-shadow: 0 4px 12px rgba(11, 58, 40, 0.16) !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    animation: none !important;
  }

  body #cmplz-manage-consent .cmplz-manage-consent:focus-visible {
    outline: 2px solid #b08d3c !important;
    outline-offset: 2px !important;
  }

  body:has(.cmplz-manage-consent) #hbRevocationButton:not(.msf-wr #hbRevocationButton) { /* doar când butonul plutește, nu când stă în footer */
    margin-bottom: 128px !important;
  }
}