/*
 * assets/css/responsive.css — loaded raw (no minified twin).
 *
 * 2026-09-06 — dead-CSS removal. 39 of 95 rules deleted, plus the 2 @media
 * blocks they emptied. All were bucketed DEAD in cleanup/DEAD-RULES.md (zero
 * matches across 76 rendered page states AND a required class occurring in no
 * .tpl/.php/.js/.html under the docroot): the old footer system
 * (.footer-hero-grid, .footer-brand-card, .footer-links-panel, .footer-cta,
 * .footer-social-link, .footer-bottom-bar, ...), .client-blocks/.block-icon,
 * every .swiper-* rule (Swiper is no longer loaded by the site) and
 * .payments-copy. Deletion only; nothing that survives was changed.
 */
@media screen and (max-width: 1200px) { 
    .footer-informations {
        grid-template-columns: repeat(2,1fr);
    }
    .client-home-cards > .row > .col-md-6:first-of-type {
        padding-right: unset;
    }
    .client-name-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 74px;
        margin-right: 4px;
    }
}
@media screen and (max-width: 979px) { 
    .footer-column > h3 {
        font-size: 14px;
    }
    .footer-column > .__links > a {
        font-size: 12px;
    }
    #navbar {
        display: none;
    }
    #navbar-mobile {
        display: flex;
        flex-direction: column;
        position: fixed;
        width: 100%;
        z-index: 5499;
        background: var(--esa-darkArea-reset);
        padding: 30px 0px;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        border: 1px solid var(--esa-colorArea-mainDarker);
        border-top: unset;
        transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    }
    #navbar-mobile.active {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.25s ease-in;
    }
    #navbar-mobile > .page-container {
        width: 100%;
    }
    #navbar-mobile > .page-container > li > a {
        padding-right: unset !important;
    }
    #navbarMobileBtn {
        width: 30px;
        height: 20px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        font-size: 16px;
        color: white;
        flex-direction: column;
        justify-content: space-between;
    }
    .sidebar {
        margin-right: unset;
    }
    .client-home-cards > .row > .col-md-6:first-of-type {
        padding-right: 15px;
    }
}
@media screen and (max-width: 767px) {
    .slider-desc {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px;
    }
    .home-domain-search a.btn.btn-link.btn-sm.float-right {
        width: 100%;
    }
    .home-domain-search .row.d-sm-none .col-6 {
        max-width: 100%;
        flex: unset;
        margin-bottom: 10px;
    }
    .home-domain-search > .p-5 {
        padding: 20px 0px !important
    }
    .home-domain-search h2 {
        font-size: 25px;
    }
    .company-name {
        text-align: center;
    }
    .cright-inner > span {
        text-align: center;
    }
    .host-informations > div {
        flex-direction: column;
        align-items: flex-start;
    }
    .host-informations > div > a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }
    #footer-advanced > .page-container > div {
        flex-direction: column;
    }
    .footer-informations {
        grid-template-columns: repeat(2,1fr);
    }
    .footer-contact {
        margin-top: 30px;
        margin-left: unset;
    }
    #block {
        padding: 20px;
        text-align: center;
    }
    #block:nth-child(2) {
        border-right: unset;
    }
    #block:nth-child(3),
    #block:nth-child(4) {
        border-bottom: unset;
    }
    .client-home-cards > .row > .col-md-6:first-of-type {
        padding-right: unset;
    }
    .header-navbar-right {
        flex-direction: column;
    }
    a.client-button {
        margin-right: unset;
    }
    a.navbar-brand > img {
        width: 140px;
    }
}

@media screen and (max-width: 1200px) {
    section#payments-methods > .page-container > .payments-inner {
        grid-template-columns: 1fr;
    }

    .payments-row {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 979px) {
    #footer-advanced {
        padding-top: 68px;
    }
}

@media screen and (max-width: 767px) {
    .footer-highlight-grid,
    .footer-links-grid,
    .contact-secure {
        grid-template-columns: 1fr;
    }

    .footer-actions {
        flex-direction: column;
    }
}

@media screen and (max-width: 1200px) {
    .footer-pro-main {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
    }

    .footer-pro-brand {
        grid-column: 1 / -1;
    }

    .footer-pro-trust {
        padding-left: 0;
        border-left: 0;
        padding-top: 4px;
    }

    .footer-pro-bottom {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}

@media screen and (max-width: 979px) {
    #footer-advanced {
        padding-top: 64px;
    }

    .footer-pro-main {
        padding: 26px;
    }

    .footer-pro-links {
        gap: 20px 24px;
    }
}

@media screen and (max-width: 767px) {
    .footer-pro {
        border-radius: 20px;
    }

    .footer-pro-main {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 22px;
    }

    .footer-pro-links {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .footer-pro-trust {
        gap: 14px;
        padding-top: 0;
        border-top: 1px solid var(--esa-border-soft);
        margin-top: 2px;
        padding-top: 20px;
    }

    .footer-pro-bottom {
        padding: 16px 22px 20px;
        gap: 12px;
    }

    .footer-pro-company,
    .footer-pro-network {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .footer-pro-copyright {
        white-space: normal;
    }
}

@media screen and (max-width: 560px) {
    section#payments-methods > .page-container > .payments-inner {
        grid-template-columns: 1fr;
    }

    .payments-row {
        justify-content: flex-start;
    }

    .payment-chip {
        min-width: 88px;
        min-height: 46px;
        padding: 8px 12px;
    }

    .footer-pro-review-link {
        grid-template-columns: 1fr auto;
    }

    .footer-pro-review-link > i {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
    }
}