/*
Theme Name: Ridoli
Template: twentytwentyfive
Description: Tema dello Studio Ridoli, basato su Twenty Twenty-Five.
Version: 1.0
Text Domain: ridoli
*/

/* Intestazione: barra rossa + fascia scura con il logo */
.ridoli-header { border-top: 8px solid var(--wp--preset--color--accent-1);
  background: #1b1b1b url(assets/header-object.png) left center / auto 100% no-repeat;
  min-height: 120px; padding: 0 1.5rem; }
.ridoli-header .wp-block-site-title { margin: 0; }
.ridoli-header .wp-block-site-title a { display: block; width: 260px; height: 110px;
  text-indent: -9999px; overflow: hidden; }              /* il logo è nell'immagine */
.ridoli-header .wp-block-navigation,
.ridoli-header .wp-block-navigation a,
.ridoli-header .wp-block-navigation-item__content,
.ridoli-header .wp-block-navigation__responsive-container-open { color: #fff !important; }
.ridoli-header .wp-block-navigation { text-transform: uppercase; font-weight: 700; font-size: .95rem; letter-spacing: .03em; gap: 1.6rem; }
.ridoli-header .current-menu-item > a,
.ridoli-header .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent-1) !important; }
.ridoli-header .wp-block-navigation__submenu-container { background: #1b1b1b !important; border: 0 !important; }
.ridoli-header .wp-block-navigation__responsive-container.is-menu-open { background: #1b1b1b !important; }
@media (max-width: 700px) {
  .ridoli-header { background-size: auto 70%; min-height: 90px; }
  .ridoli-header .wp-block-site-title a { width: 180px; height: 80px; }
}

/* Foto in bianco e nero a tutta larghezza in home */
.ridoli-hero img { width: 100%; height: auto; aspect-ratio: 950 / 420; object-fit: cover; }

/* Piè di pagina */
.ridoli-footer { background: #1b1b1b; color: #ccc; padding: 2rem 1.5rem; font-size: .9rem; text-align: center;
  border-top: 4px solid var(--wp--preset--color--accent-1); }
.ridoli-footer a { color: #fff; }
.ridoli-footer p { margin: .3rem 0; }

/* RIDOLI-HOME: slider in dissolvenza (5 foto, 5 secondi ciascuna) */
.ridoli-slider { position: relative; aspect-ratio: 950 / 420; overflow: hidden; background: #111;
  margin-top: 2rem !important; margin-bottom: 2rem !important; }
.ridoli-slider img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  opacity: 0; animation: ridoli-fade 25s infinite; }
.ridoli-slider img:nth-child(2) { animation-delay: 5s; }
.ridoli-slider img:nth-child(3) { animation-delay: 10s; }
.ridoli-slider img:nth-child(4) { animation-delay: 15s; }
.ridoli-slider img:nth-child(5) { animation-delay: 20s; }
@keyframes ridoli-fade { 0% { opacity: 0; } 4% { opacity: 1; } 20% { opacity: 1; } 24% { opacity: 0; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .ridoli-slider img { animation: none; }
  .ridoli-slider img:first-child { opacity: 1; }
}

/* Testo introduttivo e due colonne */
.ridoli-intro { text-align: center; font-size: 1.05rem; }
.ridoli-colonne { gap: 2.5rem; font-size: .95rem; line-height: 1.6; text-align: justify; hyphens: auto; }
.ridoli-colonne p, .ridoli-colonne p * { color: inherit !important; font-family: inherit !important;
  font-size: inherit !important; line-height: inherit !important; background: none !important; }
.ridoli-colonne p { margin: 0 0 .9rem; }

/* RIDOLI-2: impaginazione come il vecchio sito */
/* intestazione: l'immagine col logo sta nella colonna centrale, il menu in basso a destra */
.ridoli-header { background: #1b1b1b; min-height: 0; padding-top: 0; padding-bottom: 0; }
.ridoli-header > .alignwide { background: url(assets/header-object.png) left top / auto 100% no-repeat;
  min-height: 150px; align-items: flex-end !important; padding-bottom: 1rem !important; }
.ridoli-header .wp-block-site-title a { height: 130px; }

/* home: la fascia scura prosegue dietro la parte alta della foto; mappamondo in filigrana */
.home main { background:
    linear-gradient(#1b1b1b 0, #1b1b1b 300px, #9a9a9a 300px, #9a9a9a 303px, transparent 303px),
    url(assets/mondo.png) right 340px / 650px auto no-repeat;
  padding-top: 0 !important; }
.home .ridoli-slider { max-width: var(--wp--style--global--content-size) !important;
  margin-top: 0 !important; margin-bottom: .6rem !important;
  border: 4px solid #e8e8e8; box-shadow: 0 4px 14px rgba(0, 0, 0, .45); }

/* testo introduttivo e colonne più fitti, come l'originale */
.home .ridoli-intro { text-align: left; font-size: .95rem; margin-top: .4rem; }
.home .ridoli-colonne { font-size: .88rem; line-height: 1.5; margin-top: 1.2rem; }
@media (max-width: 700px) {
  .home main { background: linear-gradient(#1b1b1b 0, #1b1b1b 120px, transparent 120px); }
  .ridoli-header > .alignwide { background-size: auto 70%; min-height: 100px; }
}

/* RIDOLI-3: niente spazi bianchi tra intestazione, contenuto e piè di pagina */
.wp-site-blocks > * + * { margin-block-start: 0 !important; }
.wp-site-blocks > header, .wp-site-blocks > header > .ridoli-header { margin: 0 !important; }
.home main { margin-top: 0 !important; }
.home main > *:first-child { margin-top: 0 !important; }

/* RIDOLI-5: pagina Chi siamo */
.ridoli-ritratto img { max-width: 220px; height: auto; border: 4px solid #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .35); }
.wp-block-separator { margin: 2.5rem 0; border-color: var(--wp--preset--color--accent-1); opacity: .4; }
h4.wp-block-heading { margin-bottom: .2rem; }
@media (max-width: 780px) { .ridoli-ritratto { text-align: center; } .ridoli-ritratto img { margin: 0 auto; } }

/* RIDOLI-6: pagine con foto in cornice e titoli delle colonne in maiuscolo */
.ridoli-foto-pagina { max-width: var(--wp--style--global--content-size); margin-left: auto; margin-right: auto; }
.ridoli-foto-pagina img { width: 100%; height: auto; aspect-ratio: 950 / 420; object-fit: cover;
  border: 4px solid #e8e8e8; box-shadow: 0 4px 14px rgba(0, 0, 0, .35); }
.ridoli-titolo-colonna { text-transform: uppercase; font-size: 1.35rem; letter-spacing: .03em; margin-bottom: .8rem; }
.ridoli-sottotitolo { color: var(--wp--preset--color--accent-1); font-size: 1.05rem; text-decoration: underline; margin: 1rem 0 .4rem; }