/*
Theme Name: ICT Showcase
Theme URI: https://staging-ict.enea.it
Author: ENEA REL-PROM
Author URI: https://staging-ict.enea.it
Description: Un tema moderno, premium e tecnologico per professionisti ICT e tech.
Requires at least: 6.2
Tested up to: 6.5
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ict-showcase
Tags: block-theme, dark-mode, portfolio, services, custom-colors, custom-spacing
*/

:root {
    --bs-font-serif: 'Titillium Web', sans-serif !important;
    --bs-body-font-family: 'Titillium Web', sans-serif !important;
}

body,
p,
.card,
.card-text,
.card-title,
h1,
h2,
h3,
h4,
h5,
h6,
.font-serif,
.text-serif {
    font-family: 'Titillium Web', sans-serif !important;
}

.card .card-body .card-text {
    font-family: 'Titillium Web', sans-serif !important;
}

.card.card-img h5.card-title,
.card.card-img .card-title.h5 {
    font-family: 'Titillium Web', sans-serif !important;
    margin-bottom: 0px;
}

.card a.read-more {
    bottom: 10px;
    position: absolute;
}

#searchModal>div>div>div {
    height: 90px;
}

.form-group label.active {
    color: var(--wp--preset--color--base) !important;
}

#ict-newsletter-message {
    height: 4em;
    text-align: center;
    /* color: var(--wp--preset--color--base) !important; */
}

/* ---------------------------------------------------------------------------
 * Accessibilità WCAG 2.1 AA — 2.4.1 Salta i blocchi (skip-link)
 *
 * In WP 7.x il core serve lo skip-link nel markup del template (id
 * "wp-skip-link") e, tramite l'azione deprecata the_block_template_skip_link()
 * agganciata a wp_footer, ne inietta via JavaScript un secondo identico e
 * privo di id. Il duplicato viene rimosso dal DOM da
 * assets/js/accessibilita.js (functions.php); questa regola è la rete di
 * sicurezza, nel caso lo script non venga eseguito.
 * --------------------------------------------------------------------------- */
.skip-link:not(#wp-skip-link) {
    display: none !important;
}

/* ---------------------------------------------------------------------------
 * Accessibilità WCAG 2.1 AA — 1.4.10 Reflow (viewport 320 px)
 *
 * A 320 px la barra "slim" dell'header conteneva tre voci di navigazione non
 * andabili a capo: la loro larghezza minima (315 px) superava i 260 px
 * disponibili e allargava il documento (scrollWidth 345 px su 320 px).
 * Qui si consente l'andata a capo e si rimuovono le larghezze forzate.
 * --------------------------------------------------------------------------- */
.it-header-slim-wrapper-content {
    flex-wrap: wrap;
    row-gap: .25rem;
}

.it-header-slim-right-zone {
    flex-wrap: wrap;
    align-self: center;
    max-width: 100%;
    min-width: 0;
    height: auto;
}

.it-header-slim-right-zone .nav-item {
    min-width: 0;
    max-width: 100%;
}

.it-header-slim-right-zone .nav-link {
    max-width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Il carosello Splide non deve eccedere il contenitore: le slide fuori
 * schermo restano ritagliate dal track. */
.it-carousel-wrapper.splide {
    max-width: 100%;
}

.splide__track {
    overflow: hidden;
}

/* Il toggle del megamenu "Siti di Laboratorio" è ora un <button> (pattern
 * disclosure accessibile, attivabile da tastiera): allinearlo all'aspetto
 * degli altri link di navigazione rimuovendo gli stili di default del bottone.
 * Il resto (colore, padding, font) arriva dalla classe .nav-link. */
.it-header-navbar-wrapper .navbar-nav button.nav-link.dropdown-toggle {
    background: transparent;
    border: 0;
    text-align: inherit;
    cursor: pointer;
    appearance: none;
}

@media (max-width: 575.98px) {
    .it-header-slim-wrapper-content .navbar-brand {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .it-header-navbar-wrapper .navbar-nav .nav-link {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/* Il toggle della ricerca e il pulsante "torna su" sono ora <button>
 * (attivabili da tastiera): reset degli stili di default del bottone,
 * conservando l'aspetto di Bootstrap Italia (.back-to-top mantiene il
 * proprio sfondo blu). */
.it-search-wrapper button.search-link {
    background: transparent;
    border: 0;
    padding: 0;
    color: inherit;
    cursor: pointer;
    appearance: none;
}

button.back-to-top {
    border: 0;
    color: inherit;
    cursor: pointer;
    appearance: none;
}
/* ENEA Agent 17/10/2026 — link del footer distinguibili dal testo circostante (WCAG 2.1 SC 1.4.1) */
.it-footer-small-prints a,
.it-footer-small-prints a.text-white { text-decoration: underline; text-underline-offset: 2px; }


/* Footer: respiro al testo nel blocco azzurro (padding verticale 20px) */
.it-footer .it-footer-main {
    padding-top: 20px;
    padding-bottom: 20px;
}


/* Progetti: copertine importate (icone quadrate) mostrate intere, non tagliate */
body.page-id-15 .img-responsive-wrapper .img-responsive.img-responsive-panoramic .img-wrapper img,
.wp-block-ict-showcase-projects-grid .img-responsive-wrapper .img-responsive.img-responsive-panoramic .img-wrapper img {
    object-fit: contain;
    background: #fff;
}


/* Cookiebar (Design System Italia): link dell'informativa leggibile sul fondo del componente */
.cookiebar p a,
.cookiebar p a:visited,
.cookiebar p a:hover {
    color: #fff;
    text-decoration: underline;
}