/* ==========================================================================
 * Cookie Modal Neumorphic Styles
 * Path: core/static/css/core/base/cookie-modal.css
 * ========================================================================== */

.cookie-modal {
  /* Herdar tokens do Trabalhe, com fallback */
  --cookie-text: var(--pp-text, #111827);
  --cookie-muted: var(--pp-muted, #4b5563);
  --cookie-brand: var(--pp-brand, var(--color-primary-600, #1C267F));
  --cookie-brand-strong: var(--pp-brand-700, #18206C);
  --cookie-success: var(--pp-success, #16a34a);
  --cookie-base: var(--pp-neumorphic-base, #e4e9f2);
  --cookie-shadow-light: var(--pp-shadow-light, #ffffff);
  --cookie-shadow-dark: var(--pp-shadow-dark, #b8bfcb);

  color: var(--cookie-text);
  background: var(--cookie-base);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, .45);
  /* Igual ao .lc-card: sombras INSET */
  box-shadow: inset 4px 4px 8px var(--cookie-shadow-dark),
              inset -4px -4px 8px var(--cookie-shadow-light);
  backdrop-filter: blur(20px) saturate(165%);
  -webkit-backdrop-filter: blur(20px) saturate(165%);
  overflow: hidden;
}

.cookie-modal .modal-header,
.cookie-modal .modal-body,
.cookie-modal .modal-footer {
  background: transparent;
  border: none;
}

.cookie-modal .modal-header {
  padding-bottom: .5rem;
}

.cookie-modal .modal-title {
  font-weight: 800;
  color: var(--cookie-brand-strong);
}

.cookie-modal .modal-body {
  color: var(--cookie-muted);
}

.cookie-modal .modal-body p {
  color: inherit;
}

.cookie-modal .modal-body .list-group {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .45), inset -3px -3px 6px rgba(184, 191, 203, .35);
  background: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .58));
  margin-bottom: 0;
}

.cookie-modal .modal-body .list-group-item {
  background: transparent;
  border: 0;
  color: var(--cookie-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cookie-modal .modal-body .list-group-item + .list-group-item {
  border-top: 1px solid rgba(184, 191, 203, .35);
}

.cookie-modal .modal-body .badge {
  background: linear-gradient(145deg, var(--cookie-brand), var(--cookie-brand-strong));
  border: none;
  box-shadow: 0 6px 14px rgba(var(--bs-primary-rgb, 28, 38, 127), .28);
}

.cookie-modal .lc-actions {
  display: flex;
  gap: .75rem;
  justify-content: flex-end;
  align-items: center;
  padding-top: .5rem;
  flex-wrap: wrap;
}


/* Botões no mesmo design do cookieDeclineBtn */
.cookie-modal .lc-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 20px 40px; border-radius: 50px; border: none; outline: none;
  background: #e0e5ec; color: #5a6779; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 1.1rem; font-weight: 600; letter-spacing: .5px; line-height: 1;
  box-shadow: 9px 9px 18px #a3b1c6, -9px -9px 18px #ffffff;
  transition: all .25s ease; position: relative; cursor: pointer;
}
.cookie-modal .lc-btn:hover { box-shadow: 9px 9px 18px #a3b1c6, -9px -9px 18px #ffffff, inset 0 0 10px rgba(255,255,255,.8), 0 0 35px rgba(255,255,255,1); color: #1a1e24; }
.cookie-modal .lc-btn:active { transform: scale(.98); box-shadow: inset 7px 7px 14px #a3b1c6, inset -7px -7px 14px #ffffff; }
.cookie-modal .lc-btn[disabled] { opacity: .7; cursor: not-allowed; box-shadow: none; }

.cookie-modal .lc-btn-primary {
  color: var(--cookie-brand);
  border: 1px solid rgba(var(--bs-primary-rgb, 28, 38, 127), .22);
  background: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .78));
  box-shadow: 6px 6px 14px rgba(184, 191, 203, .65), -6px -6px 14px rgba(255, 255, 255, .9);
}

.cookie-modal .lc-btn-primary:hover {
  color: var(--cookie-brand-strong);
}

.cookie-modal .lc-btn-primary:active {
  color: var(--cookie-brand);
}

/* Ghost mantém o mesmo bloco/sombra, somente estilo de texto (cor já definida acima) */
.cookie-modal .lc-btn-ghost { border: 1px solid rgba(255,255,255,.55); }

.cookie-modal .lc-btn-ghost:hover {
  color: var(--cookie-brand-strong);
}

.cookie-modal .lc-btn-reset {
  color: var(--cookie-muted);
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 0;
  height: auto;
}

.cookie-modal .lc-btn-reset:hover {
  color: var(--cookie-brand);
  transform: none;
}

.cookie-modal .lc-btn-reset:active {
  transform: none;
}

@media (max-width: 480px) {
  .cookie-modal .lc-actions {
    justify-content: stretch;
  }

  .cookie-modal .lc-btn {
    flex: 1 1 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cookie-modal,
  .cookie-modal .lc-btn {
    transition: none;
  }
}