/* =============================
   Detailer.pt - Política de Cookies (v2.1)
   ============================= */

:root {
  --detailer-brown: #915b41; /* cor principal do site */
  --detailer-gray: #f8f8f8;
  --detailer-dark: #222;
}

/* --- Banner --- */
.detailer-cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: var(--detailer-gray);
  color: var(--detailer-dark);
  padding: 12px 20px;
  font-size: 15px;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.08);
}

.detailer-cookie-banner a {
  color: var(--detailer-brown);
  text-decoration: underline;
}

.detailer-cookie-banner a:hover {
  text-decoration: none;
}

.detailer-cookie-message {
  flex: 1 1 auto;
  margin-right: 12px;
}

.detailer-cookie-actions {
  flex-shrink: 0;
  display: flex;
  gap: 8px;
}

.detailer-cookie-actions button {
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.2s ease, color 0.2s ease;
}

/* Botão aceitar */
.detailer-cookie-actions .d-accept {
  background: var(--detailer-brown);
  color: #fff;
}

.detailer-cookie-actions .d-accept:hover {
  background: #b27d5e;
}

/* Botão rejeitar */
.detailer-cookie-actions .d-reject {
  background: #e5e5e5;
  color: var(--detailer-dark);
}

.detailer-cookie-actions .d-reject:hover {
  background: #d5d5d5;
}

/* Botão configurações */
.detailer-cookie-actions .d-config {
  background: transparent;
  color: var(--detailer-dark);
  border: 1px solid #ccc;
}

.detailer-cookie-actions .d-config:hover {
  border-color: var(--detailer-brown);
  color: var(--detailer-brown);
}

/* --- Modal --- */
.detailer-cookie-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.55);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.dcm-dialog {
  background: #fff;
  border-radius: 12px;
  padding: 28px;
  max-width: 460px;
  width: 90%;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  text-align: left;
  animation: fadeIn 0.25s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

.dcm-dialog h3 {
  margin-top: 0;
  font-size: 1.3rem;
  color: var(--detailer-dark);
}

.dcm-dialog p {
  font-size: 0.95rem;
  color: #444;
}

.dcm-dialog label {
  display: block;
  margin: 8px 0;
  font-size: 0.95rem;
}

.dcm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.dcm-actions button {
  border: none;
  border-radius: 6px;
  padding: 8px 18px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.2s ease;
}

/* Botão cancelar */
.dcm-actions .dcm-cancel {
  background: #e5e5e5;
  color: var(--detailer-dark);
}

.dcm-actions .dcm-cancel:hover {
  background: #d4d4d4;
}

/* Botão guardar */
.dcm-actions .dcm-save {
  background: var(--detailer-brown);
  color: #fff;
}

.dcm-actions .dcm-save:hover {
  background: #b27d5e;
}