/**
 * Hidden Sector Online - site-wide cookie notice styles.
 * Self-contained (loaded on every page), so it defines its own colours.
 *
 * Copyright (c) 2026 DigiFalk. All rights reserved.
 */

.hsoc-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 13px 20px;
    background: #080b16;
    border-top: 1px solid #35e0ff;
    box-shadow: 0 -6px 30px rgba(0, 0, 0, 0.45);
    color: #dce6ff;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    font-size: 13px;
    line-height: 1.5;
}
.hsoc-btext { max-width: 820px; }
.hsoc-bar a,
.hsoc-link { color: #35e0ff; text-decoration: underline; cursor: pointer; }

.hsoc-btn {
    background: #35e0ff;
    color: #04121a;
    border: none;
    border-radius: 8px;
    padding: 9px 18px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.hsoc-btn:hover { background: #6ceaff; }

/* Privacy policy popup */
.hsoc-back {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: rgba(5, 7, 15, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.hsoc-modal {
    position: relative;
    width: 100%;
    max-width: 640px;
    max-height: 88vh;
    overflow: auto;
    background: #0d1326;
    border: 1px solid #35e0ff;
    border-radius: 14px;
    box-shadow: 0 0 60px rgba(53, 224, 255, 0.25);
    padding: 24px;
    color: #dce6ff;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.hsoc-x {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 30px;
    height: 30px;
    background: none;
    border: 1px solid #1e2a44;
    border-radius: 8px;
    color: #7f8db0;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.hsoc-x:hover { color: #35e0ff; border-color: #35e0ff; }
.hsoc-modal h3 { margin: 0 0 12px; color: #35e0ff; font-size: 20px; }
.hsoc-text { font-size: 13px; line-height: 1.55; color: #dce6ff; }
.hsoc-text h4 { margin: 14px 0 6px; color: #35e0ff; font-size: 14px; }
.hsoc-text p { margin: 0 0 10px; }
.hsoc-text ul { margin: 0 0 10px; padding-left: 18px; }
.hsoc-text li { margin: 0 0 5px; }
.hsoc-text a { color: #35e0ff; }
.hsoc-actions { display: flex; justify-content: flex-end; margin-top: 14px; }

@media (max-width: 520px) {
    .hsoc-bar { font-size: 12px; padding: 11px 14px; }
}