/* NuvolaTech - container, header, footer, griglie di pagina */

/* ---- container ---------------------------------------------------------- */
.nt-container{width:min(100% - var(--nt-gutter)*2, var(--nt-content-width));margin-inline:auto}
.nt-container--wide{width:min(100% - var(--nt-gutter)*2, var(--nt-wide-width))}
.nt-container--reading{width:min(100% - var(--nt-gutter)*2, var(--nt-reading-width))}

.nt-site{display:flex;flex-direction:column;flex:1}

/* ---- header ------------------------------------------------------------- */
.nt-header{position:sticky;top:0;z-index:200;background:var(--nt-surface);
  border-bottom:1px solid var(--nt-border)}
.nt-header__inner{display:flex;align-items:center;gap:var(--nt-gutter);
  min-height:var(--nt-header-height)}

.nt-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.nt-brand img{max-height:44px;width:auto}
.nt-brand__name{font-size:1.375rem;font-weight:700;color:var(--nt-ink);letter-spacing:-.02em}
.nt-brand__name b{color:var(--nt-brand);font-weight:700}
.nt-brand__tagline{display:none;font-size:.75rem;line-height:1.3;color:var(--nt-grey-4)}

.nt-nav{margin-left:auto}
.nt-nav ul{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none}
.nt-nav li{position:relative}
.nt-nav a{display:block;padding:6px 0;font-size:.9375rem;font-weight:500;color:var(--nt-ink);
  position:relative}
.nt-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;
  background:var(--nt-brand);transform:scaleX(0);transform-origin:left;
  transition:transform var(--nt-transition)}
.nt-nav a:hover::after,
.nt-nav .current-menu-item > a::after,
.nt-nav .current-menu-parent > a::after,
.nt-nav .current-post-ancestor > a::after{transform:scaleX(1)}

.nt-nav .sub-menu{position:absolute;top:100%;left:0;display:none;flex-direction:column;
  min-width:210px;padding:8px 0;background:var(--nt-surface);border:1px solid var(--nt-border);
  border-radius:var(--nt-radius);box-shadow:var(--nt-shadow-lg);z-index:10}
.nt-nav li:hover > .sub-menu,.nt-nav li:focus-within > .sub-menu{display:flex}
.nt-nav .sub-menu a{padding:8px 16px;font-weight:400}
.nt-nav .sub-menu a::after{display:none}
.nt-nav .sub-menu a:hover{background:var(--nt-surface-3)}

.nt-header__actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.nt-nav ~ .nt-header__actions{margin-left:0}
.nt-icon-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;color:var(--nt-ink);
  background:var(--nt-surface-3);border-radius:var(--nt-radius-sm)}
.nt-icon-btn:hover{color:#fff;background:var(--nt-ink)}
.nt-icon-btn svg{width:18px;height:18px;fill:currentColor}

/* menu mobile */
.nt-mobile-nav{display:none;padding:4px 0 20px;border-top:1px solid var(--nt-border)}
.nt-mobile-nav.is-open{display:block}
.nt-mobile-nav ul{margin:0;padding:0;list-style:none}
.nt-mobile-nav li{border-bottom:1px solid var(--nt-border)}
.nt-mobile-nav a{display:block;padding:12px 0;font-size:1rem;font-weight:500;color:var(--nt-ink)}
.nt-mobile-nav .sub-menu{padding-left:16px}
.nt-mobile-nav .sub-menu a{font-weight:400;font-size:.9375rem;color:var(--nt-grey-5)}

/* barra di ricerca a scomparsa */
.nt-searchbar{display:none;padding:0 0 18px}
.nt-searchbar.is-open{display:block}
.nt-search-form{display:flex;gap:8px}
.nt-search-form input[type=search]{flex:1}
.nt-search-form button{flex-shrink:0}

@media (min-width:900px){
  .nt-burger{display:none}
  .nt-mobile-nav{display:none !important}
  .nt-brand__tagline{display:block}
}
@media (max-width:899px){
  .nt-nav{display:none}
}

/* ---- corpo pagina ------------------------------------------------------- */
.nt-main{padding:var(--nt-gap) 0 60px}
.nt-with-sidebar{display:grid;gap:var(--nt-gap);grid-template-columns:1fr}
@media (min-width:1000px){
  .nt-with-sidebar{grid-template-columns:minmax(0,1fr) var(--nt-sidebar-width)}
}
.nt-sidebar{align-self:start}
@media (min-width:1000px){
  .nt-sidebar{position:sticky;top:calc(var(--nt-header-height) + 20px)}
}

/* intestazione di archivio */
.nt-page-header{margin-bottom:var(--nt-gap);padding-bottom:18px;
  border-bottom:2px solid var(--nt-surface-4)}
.nt-page-header h1{margin-bottom:.15em}
.nt-page-header p{color:var(--nt-grey-4);font-size:.9375rem;margin:0}

/* ---- footer ------------------------------------------------------------- */
.nt-footer{margin-top:auto;padding:50px 0 30px;color:var(--nt-grey-1);background:var(--nt-ink-3)}
.nt-footer a{color:var(--nt-surface-3)}
.nt-footer a:hover{color:#fff}
.nt-footer__cols{display:grid;gap:var(--nt-gap);grid-template-columns:1fr}
@media (min-width:700px){.nt-footer__cols{grid-template-columns:repeat(3,1fr)}}
.nt-footer .widget-title,.nt-footer h3{color:#fff;font-size:1rem;margin-bottom:1em}
.nt-footer ul{margin:0;padding:0;list-style:none}
.nt-footer li{padding:5px 0;font-size:.875rem}
.nt-footer__bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  align-items:center;margin-top:40px;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);font-size:.8125rem;color:var(--nt-grey-3)}
.nt-footer__menu{display:flex;flex-wrap:wrap;gap:18px}
.nt-footer__menu li{padding:0}