/*
 * Cookie consent banner (PrivacyPolicies.com, via assets/js/consent.js).
 * Same styling as the cookie banner on hng-select.com; keep them in sync.
 */

.privacypolicies-com---nb {
    position: fixed !important;
    width: min(560px, calc(100vw - 2rem)) !important;
    right: 1rem !important;
    left: auto !important;
    bottom: 1rem !important;
    border-radius: 16px !important;
    border: 1px solid #dbe4f2 !important;
    background: #ffffff !important;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18) !important;
    z-index: 60 !important;
}

.privacypolicies-com---nb-interstitial-overlay {
    background: transparent !important;
    backdrop-filter: none !important;
}

.privacypolicies-com---nb .cc-nb-main-container {
    padding: 1rem 1rem 0.9rem !important;
}

.privacypolicies-com---nb .cc-nb-title {
    margin: 0 0 0.4rem !important;
    color: #0f172a !important;
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.privacypolicies-com---nb .cc-nb-text {
    margin: 0 !important;
    color: #475569 !important;
    font-size: 0.88rem !important;
    line-height: 1.45 !important;
}

.privacypolicies-com---nb .cc-nb-buttons-container {
    margin-top: 0.85rem !important;
    display: flex !important;
    gap: 0.45rem !important;
    flex-wrap: wrap !important;
}

.privacypolicies-com---nb button {
    border-radius: 9999px !important;
    font-size: 0.8rem !important;
    padding: 0.45rem 0.85rem !important;
    font-weight: 600 !important;
    border: 1px solid #cdd8ea !important;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.privacypolicies-com---nb .cc-nb-okagree,
.privacypolicies-com---nb .cc-nb-reject {
    background: #00334c !important;
    border-color: #00334c !important;
    color: #ffffff !important;
}

.privacypolicies-com---nb .cc-nb-changep {
    background: #ffffff !important;
    border-color: #00334c !important;
    color: #00334c !important;
}

.privacypolicies-com---nb .cc-nb-okagree:hover,
.privacypolicies-com---nb .cc-nb-reject:hover {
    background: rgba(0, 51, 76, 0.9) !important;
    border-color: rgba(0, 51, 76, 0.9) !important;
}

.privacypolicies-com---nb .cc-nb-changep:hover {
    background: #f4f8fb !important;
    border-color: #00334c !important;
    color: #00334c !important;
}

@media (max-width: 640px) {
    .privacypolicies-com---nb {
        left: 0.75rem !important;
        right: 0.75rem !important;
        width: auto !important;
        bottom: 0.75rem !important;
    }
}