/* ============================================================
   Limbus Consent Banner – consent.css
   ============================================================ */

.limbus-consent-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 999999;
      background: rgba(18, 17, 28, 0.97);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      padding: 1.25rem 1.5rem;
      color: #e8e4dc;
      font-family: var(--lmb-font-sans, system-ui, sans-serif);
      font-size: 0.875rem;
}

.limbus-consent-inner {
      max-width: 900px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 1rem;
}

.limbus-consent-headline {
      font-size: 0.95rem;
      font-weight: 700;
      margin: 0 0 0.25rem;
      color: #fff;
      flex: 0 0 100%;
}

.limbus-consent-text {
      flex: 1 1 320px;
      margin: 0;
      line-height: 1.6;
      color: rgba(232, 228, 220, 0.8);
}

.limbus-consent-text a {
      color: var(--lmb-accent, #c8a96e);
      text-decoration: underline;
}

.limbus-consent-buttons {
      display: flex;
      gap: 0.5rem;
      flex-wrap: wrap;
      align-items: center;
      flex-shrink: 0;
}

.limbus-consent-btn {
      border: none;
      border-radius: 6px;
      padding: 8px 18px;
      font-size: 0.85rem;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.15s, transform 0.1s;
      white-space: nowrap;
}

.limbus-consent-btn:hover {
      transform: translateY(-1px);
}

.limbus-consent-btn--primary {
      background: var(--lmb-accent, #c8a96e);
      color: #12111a;
}

.limbus-consent-btn--primary:hover {
      background: #d4b87a;
}

.limbus-consent-btn--secondary {
      background: rgba(255, 255, 255, 0.12);
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.2);
}

.limbus-consent-btn--ghost {
      background: transparent;
      color: rgba(232, 228, 220, 0.5);
      font-size: 0.78rem;
      padding: 8px 10px;
}

.limbus-consent-btn--ghost:hover {
      color: #fff;
}

@media (max-width: 600px) {
      .limbus-consent-inner {
            flex-direction: column;
            align-items: flex-start;
      }

      .limbus-consent-buttons {
            width: 100%;
      }

      .limbus-consent-btn--primary,
      .limbus-consent-btn--secondary {
            flex: 1;
      }
}