/* * cookie-consent.css — RMP Software shared module * Include in : * * Uses CSS custom properties so it blends with each site's theme. * Override --rmp-cc-accent etc. in your site's CSS if needed. */ :root { --rmp-cc-bg: #ffffff; --rmp-cc-border: #e2e8f0; --rmp-cc-text: #64748b; --rmp-cc-accent: #0ea5e9; --rmp-cc-accent-hover:#0284c7; --rmp-cc-shadow: rgba(0, 0, 0, 0.07); } #rmp-cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; display: none; background: var(--rmp-cc-bg); border-top: 1px solid var(--rmp-cc-border); box-shadow: 0 -4px 24px var(--rmp-cc-shadow); padding: 14px 24px; } .rmp-cookie-inner { max-width: 1152px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .rmp-cookie-text { font-size: 13px; color: var(--rmp-cc-text); line-height: 1.5; margin: 0; } .rmp-cookie-text a { color: var(--rmp-cc-accent); text-decoration: none; } .rmp-cookie-text a:hover { text-decoration: underline; } .rmp-cookie-buttons { display: flex; gap: 8px; flex-shrink: 0; } #rmp-cookie-accept { padding: 7px 18px; background: var(--rmp-cc-accent); color: #ffffff; font-size: 13px; font-weight: 600; border: none; border-radius: 5px; cursor: pointer; transition: background 0.15s; } #rmp-cookie-accept:hover { background: var(--rmp-cc-accent-hover); } #rmp-cookie-decline { padding: 7px 18px; background: var(--rmp-cc-bg); color: var(--rmp-cc-text); font-size: 13px; font-weight: 600; border: 1px solid var(--rmp-cc-border); border-radius: 5px; cursor: pointer; transition: background 0.15s; } #rmp-cookie-decline:hover { background: #f8fafc; }