/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
/* Skip link accessibile */
/* Header PA (navbar) */
.theme-pa .pa-navbar{
 
  border-bottom: 1px solid rgba(255,255,255,.18);
  min-height: 64px;
}

.theme-pa .pa-brand{
  min-width: 0; /* permette ellissi */
}

.theme-pa .pa-ente {
    font-weight: 600;
    font-size: 2.95rem;
    letter-spacing: .2px;
    opacity: .95;
    line-height: 1.1;
    color: #ffffff;
}

.theme-pa .pa-survey-title {
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: .2px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 58vw;
    color: #ffffff;
}

@media (min-width: 1200px){
  .theme-pa .pa-survey-title{ max-width: 640px; }
}

.theme-pa .pa-navbar-toggler{
  border-color: rgba(255,255,255,.55);
}
.theme-pa .pa-navbar-toggler:focus{
  outline: 3px solid rgba(255,191,71,.60);
  outline-offset: 2px;
  box-shadow: none;
}


.theme-pa .pa-skip-link{
  position: absolute;
  left: -9999px;
  top: 8px;
  z-index: 2000;
  background: #fff;
  color: var(--pa-primary);
  padding: 10px 12px;
  border-radius: 6px;
  border: 2px solid var(--pa-focus);
  font-weight: 600;
}
.theme-pa .pa-skip-link:focus{
  left: 12px;
  outline: none;
}

/* Compensazione navbar fixed-top:
   assicurati che contenuti e progress non finiscano sotto l’header */
.theme-pa .pa-page{
  padding-top: 12px; /* default: adatta se navbar più alta */
}

/* Se su mobile l’header cresce, aumentiamo leggermente */
@media (max-width: 576px){
  .theme-pa .pa-page{ padding-top: 84px; }
}

/* Progress bar sotto header: un po’ di respiro */
.theme-pa #survey-progress,
.theme-pa .progress-container{
  margin-top: 8px;
}

.navbar {
    background-color: #193777 !important;
    box-shadow: 0 1px 20px 0 rgb(196, 196, 196);
}

/* Forza Titillium a prescindere dalla scelta font del tema */
.theme-pa body[class*="font-"],
.theme-pa body {
  font-family: "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#welcome-container {
    max-width: 90% !important;
}

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #193777 !important;
    border-color: #2cb66c;
}