/* FOOTERINOX – Inox GastroShop v2.0 */

.fnx-footer {
    background-color: #2a1a10;
    font-family: inherit;
}

.fnx-wrap {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.fnx-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    align-items: start;
    padding-top: 60px;
    padding-bottom: 40px;
}

/* Colonne */
.fnx-col { color: #cccccc; }
.fnx-col:not(:first-child) {
    padding-left: 15px;
    border-left: 1px solid rgba(255,255,255,0.08);
}

/* Logo */
.fnx-logo { margin-bottom: 18px; }
.fnx-logo img { display: block; height: auto; max-width: 150px; }

/* Tagline */
.fnx-tagline { font-size: 14px; line-height: 1.6; margin: 0 0 16px; color: #cccccc; }

/* Telefono */
.fnx-phone {
    display: block;
    color: #e8591a;
    font-size: 22px;
    font-weight: 800;
    text-decoration: none;
    margin-bottom: 4px;
    line-height: 1.2;
}
.fnx-phone:hover { color: #c94810; }
.fnx-phone-note { font-size: 12px; color: #999; margin: 0 0 20px; }

/* Social */
.fnx-socials { display: flex; gap: 10px; margin-top: 6px; flex-wrap: wrap; }
.fnx-social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #e8591a;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 15px;
    transition: background-color 0.25s ease, transform 0.25s ease;
}
.fnx-social:hover { background-color: #c94810; transform: translateY(-2px); }
.fnx-social i,
.fnx-social svg { color: #ffffff !important; fill: #ffffff !important; }

/* Titolo colonne */
.fnx-col-title {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 20px;
    padding-bottom: 10px;
    position: relative;
}
.fnx-col-title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 30px; height: 2px;
    background-color: #e8591a;
}

/* Lista link */
.fnx-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.fnx-links li a {
    color: #cccccc;
    text-decoration: none;
    font-size: 14px;
    display: block;
    transition: color 0.25s ease, padding-left 0.25s ease;
}
.fnx-links li a:hover { color: #e8591a; padding-left: 6px; }

/* Contatti */
.fnx-contacts { list-style: none; margin: 0 0 24px; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.fnx-contacts li { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: #cccccc; }
.fnx-contacts li i { color: #e8591a; font-size: 16px; margin-top: 2px; flex-shrink: 0; }
.fnx-contacts li a { color: #cccccc; text-decoration: none; transition: color 0.25s; }
.fnx-contacts li a:hover { color: #e8591a; }

/* App badges */
.fnx-apps { display: flex; gap: 10px; flex-wrap: wrap; }
.fnx-app-badge { display: block; border-radius: 5px; overflow: hidden; transition: opacity 0.25s; }
.fnx-app-badge:hover { opacity: 0.8; }
.fnx-app-badge svg { display: block; }

/* Bottom bar */
.fnx-bottom {
    background-color: #1a0e08;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 14px 0;
}
.fnx-bottom p { margin: 0; font-size: 13px; color: #999; text-align: center; }

/* ── Responsive ── */
@media (max-width: 1024px) {
    .fnx-grid { grid-template-columns: repeat(2, 1fr); gap: 30px 24px; }
    .fnx-col:nth-child(1),
    .fnx-col:nth-child(3) { padding-left: 0; border-left: none; }
}

@media (max-width: 480px) {
    .fnx-grid { grid-template-columns: 1fr; padding-top: 30px; padding-bottom: 20px; }
    .fnx-col { padding-left: 0 !important; border-left: none !important; }
    .fnx-col:not(:first-child) { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px; }
}

/* Override Elementor flexbox che rompe il layout del footer */
.elementor-widget-footerinox,
.elementor-widget-footerinox .e-flexbox-base,
.elementor .e-flexbox-base:has(.fnx-footer) {
    display: block !important;
    padding: 0 !important;
}