/**
 * DT Correzioni Grafiche – correzioni di impaginazione per il sito del Comune di Ovindoli
 * (tema Design Comuni Italia). Spostate qui dal "CSS aggiuntivo" del Customizer il 28 ottobre 2026,
 * senza cambiamenti: il sito si vede esattamente come prima.
 *
 * Digital-Tech Web Agency – https://www.digital-tech.cloud
 */

/* ---- Regole già presenti nel CSS aggiuntivo prima dell'audit ---- */
.callout.note {
	display:none!important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
	font-size:100%!important;
}

/* ---- Correzioni audit ottobre 2026 ---- */
/* Schermi molto larghi: ingrandisce tutto il sito in proporzione (stessa grafica) */
@media (min-width: 1900px) {
  body { zoom: 1.25; }
}
@media (min-width: 2600px) {
  body { zoom: 1.6; }
}

/* Miniature delle card: formato 3:2, locandina intera non tagliata */
.card-teaser-image .card-image {
  flex: 0 0 45% !important;
  max-width: 45% !important;
  width: 45% !important;
  height: auto !important;
  padding-bottom: 0 !important;
  align-self: flex-start;
}
.card-teaser-image .card-image img {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 4px;
}

/* Immagine principale di notizie e schede persona: intera, non ingrandita oltre la dimensione reale */
figure.img-full {
  text-align: center;
  padding: 0 16px !important;
}
figure.img-full img.figure-img {
  width: auto !important;
  max-width: min(100%, 900px) !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  margin: 0 auto;
  border-radius: 4px;
}

/* Pagine "Eventi della vita": percorso e titolo allineati al resto del sito */
body[class*="tax-eventi_vita"] .cmp-breadcrumbs .breadcrumb-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 992px) {
  body[class*="tax-eventi_vita"] .col-lg-5.offset-lg-3 {
    margin-left: 0 !important;
    flex: 0 0 66.6% !important;
    max-width: 66.6% !important;
  }
}

/* Telefono e tablet: pulsante di accessibilità in basso, non sopra logo, titoli e card */
@media (max-width: 991px) {
  #pojo-a11y-toolbar {
    top: calc(100% - 64px) !important;
    bottom: auto !important;
  }
  /* Menu aperto: il pannello si apre verso l'alto e resta tutto visibile */
  #pojo-a11y-toolbar.pojo-a11y-toolbar-open {
    top: auto !important;
    bottom: 16px !important;
  }
  #pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle {
    top: auto !important;
    bottom: 0 !important;
  }
}

/* Footer: link a sinistra, crediti Digital-Tech a destra (a capo su telefono) */
.footer-bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 24px;
}
.footer-bottom .footer-credits {
  margin-left: auto;
}

