/*
Theme Name: MontClaire
Template: twentytwentyfive
Description: Tema di Villa MontClaire, case vacanze in Valsassina (figlio di Twenty Twenty-Five).
Version: 0.1.0
Text Domain: montclaire
*/

/* testata */
.mc-testata { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--wp--preset--color--linea); }
.mc-testata .wp-block-site-title a { text-decoration: none; }

/* pulsanti */
.wp-block-button__link { transition: background-color .2s, color .2s, transform .2s; }
.wp-block-button__link:hover { transform: translateY(-1px); }
.mc-bordo .wp-block-button__link { background: transparent !important; color: currentColor !important; box-shadow: inset 0 0 0 1.5px currentColor; }

/* apertura */
.mc-apertura { min-height: min(82vh, 760px) !important; }
.mc-apertura .wp-block-cover__inner-container > * { max-width: 520px; }
.mc-apertura .has-large-font-size { font-size: 1.15rem !important; }
.mc-occhiello { letter-spacing: .2em; text-transform: uppercase; font-size: .78rem !important; font-weight: 600; }

/* schede appartamenti */
.mc-scheda { background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--linea); border-radius: 14px; overflow: hidden; height: 100%; }
.mc-scheda-foto { margin: 0 !important; }
.mc-scheda-foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.mc-scheda .mc-piano { font-size: .78rem !important; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--accento); font-weight: 600; margin-bottom: .2rem; }

/* logo */
.mc-logo-testata img { width: 52px; height: 52px; display: block; }
.mc-logo-piede img { width: 120px; height: 120px; }

/* galleria: foto tutte alte uguali */
.mc-galleria.wp-block-gallery img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; }
.mc-foto-tonda img { border-radius: 14px; }
.mc-scheda-testo { padding: 1.4rem 1.5rem 1.6rem; }
.mc-numeri { display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; font-size: .9rem; color: var(--wp--preset--color--pietra); }

/* punti forti */
.mc-punto { border-top: 2px solid var(--wp--preset--color--accento); padding-top: 1rem; }

/* voto */
.mc-voto b { display: inline-block; background: var(--wp--preset--color--bosco); color: #fff; border-radius: 10px 10px 10px 2px; padding: .3rem .6rem; margin-right: .5rem; }

/* tabelle */
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table td, .wp-block-table th { border: 0; border-bottom: 1px solid var(--wp--preset--color--linea); padding: .7rem .4rem; }
.wp-block-table td:last-child { text-align: right; white-space: nowrap; color: var(--wp--preset--color--pietra); }

/* elenchi servizi */
.mc-elenco { list-style: none; padding-left: 0; }
.mc-elenco li { padding: .35rem 0 .35rem 1.6rem; position: relative; }
.mc-elenco li::before { content: ""; position: absolute; left: 0; top: .9rem; width: .6rem; height: .6rem; border-radius: 50%; background: var(--wp--preset--color--salvia); }

/* da completare (bozza) */
.mc-manca { background: #fff1c7; border-radius: 6px; padding: 0 .35rem; }

/* piede */
.mc-piede a { color: inherit; }
.mc-piccolo { font-size: .8rem !important; opacity: .75; }

/* Vik Booking: pulsanti con i colori del sito */
.vbo-search-btn, .vbo-pref-color-btn, .vbo-book-btn, .vikbooking input.btn, .vikbooking button.btn { background: var(--wp--preset--color--bosco) !important; border-color: var(--wp--preset--color--bosco) !important; color: #fff !important; border-radius: 999px !important; }