/* ============================================
   CONTACT PAGE — TABLET (696px–1024px)
   ============================================ */

@media screen and (min-width: 696px) and (max-width: 1024px) {

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

    #hero-caption .hero-title {
        font-size: clamp(60px, 12vw, 120px) !important;
        line-height: 1.1 !important;
    }

    /* ============================================
       CONTACT MAP + ADDRESSES
       Keep side-by-side, reduce fixed heights
       ============================================ */

    .contact-map-addresses {
        padding: 0 30px !important;
    }

    .contact-map-half {
        min-height: 400px !important;
    }

    #clapat-page-content.light-content .contact-map-addresses .contact-addresses-half {
        height: auto !important;
        padding: 30px 20px !important;
    }

    .contact-location {
        padding: 10px 0 !important;
    }

    /* ============================================
       CONTACT FORM
       Reduce padding, keep two-col field rows
       ============================================ */

    .content-row.row_padding_top.row_padding_bottom .contact-form-v2 {
        padding: 0 30px !important;
    }

    .cfv2-row.cfv2-two {
        gap: 15px !important;
    }

    /* ============================================
       FOOTER — TABLET LAYOUT (dark footer)
       ============================================ */

    .clapat-footer {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        position: relative !important;
    }

    .clapat-footer #footer-container {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 30px !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        gap: 10px !important;
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
        opacity: 1 !important;
        visibility: visible !important;
        grid-template-columns: none !important;
    }

    /* Row 1: Nav links (horizontal, wrapping) */
    .clapat-footer #footer-container .footer-nav-links {
        order: 1 !important;
        flex: 1 1 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 4px 16px !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        float: none !important;
    }

    .clapat-footer #footer-container .footer-nav-links a {
        font-size: 14px !important;
        margin-top: 0 !important;
        display: inline-block !important;
        float: none !important;
        opacity: 1 !important;
        color: #fff !important;
    }

    /* Row 2: Copyright */
    .clapat-footer #footer-container .footer-copyright-text {
        order: 2 !important;
        flex: 1 1 100% !important;
        display: block !important;
        text-align: center !important;
        transform: none !important;
        position: relative !important;
        float: none !important;
        margin: 5px 0 !important;
        font-size: inherit !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .clapat-footer #footer-container .footer-copyright-text span {
        font-size: 0 !important;
        visibility: hidden !important;
        line-height: 0 !important;
    }

    .clapat-footer #footer-container .footer-copyright-text span::before {
        content: "Copyright \00A9 2026. All Rights Reserved" !important;
        font-size: 14px !important;
        visibility: visible !important;
        color: #fff !important;
        display: block !important;
        line-height: 1.4 !important;
    }

    .clapat-footer #footer-container .footer-copyright-text span a {
        display: none !important;
    }

    /* Hide "Back to Top" text */
    .clapat-footer #footer-container #backtotop.button-wrap .button-text,
    .clapat-footer #footer-container #backtotop.button-wrap.left .button-text {
        display: none !important;
    }

    .clapat-footer #footer-container #backtotop.button-wrap::after {
        display: none !important;
    }

    /* Row 3: Arrow + Social icons */
    .clapat-footer #footer-container #backtotop.button-wrap.left {
        order: 3 !important;
        flex: 0 0 auto !important;
        position: relative !important;
        float: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin: 10px 0 0 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    .clapat-footer #footer-container #backtotop .icon-wrap {
        float: none !important;
        position: relative !important;
        margin: 0 !important;
        opacity: 1 !important;
        width: 36px !important;
        height: 36px !important;
    }

    .clapat-footer #footer-container #backtotop .button-icon {
        width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
    }

    .clapat-footer #footer-container #backtotop .button-icon i {
        color: #4814ac !important;
        font-size: 16px !important;
        line-height: 36px !important;
    }

    .clapat-footer #footer-container .socials-wrap {
        order: 4 !important;
        flex: 0 0 auto !important;
        position: relative !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 10px 0 0 20px !important;
        padding: 0 !important;
        transform: none !important;
    }

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

    .clapat-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 #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: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
    }

    .clapat-footer #footer-container .socials-wrap .socials li a {
        width: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
        font-size: 16px !important;
        color: #fff !important;
    }

}