/* RicoReWi Cookie Banner - styles */

/* Use CSS custom properties so theme can override if supported */
:root {
  --rrwb-bg: #111;
  --rrwb-text: #fff;
  --rrwb-accept: #4CAF50;
  --rrwb-decline: #e53935;
  --rrwb-max-width: 1100px;
  --rrwb-padding: 18px;
  --rrwb-radius: 10px;
}

/* Banner container */
.rrwb-cookie-banner {
  position: fixed;
  bottom: 18px;
  left: 18px;
  right: 18px;
  z-index: 99999;
  display: flex;
  justify-content: center;
  pointer-events: auto;
}

/* inner card */
.rrwb-inner {
  width: 100%;
  max-width: var(--rrwb-max-width);
  background: var(--rrwb-bg);
  color: var(--rrwb-text);
  padding: var(--rrwb-padding);
  border-radius: var(--rrwb-radius);
  box-shadow: 0 8px 30px rgba(0,0,0,0.2);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* message */
.rrwb-message {
  flex: 1 1 60%;
  font-size: 15px;
  line-height: 1.4;
}

/* actions */
.rrwb-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* buttons */
.rrwb-btn {
  padding: 10px 16px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  font-weight: 600;
}

/* default button colors (can be overridden inline by plugin) */
.rrwb-btn-accept { background: var(--rrwb-accept); color: #fff; }
.rrwb-btn-decline { background: var(--rrwb-decline); color: #fff; }

/* responsive */
@media (max-width: 640px) {
  .rrwb-inner { flex-direction: column; text-align: center; }
  .rrwb-message { flex-basis: 100%; }
  .rrwb-actions { justify-content: center; width: 100%; }
}