
/* Minimal, discreet banner + modal */
#wpccv2-root { position: fixed; z-index: 999999; left: 16px; bottom: 16px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.wpccv2-banner, .wpccv2-modal { background: #111; color: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.wpccv2-banner { width: min(420px, calc(100vw - 32px)); padding: 14px; }
.wpccv2-banner__title { font-weight: 600; margin-bottom: 6px; font-size: 14px; }
.wpccv2-banner__text { font-size: 13px; line-height: 1.35; opacity: .9; }
.wpccv2-banner__actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }

.wpccv2-btn { border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.06); color: #fff; padding: 8px 10px; border-radius: 10px; font-size: 13px; cursor: pointer; }
.wpccv2-btn:hover { background: rgba(255,255,255,.12); }
.wpccv2-btn--primary { background: #fff; color: #111; border-color: #fff; }
.wpccv2-btn--primary:hover { background: rgba(255,255,255,.92); }
.wpccv2-btn--ghost { background: transparent; }

.wpccv2-manage { display: inline-flex; margin-bottom: 8px; border: 0; background: rgba(0,0,0,.65); color: #fff; padding: 6px 10px; border-radius: 999px; font-size: 12px; cursor: pointer; }
.wpccv2-manage:hover { background: rgba(0,0,0,.75); }

.wpccv2-overlay { position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,.45); display: flex; align-items: flex-end; justify-content: center; padding: 16px; }
.wpccv2-modal { width: min(560px, calc(100vw - 32px)); padding: 0; overflow: hidden; }
.wpccv2-modal__header { display:flex; justify-content: space-between; align-items:center; padding: 14px 14px 10px; border-bottom: 1px solid rgba(255,255,255,.12); }
.wpccv2-modal__title { font-weight: 700; font-size: 14px; }
.wpccv2-close { border: 0; background: transparent; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; opacity: .9; }
.wpccv2-close:hover { opacity: 1; }
.wpccv2-modal__body { padding: 14px; display: grid; gap: 10px; }
.wpccv2-row { display:flex; gap: 12px; justify-content: space-between; align-items: flex-start; padding: 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; }
.wpccv2-row__title { font-weight: 600; font-size: 13px; margin-bottom: 3px; }
.wpccv2-row__desc { font-size: 12px; line-height: 1.35; opacity: .85; max-width: 420px; }
.wpccv2-row__right input { transform: translateY(2px); }
.wpccv2-modal__footer { padding: 12px 14px 14px; border-top: 1px solid rgba(255,255,255,.12); display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }

/* --- Compact "Manage cookies" button (icon-only) --- */
.wpccv2-manage{
  position: fixed;
  left: calc(16px + env(safe-area-inset-left));
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 999999;

  width: 44px;
  height: 44px;
  padding: 0;

  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* peidab teksti visuaalselt */
  font-size: 0;
  line-height: 1;

  cursor: pointer;
}

/* vali ikoon: 🍪 või ⚙️ */
.wpccv2-manage::before{
  content: "🍪";
  font-size: 20px;
}
