/* Site-wide announcement bars, rendered right after */ .wcb-notices { position: sticky; top: 0; z-index: 1050; width: 100%; } .wcb-notice { width: 100%; color: #fff; font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 15px; line-height: 1.45; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } .wcb-notice__inner { max-width: 1200px; margin: 0 auto; padding: 12px 48px 12px 24px; position: relative; display: flex; align-items: center; gap: 12px; min-height: 44px; } .wcb-notice__content { flex: 1; } .wcb-notice__content p { margin: 0; color: inherit; } .wcb-notice__content p + p { margin-top: 4px; } .wcb-notice__content a { color: inherit; text-decoration: underline; } .wcb-notice__content strong, .wcb-notice__content b { color: inherit; } .wcb-notice__close { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: transparent; border: 0; color: inherit; font-size: 24px; line-height: 1; width: 32px; height: 32px; padding: 0; cursor: pointer; opacity: 0.75; transition: opacity 0.15s; border-radius: 4px; } .wcb-notice__close:hover { opacity: 1; background: rgba(255, 255, 255, 0.15); } .wcb-notice[data-dismissible="0"] .wcb-notice__close { display: none; } .wcb-notice--info { background: #0d6efd; } .wcb-notice--warning { background: #f0a500; color: #1a1a1a; } .wcb-notice--warning .wcb-notice__close:hover { background: rgba(0, 0, 0, 0.1); } .wcb-notice--danger { background: #dc3545; } .wcb-notice--success { background: #198754; } @media (max-width: 640px) { .wcb-notice { font-size: 14px; } .wcb-notice__inner { padding: 10px 40px 10px 16px; } }