/* ==========================================
   MCS DESKTOP FOOTER (1950px x 420px)
   ========================================== */

/* Nascosto sotto i 992px (Mobile / Tablet) */
@media (max-width: 991px) {
    .mcs-footer-outer-wrapper {
        display: none !important;
    }
}

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

    /* RIMOZIONE FOOTER NATIVO DEL TEMA (Storefront / #colophon) */
    #colophon,
    footer.site-footer {
        display: none !important;
    }

    .mcs-footer-outer-wrapper {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: #232122;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    .mcs-desktop-footer {
        width: 100%;
        max-width: 1950px;
        height: 420px;
        display: grid;
        /* 1fr sulle colonne 3 e 5 equivale a 590px a schermo intero, ma assorbe la riduzione di spazio */
        grid-template-columns: 236px 149px 1fr 149px 1fr 236px;
        grid-template-rows: 28px repeat(6, 56px) 56px;
        background-color: #232122;
        box-sizing: border-box;
        font-family: inherit;
    }

    /* RIGA 1: TOPBAR "TORNA SU" (28px) CON HOVER BIANCO -> ROSSO */
    .mcs-footer-topbar {
        grid-column: 1 / -1;
        grid-row: 1;
        height: 28px;
        background-color: #323232;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 100px;
        cursor: pointer;
        color: #ffffff;
        font-size: 13px;
        font-weight: bold;
        transition: color 0.2s ease;
    }

    .mcs-footer-topbar:hover {
        color: #ff0000;
    }

    .mcs-footer-topbar i {
        font-size: 26px;
        margin-right: 6px;
        vertical-align: middle;
    }

    /* COLONNA 1: LOGO AZIENDALE (236px FISSI) */
    .mcs-footer-logo-col {
        grid-column: 1;
        grid-row: 2 / 8;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }
    .mcs-main-logo {
        max-width: 180px;
        height: auto;
    }

    /* MAPPA RIGHE APPLICATA DIRETTAMENTE ALLE CELLE REALI */
    .grid-r1 .mcs-icon-col, .grid-r1 .mcs-text-col { grid-row: 2; }
    .grid-r2 .mcs-icon-col, .grid-r2 .mcs-text-col { grid-row: 3; }
    .grid-r3 .mcs-icon-col, .grid-r3 .mcs-text-col { grid-row: 4; }
    .grid-r4 .mcs-icon-col, .grid-r4 .mcs-text-col { grid-row: 5; }
    .grid-r5 .mcs-icon-col, .grid-r5 .mcs-text-col { grid-row: 6; }
    .grid-r6 .mcs-icon-col, .grid-r6 .mcs-text-col { grid-row: 7; }

    /* STRUTTURA CONTENITORI RIGHE E LINK */
    .mcs-footer-row {
        display: contents;
    }

    .link-row > a {
        display: contents;
        text-decoration: none !important;
    }

    /* ASSEGNAZIONE COLONNE PER LE RIGHE CLICCABILI (COLONNE 2 e 3) */
    .link-row .mcs-icon-col { 
        grid-column: 2; 
    }
    .link-row .mcs-text-col { 
        grid-column: 3; 
    }

    /* ASSEGNAZIONE COLONNE PER LE RIGHE STATICHE (COLONNE 4 e 5) */
    .static-row .mcs-icon-col { 
        grid-column: 4; 
    }
    .static-row .mcs-text-col { 
        grid-column: 5; 
    }

    /* ALLINEAMENTO DESTRO CON PADDING PER TUTTE LE CELLE ICONE (COLONNE 2 E 4) */
    .mcs-icon-col {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 20px;
        font-size: 24px;
        color: #ffffff;
    }

    /* CELLE TESTO (COLONNE 3 E 5 FLUIDE) */
    .mcs-text-col {
        display: flex;
        align-items: center;
        font-size: 18px;
        min-width: 0;
        overflow: hidden;
    }

    .mcs-text-col span,
    .static-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* STILI IMMAGINI SSL CUSTOM (COLONNA 4) */
    .mcs-ssl-icon {
        max-height: 28px;
        width: auto;
        object-fit: contain;
    }

    /* STILI BASE ICONE E TESTI CLICCABILI */
    .link-row .mcs-icon-col i,
    .link-row .mcs-text-col span {
        color: #ffffff !important;
        transition: color 0.2s ease;
        cursor: pointer;
    }

    /* HOVER SINCRONIZZATO */
    .link-row > a:has(i:hover, span:hover) .mcs-icon-col i,
    .link-row > a:has(i:hover, span:hover) .mcs-text-col span {
        color: #ff0000 !important;
    }

    /* TESTO NON CLICCABILE (#c4a674) */
    .static-title,
    .static-text {
        color: #c4a674 !important;
    }

    /* ICONE SOCIAL CLICCABILI */
    .social-icons {
        gap: 15px;
        font-size: 32px;
    }
    .social-icons a {
        color: #ffffff !important;
        transition: color 0.2s ease;
    }
    .social-icons a:hover {
        color: #ff0000 !important;
    }
	
    /* RIMOZIONE RIQUADRO/OUTLINE AL CLICK SULLE ICONE SOCIAL */
    .social-icons a,
    .social-icons a:focus,
    .social-icons a:active {
        outline: none !important;
        box-shadow: none !important;
        border: none !important;
        -webkit-tap-highlight-color: transparent;
    }

    /* BADGES DI PAGAMENTO STATICI */
    .payment-badges {
        gap: 15px;
        font-size: 36px;
        color: #ffffff;
    }

    /* SPAZIATORE DESTRO (236px) */
    .mcs-footer-spacer-right {
        grid-column: 6;
        grid-row: 2 / 8;
    }

    /* RIGA FINALE: COPYRIGHT & POWERED BY (56px) - STRUTTURA A GRIGLIA FLUIDA */
    .mcs-footer-bottombar {
        grid-column: 1 / -1;
        grid-row: 8;
        height: 56px;
        background-color: #c4a674;
        display: grid;
        /* Specchia esattamente la griglia principale per mantenere le proporzioni */
        grid-template-columns: 236px 149px 1fr 149px 1fr 236px;
        align-items: center;
        box-sizing: border-box;
        color: #000000;
        font-size: 13px;
        line-height: 1.3;
    }

    /* COLONNA SINISTRA: COPYRIGHT */
    .mcs-bottom-left {
        grid-column: 1 / 4; /* Occupazione da colonna 1 a colonna 3 */
        padding-left: 36px; /* Aggiusta questo padding per spostare a destra/sinistra il copyright */
        white-space: nowrap;
    }

    /* COLONNA DESTRA: POWERED BY */
    .mcs-bottom-right {
        grid-column: 4 / 6; /* Occupazione da colonna 4 a colonna 5 */
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: bold;
        padding-left: 123px; /* Aggiusta questo padding per posizionare la scritta Made & Powered */
        white-space: nowrap;
    }

    /* BLOCCO DIMENSIONI LOGO SVILUPPATORE */
    .mcs-dev-logo {
        height: 18px !important;
        max-height: 18px !important;
        width: auto !important;
        max-width: none !important;
        vertical-align: middle;
        object-fit: contain;
    }
}