/* =========================================================
   HyperDAF Core — Responsive Styles
   Location: /wp-content/themes/hyperdaf-core/assets/css/responsive.css
   Purpose:
   - Responsive helpers for containers, sections, cards, tables and buttons
========================================================= */

@media (max-width:1200px){
    .hdaf-container{
        padding:0 18px;
    }

    .hdaf-section{
        padding:56px 0;
    }
    
        .hdaf-loop,
    .hdaf-grid--cards,
    .hdaf-grid--4{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width:767px){
    body{
        font-size:15px;
    }

    .hdaf-container{
        padding:0 14px;
    }

    .hdaf-section{
        padding:48px 0;
    }
    
        .hdaf-loop,
    .hdaf-grid,
    .hdaf-grid--cards,
    .hdaf-grid--2,
    .hdaf-grid--4{
        grid-template-columns:1fr;
    }

    .hdaf-card__body{
        padding:16px;
    }

    th,
    td{
        padding:12px 12px;
    }
}

@media (max-width:480px){
    .hdaf-container{
        padding:0 12px;
    }

    .hdaf-btn,
    button.hdaf-btn,
    a.hdaf-btn{
        width:100%;
    }
}