/**
 * sc.menu.css
 * @ GULA Theme
 *
 * Document & Code @copyright by SteckDesign
 * Changes by third parties are not permitted.
 * 
 */
 ul.sm_menu_ul {
    width: 100%;
    margin-top: 1px;
    border-bottom: 1px dotted var(--sitefgcolor_t60);
}
ul.sm_menu_ul li {
    list-style: none!important;
    border-top: 1px dotted var(--sitefgcolor_t60);
    margin: 0px;
    padding: 0px;
}
ul.sm_menu_ul li:before {
    display:none;
}
ul.sm_menu_ul li a {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    text-decoration: none;
}
ul.sm_menu_ul li.menu-item a:hover {
    font-weight:  var( --bodyweight );
    color: var(--site_linkhover_color);
}
/*
 * ZWEI VARIABLEN STATT DES FESTEN BLAUS.
 *
 * `#0275e7` stand hier sechsmal fest -- ein Blau, das in keiner GULA-Palette
 * vorkommt. Die drei steck-Themes hatten ihre KOPIE dieser Datei darum von
 * Hand auf `var(--nav_linkcurrent_color)` umgestellt; auf steckweb.ch war der
 * aktuelle Eintrag im Fussmenue damit weiss.
 *
 * Beim Umzug auf gula5 faellt diese Kopie weg, und der aktuelle Eintrag wird
 * blau. Gefunden am 08.09.2026 auf steckweb2026 -- im Bild, nicht in einer
 * Messung: kein Fehler, keine tote Variable (rgb(2,117,231) ist ein gueltiger
 * Wert), nur die falsche Farbe. steckdesign.ch faehrt seit dem 08.09. LIVE
 * mit diesem Blau im Fussmenue.
 *
 * WIRKUNGSFREI, solange nichts gesetzt ist: #0275e7 bleibt der Rueckfall.
 * Eine Site setzt in ihrer css/site.css
 *
 *     :root { --sc-menu-fg-current: <farbe>; }
 *
 * und optional --sc-menu-fg-current-hover.
 *
 * ABSICHTLICH NICHT auf --nav_linkcurrent_color gelegt: das ist eine
 * Navi-Variable, gula5 definiert sie in colors.css als --lightlime, und ein
 * Rueckfall darauf haette jede bestehende gula5-Site umgefaerbt.
 */

ul.sm_menu_ul li.current-menu-item a,
ul.sm_menu_ul li.current_page_item a {
    font-weight: 500;
    color: var( --sc-menu-fg-current, #0275e7 );
}
ul.sm_menu_ul li.current-menu-item a:hover,
ul.sm_menu_ul li.current_page_item a:hover {
    font-weight: 500;
    color: var( --sc-menu-fg-current-hover, var( --sc-menu-fg-current, #0275e7 ) );
}

ul.sm_menu_ul li.current-menu-ancestor a,
ul.sm_menu_ul li.current-menu-parent a {
    font-weight: 500;
    color: var( --sc-menu-fg-current, #0275e7 );
}
ul.sm_menu_ul li.current-menu-ancestor a:hover,
ul.sm_menu_ul li.current-menu-parent a:hover {
    font-weight: 500;
    color: var( --sc-menu-fg-current-hover, var( --sc-menu-fg-current, #0275e7 ) );
}

/* sub-menu */
ul.sm_menu_ul ul li {
    margin-left: calc( var( --fontsize ) * 0.75 );
}
    ul.sm_menu_ul ul li:first-child {
        margin-left: calc( var( --fontsize ) * 0 );
    }

ul.sm_menu_ul li.menu-item-has-children a {
    cursor: pointer;
}
    /* carret down */
    ul.sm_menu_ul li.menu-item-has-children a::before {
        float: right;
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        content: '\f0d7';
    }
    /* carret up */
    ul.sm_menu_ul li.menu-item-has-children.show a::before    {
        float: right;
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        content: '\f0d8';
    }
    ul.sm_menu_ul .sub-menu li.menu-item a::before {
        content: '';
    }
ul.sm_menu_ul .sub-menu li.menu-item a {
    font-weight:  var( --bodyweight );
    color: var(--sitefgcolor);
}
    ul.sm_menu_ul .sub-menu li.menu-item:first-child a {
        margin-left: calc( var( --fontsize ) * 0.75 );
    }
ul.sm_menu_ul .sub-menu li.menu-item a:hover {
    font-weight: var( --bodyweight );
    color: var(--site_linkhover_color);
}

ul.sm_menu_ul .sub-menu li.current-menu-item a,
ul.sm_menu_ul .sub-menu li.current_page_item a {
    font-weight: 500;
    color: var( --sc-menu-fg-current, #0275e7 );
}
ul.sm_menu_ul .sub-menu li.current-menu-item a:hover,
ul.sm_menu_ul .sub-menu li.current_page_item a:hover {
    font-weight: 500;
    color: var( --sc-menu-fg-current-hover, var( --sc-menu-fg-current, #0275e7 ) );
}