/* Mobile styles for sikdatnu-politika.html */

@media (max-width: 768px) {
    /* Mobile: use native/default scrollbars (remove custom styling) */
    html {
        scrollbar-width: auto;
        scrollbar-color: auto;
    }
    .scrollbar-thin {
        scrollbar-width: auto !important;
        scrollbar-color: auto !important;
    }
    html::-webkit-scrollbar,
    .scrollbar-thin::-webkit-scrollbar {
        width: initial !important;
        height: initial !important;
    }
    html::-webkit-scrollbar-track,
    .scrollbar-thin::-webkit-scrollbar-track {
        background: initial !important;
        border-radius: initial !important;
    }
    html::-webkit-scrollbar-thumb,
    .scrollbar-thin::-webkit-scrollbar-thumb {
        background: initial !important;
        border-radius: initial !important;
        border: initial !important;
    }
    html::-webkit-scrollbar-thumb:hover,
    .scrollbar-thin::-webkit-scrollbar-thumb:hover {
        background: initial !important;
    }

    .content-card,
    .cookie-popup,
    .cookie-accept {
        border-radius: 2vw !important;
    }

    .main-content {
        padding: 9vh 5vw 3vh 5vw;
        margin: 0 auto;
        min-height: auto;
    }

    .page-title {
        font-size: 2rem;
        margin-top: 0;
    }

    .content-card {
        padding: 1.5rem;
    }

    /* Mobile typography: restore minimum font sizes like other subpages */
    .card-title {
        font-size: max(21px, 2.5vh);
    }

    .list-title {
        font-size: max(19px, 2.4vh);
    }

    .card-content,
    .card-content p,
    .content-list,
    .content-list li,
    .card-content a {
        font-size: max(18px, 2.3vh);
        line-height: 1.4;
    }

    .content-list {
        margin: 0 0 max(12px, 1.5vh) 0;
        padding: 0;
    }

    /* Text element spacing: minimum only (no max cap) */
    .content-card .card-title {
        margin-top: max(25px, 2vh);
        margin-bottom: max(11px, 1vh);
    }

    .content-card .card-title:first-child {
        margin-top: 0;
    }

    .content-card .list-title {
        margin: max(17px, 2vh) 0 max(11px, 1vh) 0;
    }

    .content-card p {
        margin-top: 0;
        margin-bottom: max(11px, 1vh);
    }

    .content-card li {
        margin-bottom: max(11px, 1vh);
    }

    .cookie-text {
        font-size: max(15px, 3.4vw);
    }

    .cookie-accept {
        font-size: max(15px, 3.4vw);
        padding: 1vw;
    }

    .cookie-popup {
        padding: 1vw !important;
        bottom: 2vw;
        right: 2vw;
        gap: 1vw;
    }

    /* When cookie popup is visible, add extra scroll room so the bottom credit
       can be scrolled above the fixed popup (works with iOS #scrollWrapper too). */
    html.cookie-popup-visible body,
    html.cookie-popup-visible .scroll-wrapper {
        padding-bottom: 5vh;
        box-sizing: border-box;
    }

    .site-credit {
        font-size: max(12px, 1.5vh);
    }
    
    body > .site-credit {
        display: none;
    }

    /* (replaced by .content-card p min-only margins above) */
}