/* AYVENS SRL — site wide header and footer in the Ayvens Notturno palette.
   Loaded on every page by ayvens/site.php. Touches only the header, the footer
   and the back to top button; page content styling is left to the theme. */

@font-face{font-family:'Archivo Variable';src:url('fonts/archivo-var.woff2') format('woff2-variations');font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope Variable';src:url('fonts/manrope-var.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}

:root{
--ay-bg:#0A1420;--ay-surface:#111F2E;--ay-raised:#18293A;--ay-line:#22374A;
--ay-ink:#F4F7FA;--ay-muted:#93A6B6;--ay-accent:#C8A96A;--ay-accent-bright:#E4CE9A;
--ay-display:'Archivo Variable','Roboto Condensed',sans-serif;
--ay-text:'Manrope Variable','Open Sans',sans-serif;
}

/* ---------- header ---------- */
.header,.header.classic,.header.alternate{background:var(--ay-bg);border:0;box-shadow:none;--primary-theme-color:#C8A96A}

.header .top-bar{background:var(--ay-surface);border-bottom:1px solid var(--ay-line);color:var(--ay-muted)}
.header .top-bar .widget{margin:0}
.header .top-bar .contacts-list li,.header .top-bar p,.header .top-bar span{color:var(--ay-muted);font-family:var(--ay-text);font-size:13px;border:0}
.header .top-bar a{color:var(--ay-muted)}
.header .top-bar a:hover{color:var(--ay-accent)}
.header .top-bar [class^='icon-'],.header .top-bar [class*=' icon-']{color:var(--ay-accent)}
.header .top-bar [class^='icon-']::before,.header .top-bar [class*=' icon-']::before,
.header .top-bar .trigger i::before{color:var(--ay-accent)}
.header .top-bar #login-button:hover i::before{color:var(--ay-accent-bright)}
.header .top-bar #login-button{background:transparent;border:1px solid var(--ay-line);border-radius:4px;color:var(--ay-muted);transition:border-color .25s ease,color .25s ease}
.header .top-bar #login-button:hover{background:transparent;border-color:var(--ay-accent);color:var(--ay-accent)}
.header .top-bar #login-button i{color:inherit}

.header .logo-bar,.header .logo-bar.sticky-bar,
.header.alternate .logo-bar,.header.alternate .logo-bar.sticky-bar,
.header.classic .logo-bar{background:var(--ay-bg);box-shadow:none;border:0;padding:10px 0}
.header .logo-bar .widget_banner,.header .logo-bar .banner{display:none}
.header .logo img{max-height:34px;width:auto}
.header .space{background:var(--ay-bg)}

.header .nav-bar,#navHolder .nav-bar{background:var(--ay-bg);border-top:1px solid var(--ay-line);border-bottom:1px solid var(--ay-line);box-shadow:none}

.header .navigation ul.menu>li{position:relative}
.header .navigation ul.menu>li>a{color:var(--ay-muted);background:transparent;font-family:var(--ay-display);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:16px 18px;transition:color .25s ease}
.header .navigation ul.menu>li>a:hover,
.header .navigation ul.menu>li.current-menu-item>a,
.header .navigation ul.menu>li.current_page_item>a,
.header .navigation ul.menu>li.current-menu-parent>a{color:var(--ay-ink);background:transparent}
.header .navigation ul.menu>li>a::after{content:'';position:absolute;left:18px;right:18px;bottom:10px;height:2px;background:var(--ay-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.header .navigation ul.menu>li>a:hover::after,
.header .navigation ul.menu>li.current-menu-item>a::after,
.header .navigation ul.menu>li.current_page_item>a::after{transform:scaleX(1)}
.header .navigation ul.menu ul{background:var(--ay-surface);border:1px solid var(--ay-line);box-shadow:none}
.header .navigation ul.menu ul li a{color:var(--ay-muted);background:transparent;font-family:var(--ay-text);text-transform:none;letter-spacing:0}
.header .navigation ul.menu ul li a:hover{color:var(--ay-accent);background:var(--ay-raised)}
.header .label-toggle-main-nav .menu-global{background:var(--ay-ink)}

/* ---------- footer ---------- */
#footer{background:var(--ay-surface);border-top:1px solid var(--ay-line);color:var(--ay-muted);--primary-theme-color:#C8A96A}
#footer h1,#footer h2,#footer h3,#footer h4,#footer .widget-title,#footer .h3-style,#footer .h4-style{color:var(--ay-ink);font-family:var(--ay-display);border-bottom-color:var(--ay-line)}
#footer .widget-title span{color:var(--ay-accent)}
#footer p,#footer li,#footer span,#footer td,#footer .textwidget{color:var(--ay-muted);font-family:var(--ay-text)}
#footer p.white{color:var(--ay-muted)}
#footer a{color:var(--ay-muted);transition:color .25s ease}
#footer a:hover{color:var(--ay-accent)}
#footer .list-entry li{border-color:var(--ay-line)}
#footer .list-entry li.is_closed span{color:var(--ay-accent)}
#footer [class^='icon-'],#footer [class*=' icon-']{color:var(--ay-accent)}
#footer [class^='icon-']::before,#footer [class*=' icon-']::before{color:var(--ay-accent)}
#footer .adjective{border-top:1px solid var(--ay-line);padding-top:18px}
#footer .adjective p{color:var(--ay-muted);font-size:13px}

/* ---------- back to top ---------- */
#back-top{background:var(--ay-accent);color:#0A1420;border-radius:4px;transition:background-color .25s ease}
#back-top:hover{background:var(--ay-accent-bright);color:#0A1420}