/* ==========================================================================
   chiller.sk – responzívne štýly

   Súbor obsahuje výhradne media queries. Prepisujeme len tie vlastnosti,
   ktoré sa na danom zlome skutočne menia – desktopový základ zostáva
   v global.css.

   Zlomy vychádzajú z bootstrapovskej logiky a sú zoradené zostupne,
   aby platilo prirodzené kaskádovanie.
   ========================================================================== */

/* --------------------------------------------------- max-width: 1399.98px */
@media (max-width: 1399.98px) {

    /* dropdown */
    .dropdown-inner { grid-template-columns: 1fr 18rem; }
    /* END dropdown */

}

/* --------------------------------------------------- max-width: 1199.98px */
@media (max-width: 1199.98px) {

    /* header */
    .nav-link { padding-inline: .5rem; }
    /* END header */

    /* dropdown – náhľad by pri tejto šírke zúžil zoznam odkazov */
    .dropdown-inner { grid-template-columns: 1fr; }
    .dropdown-preview { display: none; }
    /* END dropdown */

    /* grids */
    .cols-4 { grid-template-columns: repeat(3, 1fr); }
    /* END grids */

    /* masthead – zvislé oddeľovače by pri užšom páse tlačili text k ikone */
    .masthead-services { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
    .masthead-services li + li .masthead-service { padding-left: 0; border-left: 0; }
    /* END masthead */

}

/* ---------------------------------------------------- max-width: 991.98px */
@media (max-width: 991.98px) {

    /* header */
    .main-nav-inner { padding-block: .875rem; }
    .nav-list { display: none; }
    .nav-toggle { display: block; }
    .brand-logo img { width: 143px; height: 41px; }
    .utility-claim { display: none; }
    /* END header */

    /* masthead */
    .masthead-grid { grid-template-columns: 1fr; }
    .masthead-media { max-width: 22rem; margin-inline: 0; }
    /* END masthead */

    /* content blocks */
    .text-media { grid-template-columns: 1fr; }
    /* END content blocks */

    /* product detail */
    .product-detail-grid { grid-template-columns: 1fr; }
    /* END product detail */

    /* contact */
    .contact-layout { grid-template-columns: 1fr; }
    .contact-band-inner { grid-template-columns: 1fr; }
    .contact-band-actions { justify-content: flex-start; }
    /* END contact */

    /* footer */
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    /* END footer */

}

/* ---------------------------------------------------- max-width: 767.98px */
@media (max-width: 767.98px) {

    /* grids */
    .cols-3, .cols-4 { grid-template-columns: repeat(2, 1fr); }
    /* END grids */

    /* forms */
    .form-grid { grid-template-columns: 1fr; }
    /* END forms */

    /* tables – dlhé názvy modelov nesmú roztiahnuť stránku */
    .data-table { font-size: .875rem; }
    .data-table th, .data-table td { padding: .625rem .75rem; }
    /* END tables */

}

/* ---------------------------------------------------- max-width: 575.98px */
@media (max-width: 575.98px) {

    /* grids */
    .cols-2, .cols-3, .cols-4 { grid-template-columns: 1fr; }
    /* END grids */

    /* masthead */
    .masthead-actions .button { width: 100%; }
    .masthead-stats { gap: 1rem 1.5rem; }
    .masthead-stat-label { font-size: .6875rem; letter-spacing: .08em; }
    .masthead-services { grid-template-columns: 1fr; gap: 1rem; }
    /* END masthead */

    /* content blocks */
    .circuit-step { grid-template-columns: 2.5rem 1fr; gap: .875rem; }
    .circuit-icon { width: 2.5rem; height: 2.5rem; }
    .circuit-step:not(:last-child)::before { top: 3rem; left: 1.25rem; }
    /* END content blocks */

    /* cards */
    .application-card { padding: 1.0625rem 1.125rem; }
    /* END cards */

    /* footer */
    .footer-grid { grid-template-columns: 1fr; }
    /* END footer */

}

/* ---------------------------------------------------- min-width: 992px */
@media (min-width: 992px) {

    /* mobile nav – na desktope sa nevykresľuje */
    .mobile-nav, .mobile-nav-backdrop { display: none; }
    /* END mobile nav */

}