/* ===========================================
   LEGAL PAGES – MEDIUM RESPONSIVE (601px–695px)
   Covers: privacy-policy.html, terms-of-use.html
   =========================================== */

@media screen and (min-width: 601px) and (max-width: 695px) {

    /* ============================================
       HERO TITLE
       ============================================ */

    .content-row.full.row_padding_top h1,
    .content-row.full h1[style*="font-size: 88px"] {
        font-size: 48px !important;
        letter-spacing: -2px !important;
        line-height: 1.1 !important;
    }

    /* ============================================
       MAIN CONTENT AREA
       ============================================ */

    #main-page-content .content-row > div[style*="max-width: 900px"] {
        padding: 30px 20px !important;
    }

    #main-page-content .content-row > div[style*="max-width: 900px"] h1[style*="font-size: 36px"] {
        font-size: 28px !important;
        margin-bottom: 24px !important;
        word-wrap: break-word !important;
    }

    #main-page-content .content-row > div[style*="max-width: 900px"] h2[style*="font-size: 20px"] {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    #main-page-content .content-row > div[style*="max-width: 900px"] h3[style*="font-size: 18px"] {
        font-size: 16px !important;
    }

    #main-page-content .content-row > div[style*="max-width: 900px"] ul[style*="margin-left: 30px"],
    #main-page-content .content-row > div[style*="max-width: 900px"] ol[style*="margin-left: 30px"] {
        margin-left: 20px !important;
    }

    /* ============================================
       FOOTER — COMPACT FOOTER
       ============================================ */

    .clapat-footer.compact-footer {
        height: auto !important;
        min-height: auto !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .clapat-footer.compact-footer #footer-container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 15px !important;
        padding: 15px 20px 0 20px !important;
        height: auto !important;
        min-height: auto !important;
        position: relative !important;
        margin-bottom: 0 !important;
    }

    /* ROW 1: Nav Links stacked vertically */
    .clapat-footer.compact-footer #footer-container .footer-middle {
        flex: 1 1 100% !important;
        order: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 3px !important;
        position: relative !important;
        height: auto !important;
        width: 100% !important;
        pointer-events: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
    }

    .clapat-footer.compact-footer #footer-container .footer-middle nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 3px !important;
    }

    .clapat-footer.compact-footer #footer-container .footer-middle nav a {
        font-size: 16px !important;
        text-align: center !important;
    }

    /* Copyright: hide inline text, show clean pseudo */
    .clapat-footer.compact-footer .footer-middle > div[style*="font-size: 8px"] {
        visibility: hidden !important;
        font-size: 0 !important;
        text-align: center !important;
        margin-top: 5px !important;
        width: 100% !important;
        position: relative !important;
        height: 20px !important;
    }

    .clapat-footer.compact-footer .footer-middle > div[style*="font-size: 8px"]::before {
        content: "Copyright \00A9 2026. All Rights Reserved" !important;
        visibility: visible !important;
        font-size: 16px !important;
        color: #02042a !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        text-align: center !important;
    }

    /* ROW 2: Social Icons */
    .clapat-footer.compact-footer #footer-container .socials-wrap {
        flex: 0 0 auto !important;
        order: 2 !important;
        position: relative !important;
        top: -35px !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        left: -50px !important;
        right: auto !important;
        bottom: auto !important;
    }

    .clapat-footer.compact-footer #footer-container .socials-wrap .socials-text,
    .clapat-footer.compact-footer #footer-container .socials-wrap .socials-icon {
        display: none !important;
    }

    .clapat-footer.compact-footer #footer-container .socials-wrap .socials {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        transform: none !important;
    }

    .clapat-footer.compact-footer #footer-container .socials-wrap .socials li {
        float: none !important;
        opacity: 1 !important;
        transform: none !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }

    .clapat-footer.compact-footer #footer-container .socials-wrap:hover {
        transform: none !important;
    }

    .clapat-footer.compact-footer #footer-container .socials-wrap:hover .socials li {
        opacity: 1 !important;
        transform: none !important;
    }

    /* Back to Top Arrow */
    .clapat-footer.compact-footer #footer-container #backtotop.button-wrap.left {
        flex: 0 0 auto !important;
        order: 2 !important;
        position: relative !important;
        float: none !important;
        left: -60px !important;
        right: auto !important;
        top: auto !important;
        margin: -60px 0 0 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    .clapat-footer.compact-footer #footer-container #backtotop.button-wrap.left .button-text,
    .clapat-footer.compact-footer #footer-container #backtotop .button-text {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    .clapat-footer.compact-footer #footer-container #backtotop.button-wrap.left .icon-wrap {
        float: none !important;
        position: relative !important;
        top: 20px !important;
        left: -160px !important;
        margin: 0 !important;
        opacity: 1 !important;
        width: 40px !important;
        height: 40px !important;
    }

    .clapat-footer.compact-footer #footer-container #backtotop.button-wrap.left .button-icon {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
    }

    .clapat-footer.compact-footer #footer-container #backtotop.button-wrap.left .button-icon i {
        color: #601fe0 !important;
        font-size: 18px !important;
        line-height: 40px !important;
    }

}