/**
 * Theme Name:     Hello Elementor Child – Amministrazione Trasparente
 * Author:         SitoalTop di Lorenzo Bonacini
 * Author URI:     https://sitoaltop.it/
 * Template:       hello-elementor
 * Text Domain:    hello-elementor-child
 * Description:    Tema child personalizzato di Hello Elementor, sviluppato da SitoalTop di Lorenzo Bonacini per ricreare la sezione "Amministrazione Trasparente" ispirata al sito istituzionale del Comune di Brescia. 
 *                 Basato sul tema leggero e flessibile Hello Elementor, questo child theme introduce stili e funzionalità su misura per una gestione dei contenuti chiara, accessibile e coerente con l'identità visiva pubblica.
 * Version:        1.0.0
 * License:        GNU General Public License v2 or later
 * License URI:    http://www.gnu.org/licenses/gpl-2.0.html
 */

.content-page li { padding-bottom: 1.2rem; }
/*.text-link a:hover, .e-n-menu-title-text:hover { text-decoration: underline !important; }*/

.no-gap p { margin-block-end: 0rem!important; }

/* Stile pulsanti azione pagina */
.button-azioni .elementor-button-content-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.button-azioni .elementor-button-icon svg {
  width: 32px;
  height: 32px;
  display: block;
  vertical-align: middle;
  fill: #003366;
}

/* ===== Stile Sezione ===== */

/* Freccia dopo il testo pulsante */
.icon-after .elementor-button-text {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.icon-after .elementor-button-text::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("https://brescia.likablehair.it/wp-content/uploads/2025/08/arrow.svg") no-repeat center center / contain;
  filter: brightness(0) invert(1);
  transition: transform .2s ease;
}

.elementor-button:hover .elementor-button-text::after {
  transform: translateX(4px);
}

/* ===== Stile Pagina ===== */

/* Card Allegati */
#documenti .row, #correlate .row, #link .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#documenti .col-md-6, #correlate .col-md-6, #link .col-md-6 {
  width: 100%;
}

/* Da >=768px due colonne */
@media (min-width: 768px) {
  #documenti .col-md-6, #correlate .col-md-6, #link .col-md-6 {
    width: calc(45% - 0px);
  }
}

/* Card */
#documenti .card.card-teaser, #correlate .card.card-teaser, #link .card.card-teaser {
  background-color: white;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  border: 0;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}

/* Icona */
#documenti .card.card-teaser, #correlate .card.card-teaser, #link .card.card-teaser {
  display: flex;
  align-items: flex-start;
  gap: 0px;
}

#documenti .card.card-teaser .icon, #correlate .card.card-teaser .icon, #link .card.card-teaser .icon {
  width: 30px;
  height: auto;
  flex-shrink: 0;
  fill: currentColor;
  color: #000;
  margin: 15px 0px 0px 20px;
}

#documenti .card.card-teaser .card-body, #correlate .card.card-teaser .card-body, #link .card.card-teaser .card-body {
  flex: 1;
}

/* Contenuto card */
#documenti .card.card-teaser .card-body, #correlate .card.card-teaser .card-body, #link .card.card-teaser .card-body {
  padding: 10px 30px 10px 11px;
  color: #036;
}

/* Categoria */
#correlate .text-uppercase {
	text-transform: uppercase;
	font-family: Titillium Web !important;
	font-weight: 700;
	letter-spacing: .9px;
	color: #435a70;
	font-size: 14px;
}

/* Titolo */
#documenti .card.card-teaser .card-title, #correlate .card.card-teaser .card-title, #link .card.card-teaser .card-title {
  margin-bottom: 20;
}
#documenti .card.card-teaser .card-title h5,
#documenti .card.card-teaser h5.card-title,
#documenti .card.card-teaser .card-title > a,
#correlate .card.card-teaser .card-title h5,
#correlate .card.card-teaser h5.card-title,
#correlate .card.card-teaser .card-title > a,
#link .card.card-teaser .card-title h5,
#link .card.card-teaser h5.card-title,
#link .card.card-teaser .card-title > a {
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
  color: #036;
  word-break: break-word;
  overflow-wrap: anywhere;
  text-decoration: none;
}

#correlate .card-title a {
	font-size: 1.3rem!important;
}

/* Link */
#documenti a.text-decoration-none:hover,
#documenti .card.card-teaser .card-title > a:hover,
#correlate a.text-decoration-none:hover,
#correlate .card.card-teaser .card-title > a:hover,
#link a.text-decoration-none:hover,
#link .card.card-teaser .card-title > a:hover {
  text-decoration: underline !important;
}

/* Altezze uguali */
#documenti .row, #correlate .row, #link .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

#documenti .col-md-6, #correlate .col-md-6, #link .col-md-6 {
  display: flex;
  align-items: stretch;
}

#documenti .card, #correlate .card, #link .card {
  width: 100%;
}

/* Sezione ultimo aggiornamento */
#ultimo-aggiornamento h5 {
	font-size:1.35rem;
	font-weight: 400;
  letter-spacing: normal;
}

#ultimo-aggiornamento .h6 {
	font-family: Titillium Web;
	font-weight: 600;
	font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
}

/* ===== Offset anchors ===== */
.elementor-menu-anchor {
  position: relative;
}

.elementor-menu-anchor::before {
  content: "";
  display: block;
  height: 96px;
  margin-top: -96px;
  pointer-events: none;
}

@media (min-width: 992px) {
  .elementor-menu-anchor::before {
    height: 72px;
    margin-top: -72px;
  }
}

/* ======================================
   STILI DI STAMPA PERSONALIZZATI
====================================== */
@media print {
  header, footer, .elementor-popup-modal, .elementor-sticky, .elementor-nav-menu {
    display: none !important;
    visibility: hidden !important;
  }

  * {
    background: #fff !important;
    box-shadow: none !important;
    color: #000 !important;
  }

  body, html {
    margin: 0 !important;
    padding: 0 !important;
  }

  main, .site-content, .elementor {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 15mm !important;
  }

  body {
    font-family: "Times New Roman", serif;
    font-size: 12pt;
    line-height: 1.4;
  }

  button, .btn, a[href^="mailto:"], a[href^="tel:"], .elementor-button, .js-print {
    display: none !important;
  }

  article, .elementor-section, .elementor-container, .elementor-widget-text-editor {
    display: block;
  }

  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 10pt;
    color: #555;
  }

  @page {
    margin: 10mm 10mm;
  }
}