/* Smartphone e tablet: card delle notizie con locandina sopra e testo a tutta larghezza */
@media (max-width: 991px) {
  .card-teaser-image .card-image-wrapper {
    flex-direction: column-reverse !important;
  }
  .card-teaser-image .card-image {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
  }
  .card-teaser-image .card-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2;
    object-fit: contain !important;
    background: #f2f4f3;
    border-radius: 4px 4px 0 0;
  }
  .card-teaser-image .card-body {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Tablet: griglie di eventi e card su due colonne invece di una */
@media (min-width: 576px) and (max-width: 991px) {
  .row.g-4 > .col-lg-6.col-xl-4,
  .row.g-4 > .col-md-6.col-xl-4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

/* Smartphone: titoli principali meno ingombranti */
@media (max-width: 575px) {
  main h1 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }
}

/* Testo introduttivo sotto le immagini di apertura: margini laterali */
.cmp-hero-img-small__description {
  padding: 12px 24px !important;
  max-width: 1320px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Elenchi Novità ed Eventi: locandina intera (riquadro 3:2) e titoli delle card proporzionati */
.card .img-responsive-wrapper .img-responsive.img-responsive-panoramic {
  padding-bottom: 66.67% !important;
  height: auto !important;
}
.card .img-responsive-wrapper .img-responsive.img-responsive-panoramic img {
  object-fit: contain !important;
  background: #f2f4f3;
}
.card:has(.img-responsive-wrapper) .card-title,
.col-md-6.col-xl-4 .card .card-title {
  font-size: 22px !important;
  line-height: 1.3 !important;
}
@media (max-width: 991px) {
  .card:has(.img-responsive-wrapper) .card-title,
  .col-md-6.col-xl-4 .card .card-title {
    font-size: 20px !important;
  }
}

/* Vivere il Comune: evento senza immagine, card isolate, didascalia, sfondo locandine */
.page-template-vivere-il-comune .img-responsive-wrapper img[src=""] {
  visibility: hidden;
}
.page-template-vivere-il-comune .img-responsive-wrapper:has(img[src=""]) .img-responsive {
  background: #e8f1ec url("/wp-content/uploads/2024/03/P9202265-scaled.jpg") center / cover no-repeat;
}
.page-template-vivere-il-comune .card .img-responsive-wrapper .img-responsive.img-responsive-panoramic img {
  background: #f2f4f3 !important;
}
.page-template-vivere-il-comune .row.g-4 {
  justify-content: center;
}
.page-template-vivere-il-comune .cmp-hero-img-small__description {
  font-size: 1rem !important;
  font-style: italic;
  color: #5c6f82;
  line-height: 1.5;
}

/* Contenuti in evidenza: il tema limita il riquadro immagine a 200px e la locandina finiva sopra il titolo */
.card-teaser-image .card-image {
  max-height: none !important;
  overflow: hidden;
}
@media (max-width: 991px) {
  .card-teaser-image .card-image-wrapper .card-body {
    padding-top: 20px !important;
  }
  .card-teaser-image .card-title {
    line-height: 1.35;
    margin-bottom: 10px !important;
  }
}

/* Menu su telefono: stemma schiacciato e tagliato, titolo sottolineato (solo telefono e tablet: su computer il logo del menu resta nascosto) */
@media (max-width: 991.98px) {
  .navbar-collapsable .logo-hamburger {
    display: flex !important;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
  }
  .navbar-collapsable .logo-hamburger svg {
    flex: 0 0 48px;
    width: 48px !important;
    height: 48px !important;
  }
  .navbar-collapsable .logo-hamburger .it-brand-title {
    font-size: 1.25rem;
    line-height: 1.25;
    text-decoration: none !important;
  }
}

/* Accesso ai servizi digitali (area personale): contenuto allineato al titolo, niente accesso di prova per i cittadini */
@media (min-width: 992px) {
  .page-id-685 article.article-wrapper {
    width: 83.333%;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-id-685 .article-wrapper .wp-block-columns {
  align-items: center;
  gap: 24px;
  padding: 24px;
  margin-bottom: 24px;
  border: 1px solid #d9dadb;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}
.page-id-685 .article-wrapper .wp-block-columns h3 {
  margin-top: 0;
}
.page-id-685 .article-wrapper .wp-block-columns:has(a[href="/wp-login.php"]):not(:has(.spid-login-button)) {
  display: none !important;
}
/* Elenco dei gestori SPID: tolti i provider di prova e sviluppo */
.spid-idp-button-link[data-idp="demo"],
.spid-idp-button-link[data-idp="test"],
.spid-idp-button-link[data-idp="localhost"],
.spid-idp-button-link[data-idp="localhost-saml"] {
  display: none !important;
}


/* Accesso SPID: il menu dei gestori si apre sotto il pulsante (lo script lo posizionava con coordinate sbagliate quando la pagina è ingrandita sugli schermi larghi) */
.wp-block-column:has(> .spid-idp-button){position:relative}
.spid-idp-button.spid-idp-button-relative{left:auto!important;top:auto!important;margin-top:8px;z-index:1000}