/* RB Blog — provino a contatto e pagina articolo. Colori e caratteri del tema rb-foto. */
.rb-blog {
	--k-c: var(--wp--preset--color--carta, #e8e4dc); --k-b: var(--wp--preset--color--bianco, #f7f5f0); --k-g: var(--wp--preset--color--cenere, #8e8b85);
	--k-f: var(--wp--preset--color--fumo, #3b3a38); --k-n: var(--wp--preset--color--nero, #0b0b0b); --k-r: #e5484d; --k-a: #d6a02a;
	--k-mono: var(--wp--preset--font-family--mono, ui-monospace, monospace); --k-sans: var(--wp--preset--font-family--sans, sans-serif);
	--k-serif: var(--wp--preset--font-family--serif, Georgia, serif); --k-hud: 400 .7rem/1.6 var(--k-mono);
	max-width: 74rem !important; margin-left: auto !important; margin-right: auto !important;
}
.rb-blog p { margin: 0; }
.rb-blog a { color: inherit; text-decoration: none; }
.rb-blog-pagina > .wp-block-post-title { display: none; }

/* ——— Provino ——— */
.rb-blog__testa { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; flex-wrap: wrap; margin-bottom: 2rem; }
.rb-blog__titolo { margin: 0 !important; font: 500 clamp(2.4rem, 4.4vw, 3.8rem)/1 var(--k-sans) !important; text-transform: uppercase; letter-spacing: -.01em; color: var(--k-c); }
.rb-blog__sotto { margin-top: .7rem !important; font: var(--k-hud); letter-spacing: .18em; text-transform: uppercase; color: var(--k-r); }
.rb-blog__intro { margin-top: 1rem !important; font: 400 1.3rem/1.4 var(--k-serif); color: var(--k-c); max-width: 40ch; }
.rb-blog__feed { font: var(--k-hud); letter-spacing: .16em; text-transform: uppercase; color: var(--k-g); border-bottom: 1px solid var(--k-f); padding-bottom: .15rem; }
.rb-blog__feed:hover, .rb-blog__feed:focus-visible { color: var(--k-c); border-color: var(--k-c); }
.rb-blog__rubriche { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 2rem; }
.rb-blog__rubriche a { font: var(--k-hud); letter-spacing: .14em; text-transform: uppercase; color: var(--k-g); border: 1px solid var(--k-f); padding: .45rem .8rem; transition: color .2s, border-color .2s; }
.rb-blog__rubriche a:hover, .rb-blog__rubriche a:focus-visible { color: var(--k-c); border-color: var(--k-c); }
.rb-blog__rubriche a[aria-current] { color: var(--k-n); background: var(--k-c); border-color: var(--k-c); }
.rb-blog__rubriche sup { font-size: .6rem; margin-left: .15rem; }

.rb-blog__foglio { background: #070707; border: 1px solid #1b1b1b; padding: 1rem 1.4rem 1.4rem; }
.rb-blog__nome { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font: var(--k-hud); letter-spacing: .2em; text-transform: uppercase; color: var(--k-a); margin-bottom: 1rem !important; }
.rb-blog__nome b { font-weight: 400; color: var(--k-c); }
.rb-blog__fotogrammi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.8rem 1.4rem; }
.rb-blog__f { position: relative; }
.rb-blog__f > a { display: block; }
.rb-blog__q { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: #111; }
.rb-blog__q img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) brightness(.75); transition: filter .5s var(--rb-lento, ease); }
.rb-blog__f.is-ultimo .rb-blog__q img { filter: grayscale(.15) brightness(.95); }
.rb-blog__sopra { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: .35rem; padding: 1rem; background: linear-gradient(transparent 35%, rgba(0,0,0,.86)); opacity: 0; transition: opacity .4s; }
.rb-blog__rub { font: var(--k-hud); letter-spacing: .16em; text-transform: uppercase; color: var(--k-r); }
.rb-blog__t { font: 400 1.3rem/1.2 var(--k-serif); color: #fff; }
.rb-blog__f.is-senza-foto .rb-blog__sopra { opacity: 1; background: none; }
.rb-blog__num { display: flex; justify-content: space-between; gap: .5rem; padding-top: .55rem; font: var(--k-hud); letter-spacing: .14em; }
.rb-blog__cod { color: var(--k-a); }
.rb-blog__num time { color: var(--k-g); }
.rb-blog__f.is-ultimo .rb-blog__num time { color: var(--k-c); }
/* L'ultimo articolo: segni di taglio agli angoli e data in cifre */
.rb-blog__data-tab { position: absolute; top: .7rem; left: .7rem; z-index: 2; background: var(--k-c); color: var(--k-n); font: var(--k-hud); letter-spacing: .16em; padding: .2rem .5rem; }
.rb-blog__taglio { position: absolute; inset: -.55rem -.55rem 1.75rem -.55rem; pointer-events: none; }
.rb-blog__taglio i { position: absolute; width: 1.1rem; height: 1.1rem; border: 0 solid var(--k-c); }
.rb-blog__taglio i:nth-child(1) { top: 0; left: 0; border-top-width: 1px; border-left-width: 1px; }
.rb-blog__taglio i:nth-child(2) { top: 0; right: 0; border-top-width: 1px; border-right-width: 1px; }
.rb-blog__taglio i:nth-child(3) { bottom: 0; left: 0; border-bottom-width: 1px; border-left-width: 1px; }
.rb-blog__taglio i:nth-child(4) { bottom: 0; right: 0; border-bottom-width: 1px; border-right-width: 1px; }
/* Passaggio del mouse / tastiera: il fotogramma torna a colori e mostra il titolo */
.rb-blog__f > a:focus-visible { outline: 1px solid var(--k-c); outline-offset: 4px; }
.rb-blog__f > a:hover .rb-blog__q img, .rb-blog__f > a:focus-visible .rb-blog__q img { filter: none; }
.rb-blog__f > a:hover .rb-blog__sopra, .rb-blog__f > a:focus-visible .rb-blog__sopra { opacity: 1; }
@media (hover: none) { .rb-blog__sopra { opacity: 1; } }
.rb-blog__vuoto { color: var(--k-g); padding: 3rem 0; }
.rb-blog__pagine { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; margin-top: 1.4rem; font: var(--k-hud); letter-spacing: .16em; text-transform: uppercase; color: var(--k-g); }
.rb-blog__pagine span:last-child { text-align: right; }
.rb-blog__pagine a { color: var(--k-c); border-bottom: 1px solid var(--k-f); }

@media (max-width: 900px) { .rb-blog__fotogrammi { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) {
	.rb-blog__foglio { padding: .8rem; }
	.rb-blog__fotogrammi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.3rem .8rem; }
	.rb-blog__t { font-size: 1.05rem; }
	.rb-blog__num { font-size: .62rem; letter-spacing: .1em; }
	.rb-blog__sopra { padding: .6rem; }
	.rb-blog__data-tab { top: .45rem; left: .45rem; }
}

/* ——— Articolo ——— */
.rb-blog--articolo { max-width: 62.5rem !important; }
.rb-blog__mirino { display: grid; width: fit-content; max-width: 100%; margin: 0 auto 2.4rem; }
.rb-blog__mirino-q { position: relative; display: block; }
.rb-blog__mirino-q img { display: block; width: auto; max-width: 100%; height: auto; max-height: 78vh; max-height: 78svh; }
.rb-blog__mirino-q::after { content: ""; position: absolute; inset: 9% 7%; border: 1px solid rgba(232,228,220,.35); pointer-events: none; }
.rb-blog__mirino figcaption { display: flex; justify-content: space-between; gap: 1rem; padding-top: .6rem; font: var(--k-hud); letter-spacing: .16em; text-transform: uppercase; color: var(--k-g); }
.rb-blog__mirino figcaption a { color: var(--k-c); }
.rb-blog__colonna { max-width: 40rem; margin: 0 auto; }
.rb-blog__rub-tit { font: var(--k-hud); letter-spacing: .16em; text-transform: uppercase; color: var(--k-r); }
.rb-blog__rub-tit span { color: var(--k-a); }
.rb-blog__h1 { margin: .8rem 0 1.4rem !important; font: 400 clamp(2.2rem, 4vw, 3.4rem)/1.1 var(--k-serif) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--k-c); }
.rb-blog__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.4rem; padding: .9rem 0; border-top: 1px solid var(--k-f); border-bottom: 1px solid var(--k-f); margin-bottom: 2.2rem; font: var(--k-hud); letter-spacing: .16em; text-transform: uppercase; color: var(--k-g); }
.rb-blog__meta a { color: var(--k-c); }
.rb-blog__condividi { margin-left: auto; font: inherit; letter-spacing: inherit; text-transform: inherit; color: var(--k-c); background: none; border: 0; padding: 0; cursor: pointer; }
.rb-blog__condividi:hover, .rb-blog__condividi:focus-visible { text-decoration: underline; text-underline-offset: .3em; }
.rb-blog__corpo { font-size: 1.02rem; line-height: 1.8; color: #d8d4cc; }
.rb-blog__corpo > * { margin-top: 0 !important; margin-bottom: 1.3rem !important; }
.rb-blog__corpo > :is(h2, h3) { margin-top: 2.4rem !important; margin-bottom: .8rem !important; }
.rb-blog__corpo h2, .rb-blog__corpo h3 { font: 500 1.3rem/1.3 var(--k-sans); text-transform: uppercase; letter-spacing: .02em; color: var(--k-c); }
.rb-blog__corpo a { color: var(--k-c); text-decoration: underline; text-decoration-color: var(--k-f); text-underline-offset: .25em; }
.rb-blog__corpo strong { color: var(--k-b); }
.rb-blog__corpo figure { margin-top: 2rem; margin-bottom: 2rem; }
.rb-blog__corpo figcaption { font: var(--k-hud); letter-spacing: .14em; text-transform: uppercase; color: var(--k-g); margin-top: .6rem; text-align: left; }
.rb-blog__corpo blockquote { margin-left: 0; padding-left: 1.4rem; border-left: 1px solid var(--k-c); font: 400 1.3rem/1.45 var(--k-serif); color: var(--k-c); }
@media (min-width: 1100px) { .rb-blog__corpo .alignwide { margin-left: -8rem; margin-right: -8rem; } }
.rb-blog__vicini { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 3rem; padding: 1.2rem 0; border-top: 1px solid var(--k-f); border-bottom: 1px solid var(--k-f); }
.rb-blog__vicini a { display: grid; gap: .35rem; font: 400 1.1rem/1.3 var(--k-serif); color: var(--k-c); }
.rb-blog__vicini a span { font: var(--k-hud); letter-spacing: .16em; color: var(--k-a); }
.rb-blog__succ { text-align: right; }
.rb-blog__torna { margin-top: 1.4rem !important; font: var(--k-hud); letter-spacing: .16em; text-transform: uppercase; }
.rb-blog__torna a { color: var(--k-g); border-bottom: 1px solid var(--k-f); }
/* Pellicola: segna a che punto è la lettura */
.rb-blog__pellicola { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; align-items: center; gap: .8rem; height: 1.5rem; padding: 0 1rem; background: rgba(5,5,5,.94); border-top: 1px solid #1b1b1b; font: var(--k-hud); letter-spacing: .14em; color: var(--k-a); }
.rb-blog__pellicola[hidden] { display: none; }
.rb-blog__pell-f { display: flex; gap: .4rem; }
.rb-blog__pell-f i { width: .55rem; height: .35rem; background: #262626; border-radius: 1px; }
.rb-blog__pell-f i.on { background: var(--k-a); }
@media (max-width: 640px) {
	.rb-blog__mirino { margin-left: -1rem; margin-right: -1rem; }
	.rb-blog__mirino figcaption { padding-inline: 1rem; }
	.rb-blog__vicini { grid-template-columns: 1fr; }
	.rb-blog__succ { text-align: left; }
	.rb-blog__pell-f i { width: .4rem; }
}

/* ——— "Ne ho scritto qui" sulle serie (opzionale) ——— */
.rb-blog-serie { max-width: 74rem; margin: 3rem auto; padding: 0 clamp(1rem, 4vw, 2rem); font-family: var(--wp--preset--font-family--sans, sans-serif); }
.rb-blog-serie__tit { font: 400 .7rem/1.6 var(--wp--preset--font-family--mono, monospace); letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--cenere, #8e8b85); margin: 0 0 .6rem; }
.rb-blog-serie ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--wp--preset--color--fumo, #3b3a38); }
.rb-blog-serie a { display: grid; grid-template-columns: 4rem 1fr auto; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--wp--preset--color--fumo, #3b3a38); color: var(--wp--preset--color--carta, #e8e4dc); text-decoration: none; }
.rb-blog-serie a span { font: 400 .7rem/1.9 var(--wp--preset--font-family--mono, monospace); letter-spacing: .14em; color: #d6a02a; }
.rb-blog-serie a span:last-child { color: var(--wp--preset--color--cenere, #8e8b85); }

@media (prefers-reduced-motion: reduce) { .rb-blog *, .rb-blog *::after { transition: none !important; } }
@media print { .rb-blog__pellicola, .rb-blog__condividi, .rb-blog__vicini, .rb-blog__torna { display: none !important; } }