/**
 * Atawey - custom CSS overrides
 * ------------------------------
 * Project-owned tweaks applied on top of the irecco theme + Elementor output.
 * Mostly wp-cubi / Elementor 4.x migration fixes. Add future site tweaks here.
 */

/* ---------------------------------------------------------------------------
 * Header top-bar list widgets: phone number + "Actualités"
 *
 * Cause: Elementor 4.x "Improved CSS Loading" ships widget-icon-list.css only
 * when a native Elementor icon-list widget exists on the page. These are WGL
 * header widgets that reuse the icon-list markup, so that CSS never loads and
 * the items fall back to `display:list-item` with disc bullets (puces), wrap
 * onto two lines and inflate the top-bar height.
 *
 * To activate: in Elementor, add the CSS class `atawey-header-list` to each of
 * these widgets (Advanced > CSS Classes):
 *     - phone number widget   -> element id  8fad76c
 *     - "Actualités" widget    -> element id  9420dec
 * ------------------------------------------------------------------------- */
.atawey-header-list .elementor-icon-list-items {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    list-style: none !important;
}

.atawey-header-list .elementor-icon-list-item {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.atawey-header-list .elementor-icon-list-item::marker {
    content: none !important;
}

/* ---------------------------------------------------------------------------
 * Home hero (page id 3801): remove the residual ~10px gap under the header.
 * The hero already carries a -30px top margin; -40px pulls it flush like prod.
 * Targeted by id, no Elementor class needed.
 * ------------------------------------------------------------------------- */
.elementor-3801 .elementor-element-3f81eb0 {
    margin-top: -50px !important;
}

.elementor-3801 .elementor-widget-wrap, .elementor-3801 .elementor-element-populated {
    padding: 0 !important;
}