/* LV GDPR Cookie Banner (Simple) – theme-friendly UI
   - Inherits site font/colors where possible
   - Uses CSS variables that you can override in your theme:
     --lv-gdpr-bg, --lv-gdpr-surface, --lv-gdpr-text, --lv-gdpr-muted,
     --lv-gdpr-primary, --lv-gdpr-primary-text, --lv-gdpr-border, --lv-gdpr-radius
*/

:root{
  --lv-gdpr-bg: rgba(0,0,0,.55);
  --lv-gdpr-surface: #ffffff;
  --lv-gdpr-text: #111111;
  --lv-gdpr-muted: rgba(17,17,17,.70);
  --lv-gdpr-border: rgba(17,17,17,.12);
  --lv-gdpr-radius: 16px;

  /* Try to follow WP theme palette if present */
  --lv-gdpr-primary: #267534;
  --lv-gdpr-primary-text: #ffffff;
}

@media (prefers-color-scheme: dark){
  :root{
    --lv-gdpr-bg: rgba(0,0,0,.65);
    --lv-gdpr-surface: #111315;
    --lv-gdpr-text: #f4f5f7;
    --lv-gdpr-muted: rgba(244,245,247,.70);
    --lv-gdpr-border: rgba(244,245,247,.16);
  }
}

#lv-gdpr-banner{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  padding: 16px;
  background: transparent;
  pointer-events: none;
}

.lv-gdpr-hidden{ display:none !important; }

.lv-gdpr-card{
  pointer-events: auto;

  width: min(980px, 100%);
  background: var(--lv-gdpr-surface);
  color: var(--lv-gdpr-text);
  border-radius: var(--lv-gdpr-radius);
  border: 1px solid var(--lv-gdpr-border);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  padding: 16px 16px 14px;
  font-family: inherit; /* match site */
  line-height: 1.4;
}

.lv-gdpr-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
  font-size: 15px;
}

.lv-gdpr-text{
  font-size: 14px;
  color: var(--lv-gdpr-muted);
}

.lv-gdpr-link{
  color: var(--lv-gdpr-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.lv-gdpr-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.lv-btn{
  appearance:none;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 10px 14px;
  cursor:pointer;
  font: inherit;
  font-size: 14px;
  line-height: 1;
  transition: transform .02s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease, opacity .15s ease;
}

.lv-btn:active{ transform: translateY(1px); }

.lv-btn:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 4px rgba(11,95,255,.22);
}

.lv-accept{
  background: var(--lv-gdpr-primary);
  color: var(--lv-gdpr-primary-text);
}

.lv-accept:hover{ opacity: .95; }

.lv-reject{
  background: transparent;
  color: var(--lv-gdpr-text);
  border-color: var(--lv-gdpr-border);
}

.lv-reject:hover{
  background: rgba(0,0,0,.04);
}

@media (prefers-color-scheme: dark){
  .lv-reject:hover{ background: rgba(255,255,255,.06); }
}

.lv-settings{
  background: transparent;
  color: var(--lv-gdpr-text);
  border-color: var(--lv-gdpr-border);
}

.lv-settings:hover{
  background: rgba(0,0,0,.04);
}

@media (prefers-color-scheme: dark){
  .lv-settings:hover{ background: rgba(255,255,255,.06); }
}

/* Settings panel */
.lv-gdpr-settings{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--lv-gdpr-border);
}

.lv-gdpr-row{
  display:flex;
  align-items:center;
  gap: 10px;
  margin: 10px 0;
  font-size: 14px;
  color: var(--lv-gdpr-text);
}

.lv-gdpr-row input[type="checkbox"]{
  width: 18px;
  height: 18px;
  accent-color: var(--lv-gdpr-primary);
}

/* Make it feel like a bottom sheet on mobile */
@media (max-width: 520px){
  #lv-gdpr-banner{
    align-items: flex-end;
    padding: 12px;
  }
  .lv-gdpr-card{
  pointer-events: auto;

    border-radius: 18px;
    padding: 14px 14px 12px;
  }
  .lv-btn{
    flex: 1 1 auto;
    justify-content: center;
    text-align:center;
  }
}