/* ============================================================= WHMCS Cookie Consent Stored in /assets/whmcs_cookies.css — safe from theme updates Mirrors Work-Book cookie consent styles, inherits Bootstrap vars ============================================================= */ #whmcs-consent-widget { margin-top: 1.5rem; margin-bottom: 1.25rem; } /* ── Intro text ──────────────────────────────────────────────── */ .whmcs-consent-intro { font-size: 1rem; color: #343a40; margin-bottom: 1rem; line-height: 1.6; text-align: center; font-weight: 500; } /* ── Button row: Accept + Choose sit side by side on desktop ─── */ #whmcs-consent-choice { display: flex; flex-direction: column; gap: 0.5rem; } /* Accept button inherits .btn.btn-primary from Twenty-One — no override needed */ /* Choose button inherits .btn.btn-outline-secondary — no override needed */ /* ── Info notice box ─────────────────────────────────────────── */ .whmcs-cookie-notice { background: #f0f4ff; border: 1px solid #c9d8f7; border-radius: 6px; padding: 0.75rem 1rem; font-size: 0.85rem; color: #3d5afe; margin-bottom: 1rem; line-height: 1.5; } /* Dark mode — Twenty-One adds .dark-mode to */ body.dark-mode .whmcs-cookie-notice { background: #1a2340; border-color: #2e3f6e; color: #7b9cef; } /* ── Cookie table ────────────────────────────────────────────── */ .whmcs-cookie-table { font-size: 0.82rem; margin-bottom: 0.5rem; } .whmcs-cookie-table thead th { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; color: #6c757d; border-top: none; padding: 0.4rem 0.6rem; } .whmcs-cookie-table tbody td { padding: 0.45rem 0.6rem; vertical-align: top; border-color: #e9ecef; } body.dark-mode .whmcs-cookie-table tbody td { border-color: #2e3340; color: #adb5bd; } .whmcs-cookie-table code { font-size: 0.78rem; color: #e83e8c; background: transparent; padding: 0; } body.dark-mode .whmcs-cookie-table code { color: #f48fb1; } /* ── Type badge ──────────────────────────────────────────────── */ .whmcs-cookie-badge { display: inline-block; padding: 0.15em 0.55em; font-size: 0.72rem; font-weight: 600; border-radius: 20px; background: #e8eeff; color: #3d5afe; white-space: nowrap; } body.dark-mode .whmcs-cookie-badge { background: #1a2340; color: #7b9cef; } /* ── Detail panel ────────────────────────────────────────────── */ #whmcs-consent-detail { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #dee2e6; animation: whmcsConsentFadeIn 0.2s ease; } body.dark-mode #whmcs-consent-detail { border-color: #2e3340; } @keyframes whmcsConsentFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } /* ── Smooth login button restore ────────────────────────────── */ #login { transition: opacity 0.3s ease; } /* ── Choose button styling ───────────────────────────────────── */ #whmcs-consent-choice .btn-outline-secondary, .whmcs-choose-btn { color: #6c757d; border-color: #6c757d; background: transparent; font-weight: 400; letter-spacing: 0.01em; } #whmcs-consent-choice .btn-outline-secondary:hover, .whmcs-choose-btn:hover { color: #fff; border-color: #6c757d; background: #6c757d !important; }