/*
Theme Name: Condomani 2026
Theme URI: https://www.condomani.it
Author: Condomani Srl
Author URI: https://www.condomani.it
Description: Tema del Blog di Condomani, con la stessa grafica del sito www.condomani.it (Brandkit 2026): colori, font Montserrat ospitato sul blog, menu e piede con la skyline. Leggero, a blocchi, senza plugin né servizi esterni.
Version: 1.0.2
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: condomani-2026
*/

/* Ritocchi che theme.json non sa esprimere. Il resto dello stile è in theme.json. */

/* Testata scura con gli aloni, come le landing del nuovo www */
.cdm-testata {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: linear-gradient(160deg, #0b2236 0%, #0e2a40 45%, #015f9a 100%);
}
.cdm-testata::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(40rem 26rem at 8% 10%, rgba(47, 191, 106, 0.26), transparent 70%),
		radial-gradient(44rem 30rem at 95% 90%, rgba(155, 213, 238, 0.28), transparent 70%);
}

/* Menu in alto: fisso, scuro */
.cdm-menu {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: saturate(1.4) blur(10px);
	-webkit-backdrop-filter: saturate(1.4) blur(10px);
}
.admin-bar .cdm-menu { top: 32px; }
@media (max-width: 782px) { .admin-bar .cdm-menu { top: 46px; } }
.cdm-menu .wp-block-navigation-item__content { border-radius: 999px; padding: 0.45em 0.9em; }
.cdm-menu .wp-block-navigation-item__content:hover { background: rgba(255, 255, 255, 0.12); }
.cdm-menu .current-menu-item > .wp-block-navigation-item__content { background: #fff; color: #0277bd; }
.cdm-menu .wp-element-button { white-space: nowrap; padding: 0.6em 1.2em; font-size: 0.9rem; }
.cdm-menu-blog { margin: 0; }
.cdm-menu-blog a {
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
}
.cdm-menu .wp-block-navigation { flex-wrap: nowrap; }
.cdm-menu .wp-block-navigation-item { white-space: nowrap; }
@media (max-width: 600px) {
	.cdm-menu-blog { display: none; }
	.cdm-menu .wp-block-image img { width: 140px !important; }
}
.cdm-menu .wp-block-navigation__responsive-container.is-menu-open { background: #0b2236; color: #fff; }

/* Card degli articoli */
.cdm-card {
	height: 100%;
	overflow: hidden;
	border: 1px solid #dbe7ef;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(14, 42, 64, 0.05), 0 12px 32px rgba(14, 42, 64, 0.07);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cdm-card:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(14, 42, 64, 0.08), 0 24px 48px rgba(14, 42, 64, 0.12); }
.cdm-card .wp-block-post-featured-image { margin: 0; }
.cdm-card .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.cdm-card .wp-block-post-title a { text-decoration: none; }
.cdm-card .wp-block-post-title a:hover { color: #0277bd; }
.cdm-griglia .wp-block-post-template { gap: 28px; }
.cdm-griglia .wp-block-post { display: flex; }

/* Categoria come etichetta */
.cdm-etichetta a {
	display: inline-block;
	padding: 0.25em 0.8em;
	border-radius: 999px;
	background: #e9f6fc;
	color: #0277bd;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
}
.cdm-testata .cdm-etichetta a { background: rgba(255, 255, 255, 0.12); color: #fff; }

/* Testo dell'articolo: leggibile, con le immagini arrotondate */
.cdm-articolo img,
.cdm-articolo iframe { border-radius: 14px; max-width: 100%; height: auto; }
.cdm-articolo iframe { aspect-ratio: 16 / 9; width: 100%; height: auto; }
.cdm-articolo h2,
.cdm-articolo h3 { scroll-margin-top: 90px; }
.cdm-articolo li { margin-bottom: 0.4em; }
.cdm-articolo li::marker { color: #008d36; }

/* Riquadro «Prova Condomani» in fondo agli articoli */
.cdm-prova { border-radius: 24px; }

/* Piede: skyline che poggia sulla banda blu, come www. Sotto l'orizzonte
   (157 px su 256 nell'immagine) la banda continua a tutta larghezza. */
.cdm-piede-skyline {
	height: min(26.12vw, 256px);
	margin-bottom: -1px;
	background:
		url(assets/images/skyline.png) center bottom / auto 100% no-repeat,
		linear-gradient(transparent 61.3%, #237cbe 61.3%);
}
@media (max-width: 767px) {
	.cdm-piede-skyline {
		height: min(40vw, 200px);
		background-image: url(assets/images/skyline-stretta.png), linear-gradient(transparent 61.3%, #237cbe 61.3%);
	}
}
.cdm-piede a { color: #fff; text-decoration: none; }
.cdm-piede-link { font-weight: 600; line-height: 2; }
.cdm-piede a:hover { text-decoration: underline; }

/* Ricerca */
.cdm-cerca .wp-block-search__inside-wrapper { border: 0; border-radius: 999px; background: #fff; padding: 4px; }
.cdm-cerca .wp-block-search__input { border: 0; border-radius: 999px; padding: 0.7em 1.2em; font-size: 1rem; }
.cdm-cerca .wp-block-search__button { border-radius: 999px; margin: 0; }

/* Paginazione */
.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers { display: inline-block; min-width: 2.4em; padding: 0.4em 0.8em; border-radius: 999px; text-align: center; text-decoration: none; }
.wp-block-query-pagination .page-numbers.current { background: #0e2a40; color: #fff; }

/* Accessibilità: fuoco sempre visibile */
:where(a, button, input, .wp-element-button):focus-visible { outline: 3px solid #2fbf6a; outline-offset: 2px; }