/* ===== IBF Palermo — stile del sito (Cassiopeia user.css) ===== */
:root{
  --ibf-navy:#0c3474; --ibf-navy-2:#0a2a5e; --ibf-blue:#1565c0; --ibf-sky:#1e88e5; --ibf-line:#e3e8ef; --ibf-bg:#f5f7fb;
  --cassiopeia-color-primary:#0c3474; --cassiopeia-color-link:#1565c0; --link-color:#1565c0; --link-color-rgb:21,101,192;
  --cassiopeia-color-hover:#1e88e5; --link-hover-color:#1e88e5; --link-hover-color-rgb:30,136,229;
}
body{background:var(--ibf-bg)}
h1,h2,h3,.page-header h1,.page-header h2{color:var(--ibf-navy)}
.btn-primary{--btn-bg:var(--ibf-navy);--btn-border-color:var(--ibf-navy);--btn-hover-bg:var(--ibf-blue);--btn-hover-border-color:var(--ibf-blue);--btn-active-bg:var(--ibf-navy-2)}

/* --- barra superiore: lingua e accesso --- */
.container-topbar{grid-column:full-start/full-end;background:var(--ibf-navy);color:#fff;font-size:.875rem;
  display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:.3rem max(1rem,calc((100vw - 1320px)/2));min-height:2.6rem;flex-wrap:wrap}
.container-topbar::before{content:"Consiglio Nazionale delle Ricerche";margin-right:auto;opacity:.85;letter-spacing:.02em}
html[lang^=en] .container-topbar::before{content:"National Research Council of Italy"}
.container-topbar .mod-languages ul{margin:0;display:flex;gap:.4rem}
.container-topbar .mod-languages img{height:14px;border-radius:2px;box-shadow:0 0 0 1px #ffffff55}
.container-topbar .mod-languages .lang-active img{box-shadow:0 0 0 2px #fff}
.ibf-account{position:relative;display:flex;align-items:center;gap:.6rem;margin:0}
.ibf-account-btn{list-style:none;cursor:pointer;border:1px solid #ffffff80;border-radius:2rem;padding:.2rem .85rem;color:#fff;background:transparent;font-size:.875rem;line-height:1.5;white-space:nowrap}
.ibf-account-btn::-webkit-details-marker{display:none}
.ibf-account-btn:hover,.ibf-account[open]>.ibf-account-btn{background:#fff;color:var(--ibf-navy)}
.ibf-account-name{color:#fff;opacity:.95;white-space:nowrap}
.ibf-account-panel{position:absolute;right:0;top:calc(100% + .5rem);z-index:1100;width:17rem;background:#fff;color:#1f2937;border-radius:.6rem;
  box-shadow:0 10px 30px #0003;padding:1rem;display:flex;flex-direction:column;gap:.35rem}
.ibf-account-panel label{font-size:.8rem;font-weight:600;margin-top:.25rem}
.ibf-account-panel .btn{margin-top:.6rem}
.ibf-account-hint{font-size:.8rem;color:#6b7280;margin:0 0 .25rem}

/* pulsanti di modifica frontend nella barra: nascosti per non coprire l'accesso */
.container-topbar .jmodedit{display:none!important}

/* --- intestazione: logo CNR-IBF su bianco --- */
.container-header{background:#fff;background-image:none;color:var(--ibf-navy);box-shadow:0 1px 0 var(--ibf-line),0 4px 14px #0c34740d}
.container-header .navbar-brand{display:flex;align-items:center;gap:1.1rem;padding:.9rem 0 .4rem;margin:0}
.container-header .brand-logo{display:block;width:230px;height:77px;background:url("/images/logoIBF/logo_ibf.png") left center/contain no-repeat;flex:0 0 auto}
.container-header .brand-logo span,.container-header .brand-logo img{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.container-header .site-description{color:var(--ibf-navy);font-size:1.15rem;font-weight:600;border-left:2px solid var(--ibf-line);padding-left:1.1rem;line-height:1.25}
.container-header .container-nav{padding-bottom:.25rem}
.container-header .container-nav nav{margin-top:.25rem}
.container-header .mod-menu,.container-header .metismenu{color:var(--ibf-navy)}
.container-header .metismenu>li.level-1>a,.container-header .metismenu>li.level-1>button{font-weight:600;font-size:1rem}
.container-header .metismenu>li>a:hover:after,.container-header .metismenu>li>button:hover:before,.container-header .metismenu>li.active>a:after{background:var(--ibf-sky);opacity:1}
.container-header .metismenu>li.active>a{color:var(--ibf-blue)}
.container-header .metismenu .mm-collapse{border-top:3px solid var(--ibf-navy);border-radius:0 0 .4rem .4rem}
.container-header .metismenu .mm-collapse a{color:var(--ibf-navy)!important}
.container-header .metismenu .mm-collapse a:hover{color:var(--ibf-blue)!important}
.container-header .navbar-toggler{color:var(--ibf-navy);border-color:var(--ibf-navy)}
@media (max-width:767.98px){
  .container-header .brand-logo{width:170px;height:57px}
  .container-header .site-description{font-size:1rem}
  .container-topbar::before{display:none}
}

/* --- contenuto --- */
.container-component>*:first-child,.main-top,.main-bottom{background:transparent}
.com-content-article,.contact,.com-contact-category,.ibflab{background:#fff;border:1px solid var(--ibf-line);border-radius:.75rem;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0c34740a}
.breadcrumb{background:transparent}

/* --- piè di pagina --- */
.container-footer{background:var(--ibf-navy);background-image:none;color:#e8eef8}
.container-footer a{color:#fff}
.container-footer a:hover{color:#bbdefb}