/* ============================================================
   KLARO CONSENT MANAGER — TEMA EXCLUSIVO (A FORJA EDUCAÇÃO)
   Design System v1.5.1
   ============================================================ */

.klaro {
  font-family: "Manrope", Arial, sans-serif !important;
  color: #171918 !important;
}

/* Modal e Notice Wrapper */
.klaro .cookie-modal,
.klaro .cookie-notice {
  background: #f6f3f0 !important;
  border: 1px solid #c8c5c0 !important;
  border-top: 5px solid #f05a23 !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35) !important;
  border-radius: 4px !important;
  color: #171918 !important;
}

.klaro .cookie-notice {
  position: fixed !important;
  bottom: 1.5rem !important;
  right: 1.5rem !important;
  left: auto !important;
  max-width: 28rem !important;
  z-index: 9999 !important;
  padding: 1.5rem !important;
}

/* Títulos */
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-notice h2,
.klaro .cookie-modal .title {
  font-family: "Newsreader", Georgia, serif !important;
  font-weight: 600 !important;
  color: #171918 !important;
}

/* Botões */
.klaro .cm-btn {
  font-family: "Manrope", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  padding: 0.65rem 1.1rem !important;
  border-radius: 2px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform 150ms ease, background-color 150ms ease !important;
}

.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn.cm-btn-accept-all {
  background-color: #f05a23 !important;
  color: #171918 !important;
  border: 1px solid #f05a23 !important;
}
.klaro .cm-btn.cm-btn-success:hover,
.klaro .cm-btn.cm-btn-accept-all:hover {
  background-color: #d94e1c !important;
}

.klaro .cm-btn.cm-btn-info,
.klaro .cm-btn.cm-btn-decline {
  background-color: #171918 !important;
  color: #f6f3f0 !important;
  border: 1px solid #171918 !important;
}

.klaro .cm-btn.cm-btn-sm {
  font-size: 0.75rem !important;
  padding: 0.45rem 0.85rem !important;
}

/* Links */
.klaro a {
  color: #176b70 !important;
  text-decoration: underline !important;
}
.klaro a:hover {
  color: #f05a23 !important;
}

/* Switches / Toggles */
.klaro .cm-list-input:checked + .cm-list-label .slider {
  background-color: #176b70 !important;
}

/* Botão Flutuante de Gerenciar Cookies nos Rodapés */
[data-open-klaro] {
  cursor: pointer;
}