/* Shared styling for QuiDiDo privacy pages (en/de/es/fr/it) */

html {
    background-color: #eef2f7;
    min-height: 100%;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #1f2937;
    max-width: 820px;
    margin: 40px auto;
    background: #ffffff;
    border-radius: 14px;
    padding: 44px 52px;
    box-shadow: 0 2px 18px rgba(1, 32, 90, 0.08);
    line-height: 1.65;
    font-size: 16px;
}

h1 {
    font-size: 2em;
    color: #01205a;
    margin: 0 0 0.6em;
    padding-bottom: 0.35em;
    border-bottom: 3px solid #00ccff;
    line-height: 1.2;
}
h2 {
    font-size: 1.3em;
    color: #115783;
    margin: 1.8em 0 0.5em;
    line-height: 1.3;
}
h3 {
    font-size: 1.1em;
    color: #115783;
    margin: 1.4em 0 0.4em;
}

p {
    margin: 0 0 1em;
}

a {
    color: #115783;
    text-decoration: none;
    border-bottom: 1px solid rgba(17, 87, 131, 0.35);
    transition: color 0.15s, border-color 0.15s;
}
a:hover {
    color: #0099cc;
    border-bottom-color: #00ccff;
}

ul, ol {
    padding-left: 1.5em;
    margin: 0 0 1em;
}
li {
    margin: 0.3em 0;
}

strong, b {
    color: #01205a;
}

hr {
    border: none;
    border-top: 1px solid #d8dde6;
    margin: 1.5em 0;
}

/* Language switcher (top-right, fixed) */
#languages {
    position: fixed;
    right: 14px;
    top: 14px;
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    border-radius: 999px;
    padding: 5px 6px;
    display: flex;
    gap: 2px;
    z-index: 10;
}
#languages > a {
    font-size: 0.85em;
    font-weight: 600;
    padding: 5px 11px;
    text-decoration: none;
    border-radius: 999px;
    color: #115783;
    border: none;
    transition: background-color 0.15s, color 0.15s;
}
#languages > a:hover {
    background-color: #00ccff;
    color: #ffffff;
}

.hidden { opacity: 0; visibility: hidden; }

/* Tablet */
@media (max-width: 720px) {
    body {
        margin: 24px auto;
        padding: 32px 28px;
        border-radius: 12px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    body {
        margin: 12px;
        padding: 24px 18px;
        font-size: 15px;
    }
    h1 { font-size: 1.55em; }
    h2 { font-size: 1.18em; }
    h3 { font-size: 1.05em; }
    #languages {
        right: 8px;
        top: 8px;
        padding: 3px 4px;
    }
    #languages > a {
        font-size: 0.78em;
        padding: 4px 8px;
    }
}