/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* ============================================================
   Specializzazione medici — mostrata sotto il nome nel modulo Blog
   ============================================================ */
.et_pb_blog_grid .entry-title .medico-specializzazione,
.et_pb_posts .entry-title .medico-specializzazione,
.entry-title .medico-specializzazione {
	display: block;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #00ade4;
	text-transform: none;
	letter-spacing: 0;
}

/* ============================================================
   "Leggi tutto"convertito in "Vedi profilo"
   ============================================================ */
.et_pb_blog_grid .more-link,
.et_pb_posts .more-link {
	margin-top: 10px !important;
    display: block;
}

/* Freccia dopo "Vai al profilo" nel modulo Blog */
.et_pb_blog_grid .more-link::after,
.et_pb_posts .more-link::after {
	font-family: "Font Awesome 7 Free";
	font-weight: 900;          /* 900 = stile "solid" */
	content: "\f061";          /* \f061 = fa-arrow-right */
	margin-left: 8px;
	display: inline-block;
}

/* ===== Modulo Blog: griglia responsiva 4 / 3 / 1 ===== */

/* 1) Salvattore forzato a UNA colonna: i post restano in ordine naturale */
.et_pb_salvattore_content[data-columns]::before {
	content: '1 .column.size-1of1' !important;
}

/* 2) La colonna unica diventa una vera griglia CSS */
.et_pb_salvattore_content .column {
	width: 100% !important;
	margin: 0 !important;
	display: grid;
	grid-template-columns: repeat(4, 1fr);   /* DESKTOP: 4 colonne */
	gap: 24px;
}

/* 3) I post riempiono la cella: via larghezze/margini/float di Divi */
.et_pb_salvattore_content .et_pb_post {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}

/* Tablet: 3 colonne */
@media only screen and (max-width: 980px) {
	.et_pb_salvattore_content .column {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Mobile: 1 colonna */
@media only screen and (max-width: 767px) {
	.et_pb_salvattore_content .column {
		grid-template-columns: 1fr;
	}
}



/* ============================================================
   Label "Stato" della convenzione (shortcode [convenzione_campo])
   ============================================================ */
.convenzione-stato {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.6;
}
.convenzione-stato.stato-attiva     { background: #e4f5ea; color: #1f7a43; } /* verde */
.convenzione-stato.stato-non_attiva { background: #fdeaea; color: #b02a2a; } /* rosso */


/* ============================================================
   Stile paginazione modulo Blog
   ============================================================ */
   /* ============================================================
   Paginazione WP-PageNavi — stile coordinato alla pagina Equipe
   (selettore diretto: la .wp-pagenavi NON è dentro .et_pb_blog_grid)
   ============================================================ */
.wp-pagenavi {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* numeri centrati */
  align-items: center;
  gap: 8px;
  padding-top: 35px;
  width: 100%;
}

/* Scritta "Pagina 1 di 3": nascosta (per tenerla vedi nota) */
.wp-pagenavi .pages {
  display: none;
}

/* Numeri e frecce */
.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #e0e4ea;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #16233f;            /* navy dei nomi */
  background: #fff;
  text-decoration: none;
  box-shadow: none;
  transition: all .15s ease;
}

/* Link cliccabili in hover */
.wp-pagenavi a:hover {
  border-color: #3d9bd6;     /* azzurro della specializzazione */
  color: #3d9bd6;
}

/* Pagina corrente (span.current) */
.wp-pagenavi span.current {
  background: #16233f;
  border-color: #16233f;
  color: #fff;
}

/* Freccia "successiva" (»): stesso box */
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
  font-weight: 700;
}

/* Puntini "…" senza riquadro (se compaiono con più pagine) */
.wp-pagenavi span.extend {
  border: none;
  background: transparent;
  min-width: auto;
  color: #9aa2ad;
}