/* v714.2 — tagline sempre visibile sotto CurioMondo (anche mobile); wordmark e logo rotondo. */
.header{
  isolation:isolate;
  position:sticky;
  top:0;
  z-index:40;
  background:#0a1a2e!important;
  overflow:hidden;
  min-height:96px;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    url('/assets/images/header-italia-cover-v714-800.webp') right center / cover no-repeat;
  pointer-events:none;
}
@media(min-width:701px){
  .header::before{
    background-image:url('/assets/images/header-italia-cover-v714.webp');
  }
}
.header::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(
    100deg,
    rgba(4,16,34,.94) 0%,
    rgba(4,16,34,.82) 36%,
    rgba(4,16,34,.45) 60%,
    rgba(4,16,34,.18) 80%,
    rgba(4,16,34,.08) 100%
  );
  pointer-events:none;
}
.header .nav,
.header .brand-line,
.header .logo,
.header .cm-header-actions{
  position:relative;
  z-index:1;
}
.header .nav{
  min-height:96px!important;
}
.header .logo{
  gap:12px!important;
  align-items:center!important;
}

/* Logo: rotondo, senza sfondo/alone bianco ai lati */
.header .cm-brand-logo,
.header .logo .cm-brand-logo{
  display:block!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  aspect-ratio:1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:0 4px 14px rgba(0,0,0,.35)!important;
  border:0!important;
  outline:0!important;
  padding:0!important;
  overflow:hidden!important;
  -webkit-mask-image:radial-gradient(circle, #000 99%, transparent 100%);
  mask-image:radial-gradient(circle, #000 99%, transparent 100%);
}

/* Wordmark: stessi colori, più in evidenza (peso, size, contrasto ombra) */
.header .cm-wordmark,
html.cm-dark .header .cm-wordmark{
  display:block!important;
  font-size:clamp(2.15rem, 3.6vw, 2.75rem)!important;
  font-weight:900!important;
  letter-spacing:-.07em!important;
  line-height:.92!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.55),
    0 2px 4px rgba(0,0,0,.65),
    0 4px 18px rgba(0,0,0,.55),
    0 0 1px rgba(0,0,0,.8)!important;
}
.header .cm-wordmark>span,
html.cm-dark .header .cm-wordmark>span{
  color:#5b9cff!important;
  -webkit-text-fill-color:#5b9cff!important;
  text-shadow:
    0 1px 0 rgba(3,16,32,.9),
    0 2px 8px rgba(0,0,0,.55),
    0 0 12px rgba(36,95,214,.35)!important;
}

/* Tagline sotto la scritta: SEMPRE visibile (override display:none del bundle mobile) */
.header .cm-brand-tagline,
html.cm-dark .header .cm-brand-tagline,
.header small.cm-brand-tagline,
.logo .cm-brand-tagline,
.cm-brand-copy .cm-brand-tagline{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#eef4ff!important;
  font-weight:700!important;
  font-size:.74rem!important;
  letter-spacing:.01em!important;
  margin-top:6px!important;
  text-shadow:0 1px 4px rgba(3,16,32,.95), 0 2px 10px rgba(0,0,0,.45);
  max-width:min(420px, 58vw)!important;
  white-space:normal!important;
  line-height:1.25!important;
  overflow:visible!important;
  text-overflow:clip!important;
  height:auto!important;
  max-height:none!important;
  clip:auto!important;
  position:static!important;
}
.header .cm-brand-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
}
.header .icon-btn,
html.cm-dark .header .icon-btn{
  background:rgba(255,255,255,.94)!important;
  color:#102c4b!important;
  border-color:rgba(199,215,234,.9)!important;
  backdrop-filter:blur(8px);
}
.header .icon-btn:focus-visible,
.header .logo:focus-visible{
  outline:3px solid #ffd778;
  outline-offset:3px;
}
.header .cm-nicaise-signature,
.header .cm-nicaise-word{
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.55);
}
@media(max-width:700px){
  .header{min-height:88px}
  .header .nav{min-height:88px!important}
  .header::before{
    background-size:cover;
    background-position:62% center;
  }
  .header::after{
    background:linear-gradient(
      100deg,
      rgba(4,16,34,.95) 0%,
      rgba(4,16,34,.85) 50%,
      rgba(4,16,34,.5) 100%
    );
  }
  .header .cm-brand-logo,
  .header .logo .cm-brand-logo{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .header .cm-wordmark,
  html.cm-dark .header .cm-wordmark{
    font-size:1.75rem!important;
  }
  .header .cm-brand-tagline,
  html.cm-dark .header .cm-brand-tagline,
  .header small.cm-brand-tagline,
  .logo .cm-brand-tagline,
  .cm-brand-copy .cm-brand-tagline{
    display:block!important;
    visibility:visible!important;
    font-size:.62rem!important;
    max-width:min(260px, 58vw)!important;
    line-height:1.2!important;
    margin-top:4px!important;
  }
}
@media(max-width:600px){
  /* Override esplicito del display:none del home-bundle mobile */
  .header .cm-brand-tagline,
  .cm-brand-tagline,
  .logo .cm-brand-tagline,
  .cm-brand-copy .cm-brand-tagline,
  small.cm-brand-tagline{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
}
@media(min-width:1280px){
  .header::before{
    background-image:url('/assets/images/header-italia-cover-v714-1920.webp');
  }
  .header .cm-brand-logo,
  .header .logo .cm-brand-logo{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  .header .cm-brand-copy{
    background:rgba(7,24,45,.9);
    border-radius:8px;
    padding:4px 8px;
  }
  .header::after{
    background:rgba(4,16,34,.75);
  }
}

/* Drawer brand logo: same round, no white halo */
.drawer .cm-brand-logo,
.drawer-brand-card img,
.drawer-brand-home img{
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:cover!important;
}
