/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

/* ─── Mega-menu BANCHI ───────────────────────────────────────────────────── */

/* Panel: fixed sotto la barra, centrato nel viewport */
.main-nav > li.mega-menu > ul.i-dropdown {
    position: fixed !important;
    top: 62px !important;          /* altezza header */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 860px !important;
    max-height: 72vh;
    overflow-y: auto;

    /* griglia 4 colonne */
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);

    padding: 10px 6px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.2);
    border-radius: 0 0 6px 6px;
    background: #fff;

    /* stato nascosto di default (override animazione tema) */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Visibile al hover */
.main-nav > li.mega-menu:hover > ul.i-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
}

/* Celle */
.main-nav > li.mega-menu > ul.i-dropdown > li {
    float: none !important;
    min-width: 0;        /* impedisce al testo di sfondare la cella grid */
    overflow: hidden;
}

/* Link */
.main-nav > li.mega-menu > ul.i-dropdown > li > a {
    font-size: 12px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-nav > li.mega-menu > ul.i-dropdown > li:last-child > a {
    border-bottom: none !important;
}

/* Nessuna barra accent in cima */
.main-nav > li.mega-menu > ul.i-dropdown::before {
    display: none !important;
}

/* Mobile: gestione normale del tema */
@media screen and (max-width: 1200px) {
    .main-nav > li.mega-menu > ul.i-dropdown {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        display: none !important;
        max-height: none;
        overflow-y: visible;
        box-shadow: none;
    }
}

/* ── CSS Variables — Italian Art Editorial ─────────────────────────────── */
:root {
    --cr:   #F4EFE6;
    --ink:  #1A1512;
    --terra:#C05A22;
    --gold: #B8935A;
    --mid:  #6B5C4E;
    --wh:   #FEFCFA;
    --font-disp: "Playfair Display", Georgia, serif;
    --font-mono: "Courier Prime", "Courier New", monospace;
    --font-body: "Crimson Pro", "Georgia", serif;
}

/* ── Nascondi tutta l'area account/login dall'header ────────────────────── */
/* Copre: utente loggato (avatar+dropdown), sign-in, register, mobile icon  */
.header-right .user-area,
.header-right .user-area.signin-area,
.mob-sign-in {
    display: none !important;
}