/* ========================================================================= * Eventi in Basilicata – stile "app": azzurro, card arrotondate, pillole. * Colori e raggi sono variabili: si cambiano qui in un punto solo. * ========================================================================= */ :root { --ebas-primario: #1e6ff2; --ebas-primario-scuro: #1557c9; --ebas-primario-chiaro: #eaf2ff; --ebas-testo: #0f172a; --ebas-tenue: #64748b; --ebas-bordo: #e6ebf2; --ebas-sfondo: #f5f8fc; --ebas-bianco: #ffffff; --ebas-errore: #dc2626; --ebas-r-grande: 20px; --ebas-r: 14px; --ebas-r-piccolo: 10px; --ebas-ombra: 0 4px 20px rgba(15, 23, 42, .06); --ebas-ombra-forte: 0 10px 30px rgba(15, 23, 42, .12); --ebas-fuoco: 0 0 0 3px rgba(30, 111, 242, .35); } .ebas-app, .ebas-area, .ebas-home, .ebas-dettaglio, .ebas-barra, .ebas-evidenza, .ebas-vetrina, .ebas-categorie, .ebas-home-cerca, .ebas-galleria, .ebas-dintorni, .ebas-collegati, .ebas-menu { color: var(--ebas-testo); } .ebas-app *, .ebas-area *, .ebas-home *, .ebas-dettaglio *, .ebas-barra *, .ebas-evidenza *, .ebas-vetrina *, .ebas-categorie *, .ebas-home-cerca * { box-sizing: border-box; } .ebas-icona { width: 1.15em; height: 1.15em; flex: none; vertical-align: -0.2em; } /* ---------- Bottoni e pillole ---------- */ .ebas-bottone { display: inline-flex; align-items: center; justify-content: center; gap: .4em; padding: .8em 1.4em; border: 0; border-radius: var(--ebas-r); background: var(--ebas-primario); color: #fff !important; font: inherit; font-weight: 600; line-height: 1.2; text-decoration: none !important; cursor: pointer; transition: background .15s ease, transform .1s ease; } .ebas-bottone:hover { background: var(--ebas-primario-scuro); } .ebas-bottone:active { transform: scale(.98); } .ebas-bottone:focus-visible, .ebas-pillola:focus-visible, .ebas-link-mappa:focus-visible, .ebas-select-pillola:focus-visible, .ebas-barra a:focus-visible, .ebas-categorie__voce:focus-visible, .ebas-vetrina__card a:focus-visible, .ebas-evidenza__bottone:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-bottone--secondario { background: var(--ebas-bianco); color: var(--ebas-primario) !important; box-shadow: inset 0 0 0 1.5px var(--ebas-primario); } .ebas-bottone--secondario:hover { background: var(--ebas-primario-chiaro); } .ebas-bottone--piccolo { padding: .55em 1em; font-size: .9em; border-radius: var(--ebas-r-piccolo); } .ebas-bottone--pericolo { background: var(--ebas-errore); } .ebas-bottone--pericolo:hover { background: #b91c1c; } .ebas-pillola { display: inline-flex; align-items: center; gap: .4em; padding: .55em 1.05em; border: 1px solid var(--ebas-bordo); border-radius: 999px; background: var(--ebas-bianco); color: var(--ebas-testo); font: inherit; font-size: .9em; font-weight: 500; cursor: pointer; white-space: nowrap; transition: background .15s, color .15s, border-color .15s; } .ebas-pillola:hover { border-color: var(--ebas-primario); color: var(--ebas-primario); } .ebas-pillola[aria-pressed="true"] { background: var(--ebas-primario); border-color: var(--ebas-primario); color: #fff; } .ebas-pillola--icona .ebas-icona { color: var(--ebas-primario); } .ebas-select-pillola { appearance: none; -webkit-appearance: none; padding: .55em 2.2em .55em 1.05em; border: 1px solid var(--ebas-bordo); border-radius: 999px; background: var(--ebas-bianco) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .9em center; color: var(--ebas-testo); font: inherit; font-size: .9em; font-weight: 500; max-width: 100%; cursor: pointer; } .ebas-badge { display: inline-block; padding: .2em .65em; border-radius: 999px; background: var(--ebas-primario); color: #fff; font-size: .72rem; font-weight: 600; letter-spacing: .01em; line-height: 1.5; } .ebas-badge--tenue { background: var(--ebas-primario-chiaro); color: var(--ebas-primario-scuro); } /* ---------- Filtri della mappa ---------- */ .ebas-filtri { display: grid; gap: .75rem; margin-bottom: .75rem; } .ebas-cerca-barra, .ebas-home-cerca { display: flex; align-items: center; gap: .5rem; padding: .4rem .4rem .4rem 1rem; border: 1px solid var(--ebas-bordo); border-radius: var(--ebas-r); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); } .ebas-cerca-barra:focus-within, .ebas-home-cerca:focus-within { border-color: var(--ebas-primario); box-shadow: var(--ebas-fuoco); } .ebas-cerca-barra > .ebas-icona, .ebas-home-cerca > .ebas-icona { color: var(--ebas-tenue); } .ebas-cerca-barra input, .ebas-home-cerca input { flex: 1; min-width: 0; border: 0 !important; outline: 0; background: transparent; box-shadow: none !important; font: inherit; font-size: 1rem; padding: .55rem 0; color: var(--ebas-testo); } .ebas-home-cerca select { border: 0; background: var(--ebas-sfondo); border-radius: var(--ebas-r-piccolo); padding: .5rem .6rem; font: inherit; font-size: .85rem; color: var(--ebas-testo); max-width: 38%; } .ebas-pillole, .ebas-filtri__riga { display: flex; gap: .5rem; flex-wrap: wrap; } @media (max-width: 600px) { .ebas-pillole { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px 2px; } .ebas-pillole::-webkit-scrollbar { display: none; } .ebas-home-cerca select { display: none; } } .ebas-vicino { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: 1rem; } .ebas-vicino__comune { display: flex; gap: .5rem; flex: 1 1 280px; } .ebas-vicino__comune input { flex: 1; min-width: 0; padding: .55em 1em; border: 1px solid var(--ebas-bordo); border-radius: 999px; font: inherit; } .ebas-vicino__msg { margin: 0; font-size: .88em; color: var(--ebas-tenue); flex-basis: 100%; } .ebas-vicino__msg:empty { display: none; } .ebas-vicino [hidden] { display: none !important; } /* ---------- Mappa + risultati ---------- */ .ebas-layout { display: grid; grid-template-columns: 1fr; gap: 1rem; } .ebas-mappa { height: 340px; border-radius: var(--ebas-r-grande); overflow: hidden; z-index: 0; box-shadow: var(--ebas-ombra); } @media (min-width: 900px) { .ebas-layout { grid-template-columns: 1.15fr 1fr; align-items: start; } .ebas-mappa { height: 680px; position: sticky; top: 1rem; } .ebas-risultati { max-height: 680px; overflow-y: auto; padding: 2px 6px 6px 2px; } } .ebas-conteggio { margin: 0 0 .6rem; font-weight: 700; font-size: 1.05rem; } .ebas-schede { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; } .ebas-scheda { display: flex; gap: .9rem; padding: .7rem; margin: 0; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); border: 1px solid transparent; transition: box-shadow .15s, border-color .15s; } .ebas-scheda:hover { box-shadow: var(--ebas-ombra-forte); } .ebas-scheda--evidenza { border-color: var(--ebas-primario); } .ebas-scheda__media { flex: none; width: 110px; align-self: stretch; min-height: 110px; border-radius: var(--ebas-r); overflow: hidden; background: var(--ebas-primario-chiaro); display: flex; align-items: center; justify-content: center; color: var(--ebas-primario); } .ebas-scheda__media--vuoto .ebas-icona { width: 34px; height: 34px; } .ebas-scheda__img { width: 100%; height: 100%; object-fit: cover; display: block; } .ebas-scheda__corpo { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: .25rem; padding: .15rem 0; } .ebas-scheda__corpo .ebas-badge { align-self: flex-start; } .ebas-scheda__titolo { margin: .1rem 0 .1rem; font-size: 1.02rem; line-height: 1.3; font-weight: 700; } .ebas-scheda__titolo a { color: var(--ebas-testo); text-decoration: none; } .ebas-scheda__titolo a:hover { color: var(--ebas-primario); } .ebas-scheda__meta { display: flex; align-items: center; gap: .35rem; margin: 0; font-size: .85rem; color: var(--ebas-tenue); } .ebas-scheda__meta .ebas-icona { width: 15px; height: 15px; } .ebas-scheda__meta--forte { color: var(--ebas-primario); font-weight: 600; } .ebas-scheda__piede { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: .3rem; } .ebas-scheda__prezzo { font-weight: 700; color: var(--ebas-testo); white-space: nowrap; } .ebas-link-mappa { padding: 0; border: 0; background: none; color: var(--ebas-primario); font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; border-radius: 4px; } .ebas-popup { max-width: 220px; font-family: inherit; } .ebas-popup img { display: block; width: 100%; height: 110px; object-fit: cover; border-radius: var(--ebas-r-piccolo); margin-bottom: .4rem; } .ebas-popup a { color: var(--ebas-testo); text-decoration: none; } .leaflet-container { font: inherit; } .leaflet-popup-content-wrapper { border-radius: var(--ebas-r); } /* ---------- Scheda di dettaglio ---------- */ .ebas-dettaglio { margin: 0 0 1.5rem; padding: .5rem 1.1rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); border: 1px solid var(--ebas-bordo); } .ebas-dettaglio__riga { display: flex; gap: .85rem; align-items: flex-start; padding: .75rem 0; border-bottom: 1px solid var(--ebas-bordo); } .ebas-dettaglio__riga:last-of-type { border-bottom: 0; } .ebas-dettaglio__icona { flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--ebas-primario-chiaro); color: var(--ebas-primario); display: flex; align-items: center; justify-content: center; } .ebas-dettaglio__icona .ebas-icona { width: 19px; height: 19px; } .ebas-dettaglio__testo { min-width: 0; } .ebas-dettaglio dt { font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--ebas-tenue); } .ebas-dettaglio dd { margin: .1rem 0 0; font-weight: 500; } .ebas-dettaglio dd a { color: var(--ebas-primario); } .ebas-dettaglio__azione { padding: .9rem 0 .5rem; } .ebas-dettaglio__azione .ebas-bottone { width: 100%; padding: 1em; } .ebas-mappa-singola { height: 300px; margin-top: 1.5rem; border-radius: var(--ebas-r-grande); overflow: hidden; z-index: 0; box-shadow: var(--ebas-ombra); } /* ---------- Area utente ---------- */ .ebas-area { max-width: 1200px; margin-left: auto !important; margin-right: auto !important; } .ebas-area .ebas-box { padding: 1.5rem 1.6rem; } .ebas-area .ebas-picker__mappa { height: 380px; } .ebas-allegato__nome { margin-top: .7rem; font-weight: 600; font-size: .88rem; } @media (min-width: 900px) { /* Profilo: i riquadri brevi (aspetto, viaggio, notifiche) affiancati. */ .ebas-area__griglia { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.25rem; margin-bottom: 1.25rem; } .ebas-area__griglia > .ebas-box { margin: 0; } } .ebas-box { margin: 0 0 1.25rem; padding: 1.25rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); border: 1px solid var(--ebas-bordo); } .ebas-box h2, .ebas-box h3 { margin-top: 0; } .ebas-intestazione { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .5rem; } .ebas-intestazione h3 { margin: 0; } .ebas-nota, .ebas-aiuto { font-size: .88em; color: var(--ebas-tenue); } .ebas-avviso { margin: 0 0 1rem; padding: .85rem 1rem; border-radius: var(--ebas-r); } .ebas-avviso--ok { background: #ecfdf5; color: #065f46; } .ebas-avviso--errore { background: #fef2f2; color: #7f1d1d; } .ebas-avviso ul { margin: .25rem 0 0 1.2rem; } .ebas-modulo .ebas-campo { margin-bottom: 1.1rem; } .ebas-modulo label, .ebas-etichetta { display: block; margin-bottom: .3rem; font-weight: 600; font-size: .92rem; } .ebas-obbl { color: var(--ebas-errore); } .ebas-modulo input[type="text"], .ebas-modulo input[type="url"], .ebas-modulo input[type="email"], .ebas-modulo input[type="tel"], .ebas-modulo input[type="date"], .ebas-modulo input[type="time"], .ebas-modulo select, .ebas-modulo textarea { width: 100%; max-width: 100%; min-height: 46px; padding: .6em .85em; border: 1px solid var(--ebas-bordo); border-radius: var(--ebas-r-piccolo); background: var(--ebas-sfondo); font: inherit; color: var(--ebas-testo); } .ebas-modulo input:focus, .ebas-modulo select:focus, .ebas-modulo textarea:focus { outline: none; border-color: var(--ebas-primario); background: var(--ebas-bianco); box-shadow: var(--ebas-fuoco); } .ebas-modulo input[type="file"] { font-size: .9rem; } .ebas-anteprima img { max-width: 220px; height: auto; display: block; margin-bottom: .5rem; border-radius: var(--ebas-r-piccolo); } .ebas-azioni { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-top: 1rem; } .ebas-esca { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .ebas-picker { margin-top: .25rem; } .ebas-picker__mappa { height: 280px; margin-top: .6rem; border-radius: var(--ebas-r); overflow: hidden; z-index: 0; border: 1px solid var(--ebas-bordo); } .ebas-picker__stato { font-size: .88em; margin-left: .5rem; color: var(--ebas-tenue); } .ebas-elenco { list-style: none; margin: 0; padding: 0; } .ebas-elenco__voce { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; justify-content: space-between; padding: .85rem 0; border-bottom: 1px solid var(--ebas-bordo); } .ebas-elenco__voce:last-child { border-bottom: 0; } .ebas-elenco__testo a { font-weight: 600; color: var(--ebas-testo); text-decoration: none; } .ebas-elenco__azioni { display: flex; gap: .5rem; flex-wrap: wrap; } .ebas-form-inline { display: inline; margin: 0; } .ebas-stato { display: inline-block; padding: .15em .65em; border-radius: 999px; font-size: .75em; font-weight: 600; margin-left: .25rem; } .ebas-stato--ok { background: #d1fae5; color: #065f46; } .ebas-stato--attesa { background: #fef3c7; color: #92400e; } .ebas-stato--bozza { background: #eef2f7; color: #475569; } .ebas-admin-campi .ebas-picker__mappa { max-width: 640px; } /* ---------- Homepage ---------- */ .ebas-home { display: grid; gap: 1.75rem; padding-top: 1.25rem; } .ebas-categorie ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .5rem; } .ebas-categorie li { margin: 0; } .ebas-categorie__voce { display: flex; flex-direction: column; align-items: center; gap: .45rem; text-decoration: none !important; color: var(--ebas-testo); border-radius: var(--ebas-r); padding: .25rem; } .ebas-categorie__cerchio { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--ebas-primario-chiaro); color: var(--ebas-primario); transition: transform .15s; } .ebas-categorie__voce:hover .ebas-categorie__cerchio { transform: translateY(-2px); } .ebas-categorie__cerchio .ebas-icona { width: 28px; height: 28px; } .ebas-categorie__voce--vedere .ebas-categorie__cerchio { background: #e8f8ef; color: #15803d; } .ebas-categorie__voce--mangiare .ebas-categorie__cerchio { background: #fdecec; color: #dc2626; } .ebas-categorie__voce--dormire .ebas-categorie__cerchio { background: #f1ecfe; color: #7c3aed; } .ebas-categorie__voce--prodotti .ebas-categorie__cerchio { background: #fdf3e7; color: #b45309; } .ebas-categorie__nome { font-size: .85rem; font-weight: 500; text-align: center; line-height: 1.2; } .ebas-evidenza { position: relative; border-radius: var(--ebas-r-grande); overflow: hidden; min-height: 240px; display: flex; align-items: flex-end; box-shadow: var(--ebas-ombra-forte); isolation: isolate; } .ebas-evidenza__img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; z-index: -2; } .ebas-evidenza::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15, 23, 42, 0) 20%, rgba(15, 23, 42, .78) 100%); } .ebas-evidenza__testo { padding: 1.4rem; color: #fff; max-width: 560px; } .ebas-evidenza__etichetta { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .9; } .ebas-evidenza__titolo { margin: .3rem 0 .25rem; font-size: clamp(1.5rem, 4vw, 2.2rem); line-height: 1.15; color: #fff; font-weight: 800; } .ebas-evidenza__sotto, .ebas-evidenza__descr { margin: 0 0 .35rem; font-size: .92rem; opacity: .92; } .ebas-evidenza__bottone { display: inline-flex; align-items: center; gap: .4rem; margin-top: .6rem; padding: .6rem 1.1rem; border-radius: 999px; background: #fff; color: var(--ebas-primario) !important; font-weight: 600; font-size: .9rem; text-decoration: none !important; } @media (min-width: 782px) { .ebas-evidenza { min-height: 340px; } } .ebas-vetrina__testata { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: .75rem; } .ebas-vetrina__testata h2 { margin: 0; font-size: 1.25rem; font-weight: 700; } .ebas-vetrina__testata a { display: inline-flex; align-items: center; gap: .15rem; color: var(--ebas-primario); font-size: .9rem; font-weight: 600; text-decoration: none; white-space: nowrap; } .ebas-vetrina__lista { list-style: none; margin: 0; padding: 4px 2px 10px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(170px, 210px); gap: .85rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; } .ebas-vetrina__card { margin: 0; scroll-snap-align: start; } .ebas-vetrina__card a { display: flex; flex-direction: column; gap: .2rem; height: 100%; padding: .55rem .55rem .8rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); color: var(--ebas-testo); text-decoration: none !important; transition: box-shadow .15s, transform .15s; } .ebas-vetrina__card a:hover { box-shadow: var(--ebas-ombra-forte); transform: translateY(-2px); } .ebas-vetrina__media { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3.4; border-radius: var(--ebas-r); overflow: hidden; background: var(--ebas-primario-chiaro); color: var(--ebas-primario); margin-bottom: .35rem; } .ebas-vetrina__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .ebas-vetrina__media .ebas-icona { width: 36px; height: 36px; } .ebas-vetrina__media .ebas-badge { position: absolute; top: .5rem; left: .5rem; } .ebas-vetrina__titolo { font-weight: 700; font-size: .95rem; line-height: 1.3; padding: 0 .2rem; } .ebas-vetrina__sotto { font-size: .82rem; color: var(--ebas-tenue); padding: 0 .2rem; } .ebas-vetrina__prezzo { font-size: .85rem; font-weight: 700; color: var(--ebas-primario); padding: 0 .2rem; } /* ---------- Barra in basso (smartphone) ---------- */ .ebas-barra { display: none; } @media (max-width: 781px) { body.ebas-con-barra { padding-bottom: calc(68px + env(safe-area-inset-bottom)); } .ebas-barra { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; background: rgba(255, 255, 255, .97); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-top: 1px solid var(--ebas-bordo); padding-bottom: env(safe-area-inset-bottom); } .ebas-barra ul { list-style: none; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); max-width: 520px; } .ebas-barra li { margin: 0; } .ebas-barra a { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 9px 2px 8px; color: var(--ebas-tenue); font-size: .7rem; font-weight: 500; text-decoration: none !important; border-radius: var(--ebas-r-piccolo); } .ebas-barra .ebas-icona { width: 22px; height: 22px; } .ebas-barra a.is-attiva { color: var(--ebas-primario); font-weight: 600; } } /* ---------- Galleria ---------- */ .ebas-galleria, .ebas-collegati, .ebas-dintorni { margin: 2rem 0; } .ebas-galleria h2, .ebas-collegati h2, .ebas-dintorni h2, .ebas-menu h2 { font-size: 1.3rem; margin: 0 0 .75rem; font-weight: 700; } .ebas-galleria__griglia { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .6rem; } .ebas-galleria__griglia li { margin: 0; } .ebas-galleria__link { display: block; border-radius: var(--ebas-r); overflow: hidden; } .ebas-galleria__link img { display: block; width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; transition: transform .2s ease; } .ebas-galleria__link:hover img, .ebas-galleria__link:focus img { transform: scale(1.04); } .ebas-galleria__link:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-lightbox { position: fixed; inset: 0; z-index: 100000; background: rgba(15, 23, 42, .94); display: flex; align-items: center; justify-content: center; padding: 3rem 1rem; } .ebas-lightbox[hidden] { display: none; } .ebas-lightbox__img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: var(--ebas-r-piccolo); } .ebas-lightbox__chiudi, .ebas-lightbox__nav { position: absolute; border: 0; background: rgba(255, 255, 255, .15); color: #fff; font-size: 2rem; line-height: 1; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; } .ebas-lightbox__chiudi:hover, .ebas-lightbox__nav:hover, .ebas-lightbox__chiudi:focus-visible, .ebas-lightbox__nav:focus-visible { background: rgba(255, 255, 255, .3); outline: 2px solid #fff; } .ebas-lightbox__chiudi { top: 12px; right: 12px; } .ebas-lightbox__nav--prec { left: 12px; top: 50%; transform: translateY(-50%); } .ebas-lightbox__nav--succ { right: 12px; top: 50%; transform: translateY(-50%); } .ebas-lightbox__conta { position: absolute; bottom: 12px; left: 0; right: 0; margin: 0; text-align: center; color: #fff; font-size: .9rem; } .ebas-no-scroll { overflow: hidden; } .ebas-galleria-modifica { list-style: none; margin: 0 0 .5rem; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; } .ebas-galleria-modifica li { margin: 0; font-size: .85em; } .ebas-galleria-modifica img { display: block; width: 96px; height: 96px; object-fit: cover; border-radius: var(--ebas-r-piccolo); margin-bottom: .25rem; } .ebas-galleria-modifica label { font-weight: 400; } /* ---------- Collegamenti ---------- */ .ebas-collegati__lista { list-style: none; margin: 0; padding: 0; } .ebas-collegati__lista li { padding: .6rem 0; border-bottom: 1px solid var(--ebas-bordo); } .ebas-collegati__lista li:last-child { border-bottom: 0; } .ebas-collegati__lista a { font-weight: 600; color: var(--ebas-testo); text-decoration: none; } .ebas-collegati__lista a:hover { color: var(--ebas-primario); } .ebas-collegati__meta { display: block; font-size: .85em; color: var(--ebas-tenue); } .ebas-collegati { padding: 1rem 1.2rem; border-radius: var(--ebas-r-grande); background: var(--ebas-primario-chiaro); } .ebas-dintorni__griglia { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; } .ebas-dintorni__gruppo { padding: 1rem 1.2rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); border: 1px solid var(--ebas-bordo); } .ebas-dintorni__gruppo h3 { font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: var(--ebas-tenue); margin: 0 0 .25rem; } /* ---------- Menu e QR ---------- */ .ebas-menu { margin: 0 0 1.5rem; } .ebas-qr { margin-top: .5rem; } .ebas-qr > summary { list-style: none; display: inline-flex; } .ebas-qr > summary::-webkit-details-marker { display: none; } .ebas-qr__corpo { margin-top: .6rem; padding: .9rem; border: 1px solid var(--ebas-bordo); border-radius: var(--ebas-r); background: var(--ebas-bianco); max-width: 320px; } .ebas-qr__immagine svg { display: block; width: 220px; height: 220px; max-width: 100%; } .ebas-aiuto--errore { color: var(--ebas-errore); } .ebas-aiuto--errore:empty { display: none; } @media (prefers-reduced-motion: reduce) { .ebas-app *, .ebas-home *, .ebas-galleria *, .ebas-bottone, .ebas-pillola { transition: none !important; } } /* Evita che le liste scorrevoli allarghino la pagina. */ .ebas-home > *, .ebas-layout > *, .ebas-filtri > * { min-width: 0; } .ebas-filtri__riga .ebas-select-pillola { flex: 1 1 0; min-width: 0; text-overflow: ellipsis; } @media (min-width: 700px) { .ebas-filtri__riga .ebas-select-pillola { flex: 0 1 auto; } } .ebas-link-mappa { white-space: nowrap; } /* Twenty Twenty-Four: nelle schede di eventi, luoghi e strutture nasconde "data — autore" (non pertinenti). */ .single-eb_evento .wp-block-template-part:has(.wp-block-post-date), .single-eb_luogo .wp-block-template-part:has(.wp-block-post-date), .single-eb_struttura .wp-block-template-part:has(.wp-block-post-date) { display: none; } /* ========================================================================= * Scheda di dettaglio (evento, luogo, struttura) * ========================================================================= */ .ebas-main { padding-top: 1.5rem; padding-bottom: 3rem; } .ebas-pagina, .ebas-pagina * { box-sizing: border-box; } .ebas-pagina { color: var(--ebas-testo); } .ebas-hero { position: relative; border-radius: 28px; overflow: hidden; height: clamp(280px, 46vw, 540px); background: var(--ebas-primario-chiaro); box-shadow: var(--ebas-ombra); } .ebas-hero__img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; } .ebas-hero__vuoto { height: 100%; display: flex; align-items: center; justify-content: center; color: var(--ebas-primario); } .ebas-hero__vuoto .ebas-icona { width: 72px; height: 72px; opacity: .6; } .ebas-hero__tasto { position: absolute; top: 16px; width: 44px; height: 44px; border-radius: 50%; border: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(255, 255, 255, .92); color: var(--ebas-testo) !important; box-shadow: 0 4px 14px rgba(15, 23, 42, .18); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); text-decoration: none !important; } .ebas-hero__tasto:hover { background: #fff; color: var(--ebas-primario) !important; } .ebas-hero__tasto:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-hero__tasto--indietro { left: 16px; } .ebas-hero__tasto--condividi { right: 16px; } .ebas-pagina__griglia { position: relative; display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: -56px; padding: 0 12px; } @media (min-width: 960px) { .ebas-pagina__griglia { grid-template-columns: minmax(0, 1fr) 360px; gap: 2rem; margin-top: -96px; padding: 0 32px; align-items: start; } .ebas-pagina__lato { position: sticky; top: 96px; } .ebas-pagina__cta-mobile { display: none !important; } } .ebas-pagina__principale { min-width: 0; display: grid; gap: 1.5rem; } .ebas-pagina__principale > section, .ebas-pagina__principale > div { margin: 0; } .ebas-pagina__card { position: relative; padding: 1.5rem 1.4rem 1.4rem; border-radius: 24px; background: var(--ebas-bianco); box-shadow: var(--ebas-ombra-forte); } .ebas-pagina__sezione { margin: 0 0 .35rem; font-size: .8rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--ebas-primario); } .ebas-pagina__sezione a { color: inherit; text-decoration: none; } .ebas-pagina__titolo { margin: 0; font-size: clamp(1.7rem, 3.6vw, 2.6rem); line-height: 1.12; font-weight: 800; letter-spacing: -.02em; color: var(--ebas-testo); } .ebas-pagina__sotto { margin: .45rem 0 0; color: var(--ebas-tenue); font-size: 1rem; } .ebas-chip { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; } .ebas-chip li { margin: 0; display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .8rem; border-radius: 999px; background: var(--ebas-sfondo); border: 1px solid var(--ebas-bordo); font-size: .85rem; font-weight: 500; } .ebas-chip .ebas-icona { width: 16px; height: 16px; color: var(--ebas-primario); } .ebas-azioni-rapide { list-style: none; margin: 1.25rem 0 0; padding: 1.1rem 0 0; border-top: 1px solid var(--ebas-bordo); display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: .5rem; } .ebas-azioni-rapide li { margin: 0; } .ebas-azioni-rapide a { display: flex; flex-direction: column; align-items: center; gap: .4rem; text-decoration: none !important; color: var(--ebas-testo); font-size: .82rem; font-weight: 500; border-radius: var(--ebas-r); padding: .2rem; } .ebas-azioni-rapide a:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-azioni-rapide__cerchio { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--ebas-primario-chiaro); color: var(--ebas-primario); transition: background .15s, color .15s, transform .15s; } .ebas-azioni-rapide a:hover .ebas-azioni-rapide__cerchio { background: var(--ebas-primario); color: #fff; transform: translateY(-2px); } .ebas-azioni-rapide__cerchio .ebas-icona { width: 22px; height: 22px; } .ebas-bottone--grande { width: 100%; padding: 1.05em 1.4em; font-size: 1.02rem; border-radius: 16px; margin-top: 1.25rem; box-shadow: 0 8px 20px rgba(30, 111, 242, .28); } .ebas-pagina__descrizione, .ebas-pagina__mappa, .ebas-pagina .ebas-galleria, .ebas-pagina .ebas-menu { padding: 1.4rem; border-radius: 24px; background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); } .ebas-pagina__descrizione h2, .ebas-pagina__mappa h2 { font-size: 1.25rem; margin: 0 0 .75rem; font-weight: 700; } .ebas-testo { font-size: 1.02rem; line-height: 1.7; color: #334155; max-width: 72ch; } .ebas-testo p { margin: 0 0 1em; } .ebas-testo p:last-child { margin-bottom: 0; } .ebas-pagina .ebas-mappa-singola { margin-top: 0; height: 320px; box-shadow: none; border: 1px solid var(--ebas-bordo); } .ebas-pagina .ebas-collegati, .ebas-pagina .ebas-dintorni { margin: 0; } .ebas-pagina__lato-card { padding: 1.3rem; border-radius: 24px; background: var(--ebas-bianco); box-shadow: var(--ebas-ombra-forte); } .ebas-pagina__lato-titolo { margin: 0 0 .25rem; font-size: 1.1rem; font-weight: 700; } .ebas-pagina__lato .ebas-dettaglio { margin: 0; padding: 0; border: 0; box-shadow: none; background: none; } @media (max-width: 959px) { .ebas-main { padding-top: 0; } .ebas-hero { margin-left: calc(-1 * var(--wp--style--root--padding-left, 16px)); margin-right: calc(-1 * var(--wp--style--root--padding-right, 16px)); border-radius: 0; height: 62vw; max-height: 420px; } .ebas-pagina__griglia { margin-top: -40px; padding: 0; } .ebas-pagina__card { border-radius: 28px 28px 24px 24px; } } /* Il tema non deve duplicare titolo e foto (se si usa un modello del tema). */ .single-eb_evento .wp-block-post-featured-image, .single-eb_luogo .wp-block-post-featured-image, .single-eb_struttura .wp-block-post-featured-image, .single-eb_evento main .wp-block-post-title, .single-eb_luogo main .wp-block-post-title, .single-eb_struttura main .wp-block-post-title { display: none; } .ebas-toast { position: fixed; left: 50%; bottom: calc(90px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 100001; padding: .7rem 1.1rem; border-radius: 999px; background: var(--ebas-testo); color: #fff; font-size: .9rem; box-shadow: var(--ebas-ombra-forte); } /* ========================================================================= * Header e footer (classi assegnate alle parti del tema) * ========================================================================= */ .ebas-header { position: sticky; top: 0; z-index: 9980; background: rgba(255, 255, 255, .92); backdrop-filter: saturate(160%) blur(10px); -webkit-backdrop-filter: saturate(160%) blur(10px); border-bottom: 1px solid var(--ebas-bordo); } .admin-bar .ebas-header { top: 32px; } @media (max-width: 782px) { .admin-bar .ebas-header { top: 0; } } .ebas-header__riga { min-height: 72px; } .ebas-marchio { display: flex; align-items: center; gap: .6rem; text-decoration: none !important; } .ebas-marchio__icona { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #1e6ff2, #4f9bff); color: #fff; box-shadow: 0 6px 14px rgba(30, 111, 242, .3); flex: none; } .ebas-marchio__icona .ebas-icona { width: 22px; height: 22px; } .ebas-header .wp-block-site-title a, .ebas-footer .wp-block-site-title a { text-decoration: none; } .ebas-header .wp-block-navigation a { text-decoration: none; } .ebas-header .wp-block-navigation-item__content { padding: .45rem .8rem; border-radius: 999px; transition: background .15s, color .15s; } .ebas-header .wp-block-navigation-item__content:hover, .ebas-header .current-menu-item > .wp-block-navigation-item__content { background: var(--ebas-primario-chiaro); color: var(--ebas-primario); } .ebas-header .ebas-header__cta .wp-block-button__link { padding: .7rem 1.2rem; border-radius: 999px; font-size: .92rem; } .ebas-header .ebas-header__profilo .wp-block-button__link { padding: .7rem 1rem; border-radius: 999px; font-size: .92rem; background: var(--ebas-sfondo); color: var(--ebas-testo); border: 1px solid var(--ebas-bordo); } @media (max-width: 781px) { .ebas-header .wp-block-navigation, .ebas-header .ebas-header__cta { display: none !important; } .ebas-header__riga { min-height: 60px; } } .ebas-footer { background: #0b1324; color: #cbd5e1; } .ebas-footer a { color: #e2e8f0; text-decoration: none; } .ebas-footer a:hover { color: #fff; text-decoration: underline; } .ebas-footer h2 { color: #fff; font-size: .82rem !important; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; } .ebas-footer .wp-block-site-title a { color: #fff; } .ebas-footer .ebas-footer__testo { color: #94a3b8; max-width: 38ch; } .ebas-footer .ebas-footer__base { border-top: 1px solid rgba(255, 255, 255, .1); color: #94a3b8; } .ebas-footer .wp-block-navigation-item__content { padding: .2rem 0; } .ebas-footer__sezioni a { display: inline-flex; align-items: center; gap: .45rem; } @media (max-width: 781px) { body.ebas-con-barra .ebas-footer { padding-bottom: 70px; } } .ebas-header__riga > p, .ebas-footer p:empty { margin: 0; } .ebas-marchio__nome { font-size: 1.15rem; font-weight: 800; letter-spacing: -.02em; color: var(--ebas-testo); line-height: 1.1; } .ebas-marchio__nome span { color: var(--ebas-primario); } .ebas-footer .ebas-marchio__nome { color: #fff; } .ebas-footer .ebas-marchio__nome span { color: #7fb2ff; } .ebas-marchio__logo { max-height: 44px; width: auto; } .ebas-header-azioni { display: inline-flex; align-items: center; gap: .5rem; } .ebas-header-azioni__cta { border-radius: 999px !important; } .ebas-header-azioni__profilo { display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .9rem; border-radius: 999px; background: var(--ebas-sfondo); border: 1px solid var(--ebas-bordo); color: var(--ebas-testo) !important; font-size: .9rem; font-weight: 600; text-decoration: none !important; } .ebas-header-azioni__profilo:hover { border-color: var(--ebas-primario); color: var(--ebas-primario) !important; } .ebas-header-azioni__profilo .ebas-icona { width: 18px; height: 18px; } @media (max-width: 781px) { .ebas-header-azioni__cta { display: none !important; } .ebas-header-azioni__profilo span { display: none; } .ebas-header-azioni__profilo { padding: .55rem; } } .ebas-footer .ebas-footer__lista { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; } .ebas-footer .ebas-footer__lista li { margin: 0; } .ebas-footer h2 { margin: 0 0 1rem !important; } @media (max-width: 959px) { .ebas-pagina__lato .ebas-bottone--grande { display: none; } } @media (min-width: 900px) { .ebas-vetrina__lista { grid-auto-columns: calc((100% - 3 * .85rem) / 4); } .ebas-categorie__cerchio { width: 76px; height: 76px; } .ebas-categorie__nome { font-size: .95rem; } } /* Caselle categorie (modulo) */ .ebas-caselle { border: 0; margin: 0; padding: 0; min-width: 0; } .ebas-caselle__titolo { margin: .6rem 0 .35rem; font-size: .78rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ebas-tenue); } .ebas-caselle__gruppo { display: flex; flex-wrap: wrap; gap: .45rem; } .ebas-modulo .ebas-casella { display: inline-flex; align-items: center; gap: .4rem; margin: 0; padding: .45rem .85rem; border: 1px solid var(--ebas-bordo); border-radius: 999px; background: var(--ebas-bianco); font-weight: 500; font-size: .9rem; cursor: pointer; transition: border-color .15s, background .15s; } .ebas-casella input { margin: 0; accent-color: var(--ebas-primario); } .ebas-casella:has(input:checked) { border-color: var(--ebas-primario); background: var(--ebas-primario-chiaro); color: var(--ebas-primario-scuro); } .ebas-casella:has(input:focus-visible) { box-shadow: var(--ebas-fuoco); } .ebas-casella.is-disattiva { opacity: .45; cursor: not-allowed; } /* Testata con foto delle pagine di sezione */ .ebas-hero-sezione { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: flex-end; min-height: clamp(260px, 34vw, 400px); margin: 1.5rem 0 1.5rem; border-radius: 28px; background: linear-gradient(135deg, #1e6ff2, #0b1324); color: #fff; box-shadow: var(--ebas-ombra-forte); } .ebas-hero-sezione__img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; z-index: -2; } .ebas-hero-sezione::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(11, 19, 36, .82) 0%, rgba(11, 19, 36, .45) 55%, rgba(11, 19, 36, .1) 100%), linear-gradient(0deg, rgba(11, 19, 36, .55), rgba(11, 19, 36, 0) 60%); } .ebas-hero-sezione--senza-foto::after { display: none; } .ebas-hero-sezione__testo { padding: clamp(1.4rem, 4vw, 3rem); max-width: 640px; } .ebas-hero-sezione__occhiello { display: inline-flex; align-items: center; gap: .45rem; margin: 0 0 .6rem; padding: .35rem .8rem; border-radius: 999px; background: rgba(255, 255, 255, .16); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .ebas-hero-sezione__occhiello .ebas-icona { width: 16px; height: 16px; } .ebas-hero-sezione__titolo { margin: 0; color: #fff; font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.05; font-weight: 800; letter-spacing: -.03em; } .ebas-hero-sezione__sotto { margin: .7rem 0 0; font-size: clamp(1rem, 1.6vw, 1.2rem); opacity: .92; max-width: 46ch; } .ebas-hero-sezione__numero { margin: 1rem 0 0; font-size: .95rem; opacity: .9; } .ebas-hero-sezione__numero strong { font-size: 1.15rem; } .ebas-hero-sezione__credito { position: absolute; right: 14px; bottom: 10px; margin: 0; font-size: .68rem; opacity: .75; max-width: 60%; text-align: right; } @media (max-width: 781px) { .ebas-hero-sezione { margin-top: .75rem; border-radius: 22px; min-height: 300px; } .ebas-hero-sezione__credito { left: 16px; right: 16px; max-width: none; text-align: left; } .ebas-hero-sezione__testo { padding-bottom: 3.2rem; } .ebas-hero-sezione__credito { font-size: .62rem; bottom: 8px; } } /* Se la pagina ha la testata, il titolo del tema non serve. */ .page:has(.ebas-hero-sezione) main .wp-block-post-title { display: none; } /* Selettore lingua */ .ebas-lingue { display: inline-flex; align-items: center; gap: .15rem; margin-right: .35rem; font-size: .85rem; font-weight: 600; } .ebas-lingue span { color: var(--ebas-bordo); padding: 0 .1rem; } .ebas-lingue a { padding: .35rem .45rem; border-radius: 8px; color: var(--ebas-tenue) !important; text-decoration: none !important; letter-spacing: .03em; } .ebas-lingue a:hover { color: var(--ebas-primario) !important; background: var(--ebas-primario-chiaro); } .ebas-lingue a.is-attiva { color: var(--ebas-testo) !important; } .ebas-lingue a:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } /* Distanza fissa tra header e testata (il tema azzera il margine del primo elemento). */ .wp-block-post-content > .ebas-hero-sezione:first-child { margin-top: 24px; } @media (max-width: 781px) { .wp-block-post-content > .ebas-hero-sezione:first-child { margin-top: 12px; } } /* Menu principale (header) generato dal plugin */ .ebas-menu-principale ul { list-style: none; margin: 0; padding: 0; display: flex; gap: .25rem; } .ebas-menu-principale li { margin: 0; } .ebas-menu-principale a { display: block; padding: .5rem .85rem; border-radius: 999px; color: var(--ebas-testo); font-weight: 500; text-decoration: none !important; transition: background .15s, color .15s; } .ebas-menu-principale a:hover, .ebas-menu-principale a[aria-current="page"] { background: var(--ebas-primario-chiaro); color: var(--ebas-primario); } .ebas-menu-principale a:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } @media (max-width: 960px) { .ebas-menu-principale { display: none; } } /* Footer generato dal plugin */ .ebas-footer__griglia { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 2rem 2.5rem; } .ebas-footer__colonna h2 { margin: 0 0 1rem !important; } .ebas-footer .ebas-footer__base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem; margin-top: 2.5rem; padding-top: 1.25rem; font-size: .85rem; } .ebas-footer .ebas-footer__base p { margin: 0; } .ebas-footer__testo { margin: 1rem 0 0; font-size: .92rem; line-height: 1.6; } @media (max-width: 781px) { .ebas-footer__griglia { grid-template-columns: 1fr; gap: 1.75rem; } .ebas-footer__marchio { grid-column: 1 / -1; } .ebas-footer__colonna h2 { margin-bottom: .75rem !important; } } .ebas-header-azioni > * { margin: 0 !important; } .ebas-header__riga p:has(.ebas-header-azioni) { margin: 0; display: flex; align-items: center; } /* ========================================================================= * Mobile: niente sbordamenti orizzontali (v0.8.2) * ========================================================================= */ .ebas-schede, .ebas-layout, .ebas-pagina__griglia, .ebas-pagina__principale { grid-template-columns: minmax(0, 1fr); } .ebas-schede > *, .ebas-pagina__griglia > *, .ebas-pagina__principale > *, .ebas-dintorni__griglia > * { min-width: 0; } .ebas-dintorni__griglia { grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); } .ebas-scheda__piede { flex-wrap: wrap; row-gap: .2rem; } .ebas-pagina, .ebas-scheda, .ebas-dettaglio dd, .ebas-collegati, .ebas-dintorni { overflow-wrap: anywhere; } .ebas-pagina img, .ebas-pagina iframe, .ebas-pagina video { max-width: 100%; } @media (min-width: 900px) { .ebas-layout { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); } } @media (min-width: 960px) { .ebas-pagina__griglia { grid-template-columns: minmax(0, 1fr) 360px; } } @media (max-width: 600px) { :root body { --wp--style--root--padding-left: 16px; --wp--style--root--padding-right: 16px; } .ebas-pagina__griglia { padding: 0; } .ebas-pagina__card { padding: 1.25rem 1.1rem 1.1rem; } .ebas-pagina__titolo { font-size: 1.6rem; } .ebas-azioni-rapide { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .25rem; } .ebas-azioni-rapide__cerchio { width: 46px; height: 46px; } .ebas-azioni-rapide a { font-size: .75rem; text-align: center; } .ebas-scheda { gap: .75rem; padding: .6rem; } .ebas-scheda__media { width: 96px; min-height: 96px; } .ebas-scheda__titolo { font-size: .98rem; } .ebas-dintorni__gruppo, .ebas-dettaglio, .ebas-pagina__lato-card { padding-left: 1rem; padding-right: 1rem; } } .ebas-scheda__prezzo { white-space: normal; text-align: right; min-width: 0; font-size: .95rem; line-height: 1.25; } /* Selettore lingua automatico di WPML nel footer: c'è già quello nell'header. */ .wpml-ls-statics-footer { display: none !important; } /* ========================================================================= * Accesso e registrazione * ========================================================================= */ .ebas-accesso { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 1040px; margin: 1.5rem auto 2.5rem; border-radius: 28px; overflow: hidden; background: var(--ebas-bianco); box-shadow: var(--ebas-ombra-forte); border: 1px solid var(--ebas-bordo); } .ebas-accesso *, .ebas-accesso *::before, .ebas-accesso *::after { box-sizing: border-box; } @media (min-width: 860px) { .ebas-accesso { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); min-height: 620px; } } .ebas-accesso__visual { position: relative; display: flex; align-items: flex-end; padding: 2rem; color: #fff; min-height: 220px; background: linear-gradient(180deg, rgba(10, 37, 84, .15) 0%, rgba(10, 37, 84, .55) 45%, rgba(8, 30, 70, .92) 100%), var(--ebas-accesso-img, linear-gradient(135deg, #1e6ff2, #0b3d91)) center / cover no-repeat; } .ebas-accesso__visual-testo { position: relative; max-width: 420px; } .ebas-accesso__marchio { display: inline-flex; width: 48px; height: 48px; border-radius: 14px; align-items: center; justify-content: center; background: var(--ebas-primario); box-shadow: 0 8px 22px rgba(30, 111, 242, .45); margin-bottom: 1rem; } .ebas-accesso__marchio .ebas-icona { width: 24px; height: 24px; color: #fff; } .ebas-accesso__occhiello { margin: 0 0 .3rem; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .8); } .ebas-accesso__slogan { margin: 0; font-size: clamp(1.6rem, 3vw, 2.3rem); line-height: 1.12; font-weight: 800; letter-spacing: -.02em; color: #fff; } .ebas-accesso__vantaggi { list-style: none; margin: 1.6rem 0 0; padding: 0; display: grid; gap: .9rem; } .ebas-accesso__vantaggi li { display: flex; gap: .8rem; align-items: flex-start; margin: 0; font-size: .9rem; line-height: 1.4; color: rgba(255, 255, 255, .85); } .ebas-accesso__vantaggi strong { display: block; color: #fff; font-size: .95rem; } .ebas-accesso__vantaggio-icona { flex: none; width: 38px; height: 38px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .22); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .ebas-accesso__vantaggio-icona .ebas-icona { width: 18px; height: 18px; color: #fff; } .ebas-accesso__pannello { padding: 2rem 1.4rem 2.2rem; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 860px) { .ebas-accesso__pannello { padding: 3rem 3.5rem; } } .ebas-accesso__schede { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin-bottom: 1.8rem; border-radius: 999px; background: var(--ebas-sfondo); border: 1px solid var(--ebas-bordo); } .ebas-accesso__scheda { text-align: center; padding: .65rem 1rem; border-radius: 999px; font-weight: 600; font-size: .95rem; color: var(--ebas-tenue) !important; text-decoration: none !important; transition: background .15s, color .15s, box-shadow .15s; } .ebas-accesso__scheda:hover { color: var(--ebas-testo) !important; } .ebas-accesso__scheda.is-attiva { background: var(--ebas-bianco); color: var(--ebas-primario) !important; box-shadow: 0 2px 8px rgba(15, 23, 42, .1); } .ebas-accesso__scheda:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-accesso__sezione[hidden] { display: none !important; } .ebas-accesso__titolo { margin: 0; font-size: clamp(1.5rem, 2.6vw, 1.95rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; color: var(--ebas-testo); } .ebas-accesso__sotto { margin: .4rem 0 1.5rem; color: var(--ebas-tenue); } .ebas-accesso__modulo { display: grid; gap: 1rem; margin: 0; } .ebas-campo-accesso label { display: block; margin: 0 0 .4rem; font-size: .85rem; font-weight: 600; color: var(--ebas-testo); } .ebas-campo-accesso__box { position: relative; display: flex; align-items: center; gap: .6rem; padding: 0 .9rem; height: 52px; border-radius: 14px; background: var(--ebas-sfondo); border: 1.5px solid var(--ebas-bordo); transition: border-color .15s, box-shadow .15s, background .15s; } .ebas-campo-accesso__box:focus-within { border-color: var(--ebas-primario); background: var(--ebas-bianco); box-shadow: var(--ebas-fuoco); } .ebas-campo-accesso__box > .ebas-icona { width: 18px; height: 18px; color: var(--ebas-tenue); } .ebas-campo-accesso__box:focus-within > .ebas-icona { color: var(--ebas-primario); } .ebas-campo-accesso input { flex: 1; min-width: 0; height: 100%; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; padding: 0 !important; font: inherit; font-size: 1rem; color: var(--ebas-testo); } .ebas-campo-accesso input::placeholder { color: #9aa6b8; } .ebas-campo-accesso__occhio { flex: none; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-right: -.4rem; border: 0; border-radius: 10px; background: none; color: var(--ebas-tenue); cursor: pointer; } .ebas-campo-accesso__occhio:hover { color: var(--ebas-primario); background: var(--ebas-primario-chiaro); } .ebas-campo-accesso__occhio:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-campo-accesso__occhio .ebas-icona { width: 18px; height: 18px; } .ebas-campo-accesso__occhio .ebas-occhio-chiudi, .ebas-campo-accesso__occhio.is-visibile .ebas-occhio-apri { display: none; } .ebas-campo-accesso__occhio.is-visibile .ebas-occhio-chiudi { display: block; } .ebas-campo-accesso__aiuto { margin: .35rem 0 0; font-size: .8rem; color: var(--ebas-tenue); } .ebas-accesso__riga { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .5rem; font-size: .9rem; } .ebas-accesso__riga a, .ebas-accesso__cambio a, .ebas-accesso__spunta a { color: var(--ebas-primario); font-weight: 600; text-decoration: none; } .ebas-accesso__riga a:hover, .ebas-accesso__cambio a:hover, .ebas-accesso__spunta a:hover { text-decoration: underline; } .ebas-accesso__spunta { display: inline-flex; align-items: flex-start; gap: .55rem; cursor: pointer; color: var(--ebas-testo); font-size: .9rem; line-height: 1.4; } .ebas-accesso__spunta input { width: 18px; height: 18px; margin: 1px 0 0; flex: none; accent-color: var(--ebas-primario); } .ebas-accesso__invia { width: 100%; justify-content: center; margin-top: .3rem; height: 52px; font-size: 1rem; } .ebas-accesso__cambio { margin: 1.4rem 0 0; text-align: center; color: var(--ebas-tenue); font-size: .92rem; } .ebas-accesso__nota { display: flex; gap: .6rem; align-items: flex-start; margin: 1.2rem 0 0; padding: .8rem 1rem; border-radius: 14px; background: var(--ebas-primario-chiaro); color: var(--ebas-testo); font-size: .84rem; line-height: 1.45; } .ebas-accesso__nota .ebas-icona { flex: none; width: 18px; height: 18px; color: var(--ebas-primario); margin-top: 1px; } .ebas-accesso__errore { margin: 0 0 1.2rem; padding: .8rem 1rem; border-radius: 14px; background: #fdecec; border: 1px solid #f5c2c2; color: #9b1c1c; font-size: .9rem; } .ebas-accesso__errore ul { margin: 0; padding-left: 1.1rem; } .ebas-accesso__errore li { margin: .15rem 0; } .ebas-accesso__trappola { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; } @media (max-width: 859px) { .ebas-accesso { margin-top: 1rem; border-radius: 24px; } .ebas-accesso__visual { min-height: 0; padding: 1.4rem 1.4rem 1.5rem; } .ebas-accesso__marchio { width: 40px; height: 40px; border-radius: 12px; margin-bottom: .7rem; } .ebas-accesso__vantaggi { display: none; } .ebas-accesso__slogan { font-size: 1.45rem; } .ebas-accesso__visual { padding-top: 4.5rem; } } .ebas-accesso__pannello > * { width: 100%; min-width: 0; } .ebas-accesso__modulo { grid-template-columns: minmax(0, 1fr); } .ebas-accesso__modulo > * { min-width: 0; } .ebas-campo-accesso input { width: 100%; } /* Requisiti della password */ .ebas-requisiti { list-style: none; margin: .55rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr)); gap: .3rem .9rem; font-size: .8rem; color: var(--ebas-tenue); } .ebas-requisiti li { display: flex; align-items: center; gap: .45rem; margin: 0; transition: color .15s; } .ebas-requisiti__segno { flex: none; position: relative; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #c3ccd9; transition: background .15s, border-color .15s; } .ebas-requisiti li.is-ok { color: #157347; } .ebas-requisiti li.is-ok .ebas-requisiti__segno { background: #1a9e5c; border-color: #1a9e5c; } .ebas-requisiti li.is-ok .ebas-requisiti__segno::after { content: ""; position: absolute; left: 4.5px; top: 1.5px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* Accesso con link via email */ .ebas-accesso__oppure { display: flex; align-items: center; gap: .8rem; margin: 1.3rem 0 1rem; color: var(--ebas-tenue); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; } .ebas-accesso__oppure::before, .ebas-accesso__oppure::after { content: ""; flex: 1; height: 1px; background: var(--ebas-bordo); } .ebas-accesso__magico { display: flex; align-items: center; justify-content: center; gap: .6rem; min-height: 52px; padding: .7rem 1rem; border-radius: 14px; border: 1.5px solid var(--ebas-bordo); background: var(--ebas-bianco); color: var(--ebas-testo) !important; font-weight: 600; font-size: .95rem; text-align: center; text-decoration: none !important; transition: border-color .15s, background .15s, color .15s; } .ebas-accesso__magico .ebas-icona { width: 18px; height: 18px; color: var(--ebas-primario); } .ebas-accesso__magico:hover { border-color: var(--ebas-primario); background: var(--ebas-primario-chiaro); color: var(--ebas-primario) !important; } .ebas-accesso__magico:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-accesso__icona-grande { display: inline-flex; width: 56px; height: 56px; border-radius: 18px; align-items: center; justify-content: center; background: var(--ebas-primario-chiaro); color: var(--ebas-primario); margin-bottom: 1rem; } .ebas-accesso__icona-grande .ebas-icona { width: 26px; height: 26px; } .ebas-accesso__ok { display: flex; gap: .6rem; align-items: flex-start; margin: 0 0 1.2rem; padding: .8rem 1rem; border-radius: 14px; background: #e8f7ef; border: 1px solid #b7e4cb; color: #14532d; font-size: .9rem; line-height: 1.45; } .ebas-accesso__ok .ebas-icona { flex: none; width: 18px; height: 18px; color: #1a9e5c; margin-top: 1px; } .ebas-accesso__sezione--conferma { text-align: center; } .ebas-accesso__sezione--conferma .ebas-accesso__icona-grande { margin-left: auto; margin-right: auto; } .ebas-accesso a.ebas-accesso__invia { display: inline-flex; align-items: center; text-decoration: none; } /* Prenota e recensioni (TripAdvisor, TheFork, Booking.com) */ .ebas-piattaforme { padding: 1.4rem; border-radius: 24px; background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); } .ebas-piattaforme h2 { margin: 0 0 1rem; font-size: 1.3rem; font-weight: 700; } .ebas-piattaforme__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: .75rem; } .ebas-piattaforme__lista li { margin: 0; min-width: 0; } .ebas-piattaforma { --colore: var(--ebas-primario); display: flex; align-items: center; gap: .8rem; height: 100%; padding: .85rem 1rem; border-radius: 16px; border: 1.5px solid var(--ebas-bordo); background: var(--ebas-bianco); color: var(--ebas-testo) !important; text-decoration: none !important; transition: border-color .15s, box-shadow .15s, transform .15s; } .ebas-piattaforma:hover { border-color: var(--colore); box-shadow: var(--ebas-ombra); transform: translateY(-1px); } .ebas-piattaforma:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-piattaforma--tripadvisor { --colore: #00a680; } .ebas-piattaforma--thefork { --colore: #00665c; } .ebas-piattaforma--booking { --colore: #003b95; } .ebas-piattaforma__icona { flex: none; width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--colore); color: #fff; } .ebas-piattaforma__icona .ebas-icona { width: 20px; height: 20px; } .ebas-piattaforma__testo { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; } .ebas-piattaforma__testo strong { font-size: .98rem; } .ebas-piattaforma__testo span { font-size: .82rem; color: var(--ebas-tenue); } .ebas-piattaforma__freccia { width: 18px; height: 18px; color: var(--ebas-tenue); } .ebas-piattaforma:hover .ebas-piattaforma__freccia { color: var(--colore); } .ebas-piattaforma--google { --colore: #1a73e8; } /* Segnalazioni */ .ebas-segnala { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1rem; padding: 1.1rem 1.3rem; border-radius: 20px; background: var(--ebas-bianco); border: 1px dashed var(--ebas-bordo); scroll-margin-top: 100px; } .ebas-segnala__icona { flex: none; width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #fff1e6; color: #b45309; } .ebas-segnala__icona .ebas-icona { width: 20px; height: 20px; } .ebas-segnala__testo { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; line-height: 1.35; } .ebas-segnala__testo strong { font-size: .98rem; } .ebas-segnala__testo span { font-size: .85rem; color: var(--ebas-tenue); } .ebas-segnala__apri { flex: none; } .ebas-segnala__esito { flex-basis: 100%; margin: 0; padding: .7rem .9rem; border-radius: 12px; font-size: .9rem; } .ebas-segnala__esito--ok { background: #e8f7ef; color: #14532d; } .ebas-segnala__esito--errore { background: #fdecec; color: #9b1c1c; } .ebas-segnala__finestra { width: min(520px, calc(100vw - 24px)); max-height: calc(100vh - 24px); padding: 0; border: 0; border-radius: 24px; box-shadow: 0 24px 60px rgba(15, 23, 42, .3); color: var(--ebas-testo); background: var(--ebas-bianco); } .ebas-segnala__finestra::backdrop { background: rgba(15, 23, 42, .55); } .ebas-segnala__modulo { display: grid; gap: .8rem; margin: 0; padding: 1.4rem 1.4rem 1.3rem; } .ebas-segnala__modulo * { box-sizing: border-box; } .ebas-segnala__testata { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .ebas-segnala__testata h2 { margin: 0; font-size: 1.3rem; font-weight: 800; } .ebas-segnala__chiudi { width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--ebas-sfondo); font-size: 1.4rem; line-height: 1; cursor: pointer; color: var(--ebas-testo); } .ebas-segnala__chiudi:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-segnala__sotto { margin: -.4rem 0 0; color: var(--ebas-tenue); font-size: .9rem; } .ebas-segnala__motivi { margin: 0; padding: 0; border: 0; display: grid; gap: .4rem; min-width: 0; } .ebas-segnala__motivi legend { padding: 0; margin-bottom: .4rem; font-weight: 600; font-size: .88rem; } .ebas-segnala__motivo { display: flex; align-items: flex-start; gap: .6rem; padding: .6rem .8rem; border-radius: 12px; border: 1.5px solid var(--ebas-bordo); cursor: pointer; font-size: .92rem; line-height: 1.35; } .ebas-segnala__motivo:has(input:checked) { border-color: var(--ebas-primario); background: var(--ebas-primario-chiaro); } .ebas-segnala__motivo input { margin: 2px 0 0; accent-color: var(--ebas-primario); flex: none; } .ebas-segnala__etichetta { font-weight: 600; font-size: .88rem; } .ebas-segnala__modulo textarea { width: 100%; padding: .75rem .9rem; border-radius: 12px; border: 1.5px solid var(--ebas-bordo); background: var(--ebas-sfondo); font: inherit; font-size: .95rem; color: var(--ebas-testo); resize: vertical; } .ebas-segnala__modulo textarea:focus { outline: none; border-color: var(--ebas-primario); background: var(--ebas-bianco); box-shadow: var(--ebas-fuoco); } .ebas-segnala__nota { margin: 0; font-size: .8rem; color: var(--ebas-tenue); line-height: 1.45; } .ebas-segnala__azioni { display: flex; flex-direction: row-reverse; justify-content: flex-start; flex-wrap: wrap; gap: .6rem; margin-top: .3rem; } @media (max-width: 600px) { .ebas-segnala__azioni .ebas-bottone { flex: 1 1 100%; justify-content: center; } .ebas-segnala__motivo { padding: .5rem .7rem; } } .ebas-pagina > .ebas-segnala { margin-top: 2.5rem; } @media (min-width: 960px) { .ebas-pagina > .ebas-segnala { margin-left: 32px; margin-right: 32px; } } /* Logo Ebas (piastrella + scritta) */ .ebas-marchio__svg { display: block; height: 46px; width: auto; flex: none; } .ebas-footer .ebas-marchio__svg { height: 58px; } @media (max-width: 781px) { .ebas-header .ebas-marchio__svg { height: 38px; } } .ebas-footer .ebas-marchio { display: inline-flex; margin-bottom: 1.1rem; } /* Editor della descrizione (area utente) */ .ebas-editor { border: 1.5px solid var(--ebas-bordo); border-radius: 14px; overflow: hidden; background: #fff; } .ebas-editor .wp-editor-container { border: 0; } .ebas-editor .mce-top-part::before { box-shadow: none; } .ebas-editor .mce-toolbar-grp { background: var(--ebas-sfondo) !important; border-bottom: 1px solid var(--ebas-bordo) !important; } .ebas-editor .mce-toolbar .mce-btn-group { padding: 2px 0; } .ebas-editor textarea.wp-editor-area { border: 0; padding: .75rem .9rem; font: inherit; } /* Testo formattato nella scheda */ .ebas-testo h3 { font-size: 1.15rem; margin: 1.2em 0 .4em; } .ebas-testo h4 { font-size: 1.02rem; margin: 1.1em 0 .3em; } .ebas-testo ul, .ebas-testo ol { margin: .6em 0 1em; padding-left: 1.4em; } .ebas-testo li { margin: .25em 0; } .ebas-testo blockquote { margin: 1em 0; padding: .6em 1em; border-left: 3px solid var(--ebas-primario); background: var(--ebas-primario-chiaro); border-radius: 0 12px 12px 0; } .ebas-testo a { color: var(--ebas-primario); } /* Invito a installare l'app */ .ebas-installa { position: fixed; left: 12px; right: 12px; bottom: calc(76px + env(safe-area-inset-bottom)); z-index: 100000; display: flex; align-items: center; gap: .75rem; padding: .75rem .8rem .75rem .9rem; border-radius: 20px; background: #ffffff; color: var(--ebas-testo); box-shadow: 0 14px 40px rgba(15, 23, 42, .22); border: 1px solid var(--ebas-bordo); max-width: 560px; margin: 0 auto; font-family: inherit; } .ebas-installa[hidden] { display: none !important; } .ebas-installa__icona { flex: none; width: 48px; height: 48px; border-radius: 12px; } .ebas-installa__testo { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; } .ebas-installa__testo strong { font-size: .95rem; } .ebas-installa__testo span { font-size: .8rem; color: var(--ebas-tenue); } .ebas-installa__si { flex: none; } .ebas-installa__no { flex: none; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--ebas-sfondo); color: var(--ebas-testo); font-size: 1.3rem; line-height: 1; cursor: pointer; } .ebas-installa__no:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } body:not(.ebas-con-barra) .ebas-installa { bottom: calc(16px + env(safe-area-inset-bottom)); } /* Dentro l'app installata */ .ebas-installata .ebas-barra { padding-bottom: env(safe-area-inset-bottom); } .ebas-installa [hidden] { display: none !important; } /* Notifiche (area utente) */ .ebas-notifiche [hidden] { display: none !important; } .ebas-notifiche__dispositivo { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1rem; padding: 1rem 1.1rem; border-radius: 16px; background: var(--ebas-sfondo); border: 1px solid var(--ebas-bordo); margin-bottom: 1.2rem; } .ebas-notifiche__dispositivo.is-attive { background: #e8f7ef; border-color: #b7e4cb; } .ebas-notifiche__dispositivo.is-errore { background: #fdecec; border-color: #f5c2c2; } .ebas-notifiche__icona { flex: none; width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--ebas-bianco); color: var(--ebas-primario); box-shadow: var(--ebas-ombra); } .ebas-notifiche__icona .ebas-icona { width: 20px; height: 20px; } .ebas-notifiche__stato { flex: 1 1 220px; margin: 0; font-size: .92rem; line-height: 1.45; } .ebas-notifiche__pulsanti { display: flex; flex-wrap: wrap; gap: .5rem; flex-basis: 100%; } .ebas-notifiche__preferenze { display: grid; gap: 1.1rem; margin: 0; } .ebas-notifiche__gruppo { margin: 0; padding: 0; border: 0; display: grid; gap: .6rem; min-width: 0; } .ebas-notifiche__gruppo legend { padding: 0; margin-bottom: .5rem; font-weight: 700; font-size: .95rem; } .ebas-interruttore { display: flex; align-items: flex-start; gap: .8rem; cursor: pointer; } .ebas-interruttore input { position: absolute; opacity: 0; width: 1px; height: 1px; } .ebas-interruttore__barra { flex: none; position: relative; width: 44px; height: 26px; margin-top: 1px; border-radius: 999px; background: #c9d2df; transition: background .15s; } .ebas-interruttore__barra::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(15, 23, 42, .3); transition: transform .15s; } .ebas-interruttore input:checked + .ebas-interruttore__barra { background: var(--ebas-primario); } .ebas-interruttore input:checked + .ebas-interruttore__barra::after { transform: translateX(18px); } .ebas-interruttore input:focus-visible + .ebas-interruttore__barra { box-shadow: var(--ebas-fuoco); } .ebas-interruttore strong { display: block; font-size: .95rem; } .ebas-interruttore small { display: block; color: var(--ebas-tenue); font-size: .84rem; line-height: 1.4; } .ebas-scelta { display: flex; align-items: center; gap: .5rem; font-size: .95rem; cursor: pointer; } .ebas-scelta input { accent-color: var(--ebas-primario); width: 18px; height: 18px; margin: 0; } .ebas-notifiche__vicino { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .7rem 1rem; padding: .9rem 1rem; border-radius: 14px; background: var(--ebas-sfondo); } .ebas-notifiche__campo { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; font-weight: 600; flex: 1 1 160px; min-width: 0; } .ebas-notifiche__campo select { width: 100%; padding: .6rem .7rem; border-radius: 10px; border: 1.5px solid var(--ebas-bordo); background: #fff; font: inherit; font-weight: 400; } .ebas-notifiche__posizione { display: inline-flex; align-items: center; gap: .35rem; } .ebas-notifiche__vicino .ebas-nota { flex-basis: 100%; margin: 0; } .ebas-notifiche__vicino .ebas-nota:empty { display: none; } .ebas-notifiche__categorie { display: flex; flex-wrap: wrap; gap: .45rem; } .ebas-pillola-scelta { position: relative; cursor: pointer; } .ebas-pillola-scelta input { position: absolute; opacity: 0; width: 1px; height: 1px; } .ebas-pillola-scelta span { display: inline-block; padding: .45rem .85rem; border-radius: 999px; border: 1.5px solid var(--ebas-bordo); background: #fff; font-size: .88rem; font-weight: 500; transition: background .15s, border-color .15s, color .15s; } .ebas-pillola-scelta input:checked + span { background: var(--ebas-primario); border-color: var(--ebas-primario); color: #fff; } .ebas-pillola-scelta input:focus-visible + span { box-shadow: var(--ebas-fuoco); } /* Header sempre visibile (anche su telefono e nell'app): lo "sticky" va sul contenitore del tema. */ .wp-site-blocks > header.wp-block-template-part:has(.ebas-header) { position: sticky; top: 0; z-index: 9980; } .admin-bar .wp-site-blocks > header.wp-block-template-part:has(.ebas-header) { top: 32px; } @media (max-width: 782px) { .admin-bar .wp-site-blocks > header.wp-block-template-part:has(.ebas-header) { top: 46px; } } @media (max-width: 600px) { .admin-bar .wp-site-blocks > header.wp-block-template-part:has(.ebas-header) { top: 0; } } .wp-site-blocks > header.wp-block-template-part:has(.ebas-header) .ebas-header { position: relative; top: auto; } .ebas-installata .ebas-header { padding-top: env(safe-area-inset-top); } .ebas-pagina, .ebas-segnala, #ebas-segnala, #foto, #ebas-mappa, #notifiche { scroll-margin-top: 90px; } @media (max-width: 600px) { .ebas-categorie ul { gap: .25rem; } .ebas-categorie__cerchio { width: 54px; height: 54px; } .ebas-categorie__cerchio .ebas-icona { width: 24px; height: 24px; } .ebas-categorie__nome { font-size: .76rem; } } @media (max-width: 959px) { body.single-eb_evento .wp-site-blocks > main, body.single-eb_luogo .wp-site-blocks > main, body.single-eb_struttura .wp-site-blocks > main { margin-block-start: 0 !important; } } /* Social nella card dei dettagli */ .ebas-social { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--ebas-bordo, #e5e9f0); } .ebas-social__titolo { margin: 0 0 .6rem; font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ebas-testo-tenue, #64748b); } .ebas-social__lista { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0; padding: 0; list-style: none; } .ebas-social__link { --colore: #334155; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: color-mix(in srgb, var(--colore) 10%, #fff); color: var(--colore); transition: background .15s, color .15s, transform .15s; } .ebas-social__link:hover, .ebas-social__link:focus-visible { background: var(--colore); color: #fff; transform: translateY(-1px); } .ebas-social__link .ebas-icona--social { width: 20px; height: 20px; } .ebas-social__link--facebook { --colore: #1877f2; } .ebas-social__link--instagram { --colore: #e1306c; } .ebas-social__link--tiktok { --colore: #111111; } .ebas-social__link--youtube { --colore: #ff0000; } /* Header: "+ Pubblica" e "Profilo" con la stessa altezza e sulla stessa linea (il contenitore può essere il div .ebas-header-azioni o un

creato dall'editor). */ .ebas-header-azioni, .ebas-header p:has(> .ebas-header-azioni__cta), .ebas-header p:has(> .ebas-header-azioni__profilo) { display: inline-flex; align-items: center; gap: .5rem; margin: 0; } a.ebas-header-azioni__cta, a.ebas-header-azioni__profilo { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; height: 40px; margin: 0; padding: 0 1rem; line-height: 1; font-size: .9rem; font-weight: 600; vertical-align: middle; white-space: nowrap; } a.ebas-header-azioni__cta { border: 1px solid transparent; } @media (max-width: 781px) { a.ebas-header-azioni__profilo { width: 40px; padding: 0; } } /* Firma nel footer */ .ebas-footer .ebas-footer__base a { color: inherit; text-decoration: underline; text-underline-offset: 2px; } .ebas-footer .ebas-footer__base a:hover { color: #fff; } /* Area utente: versione in inglese */ .ebas-inglese { margin: 1.5rem 0; padding: 1.1rem 1.2rem .4rem; border: 1px dashed var(--ebas-bordo); border-radius: 18px; background: color-mix(in srgb, var(--ebas-primario, #1a73e8) 4%, transparent); min-width: 0; } .ebas-inglese__titolo { display: inline-flex; align-items: center; gap: .5rem; padding: 0 .4rem; font-weight: 700; font-size: 1.02rem; } .ebas-inglese__bandiera { display: inline-grid; place-items: center; min-width: 2rem; height: 1.4rem; border-radius: 6px; background: var(--ebas-primario, #1a73e8); color: #fff; font-size: .72rem; letter-spacing: .05em; } .ebas-inglese__facoltativa { font-weight: 500; font-size: .8rem; color: #64748b; } .ebas-inglese > .ebas-aiuto { margin-top: 0; } /* ========================================================================= * Pianifica il tuo viaggio * ========================================================================= */ .ebas-viaggio { --v-blu: #1e6ff2; color: var(--ebas-testo); max-width: 1200px; margin: 0 auto; padding: 1rem 0 3rem; } .ebas-viaggio *, .ebas-viaggio-bottone * { box-sizing: border-box; } .ebas-sez--eventi { --sez: #1e6ff2; --sez-chiaro: #eaf2ff; } .ebas-sez--vedere { --sez: #15803d; --sez-chiaro: #e8f8ef; } .ebas-sez--mangiare { --sez: #dc2626; --sez-chiaro: #fdecec; } .ebas-sez--dormire { --sez: #7c3aed; --sez-chiaro: #f1ecfe; } .ebas-sez--prodotti { --sez: #b45309; --sez-chiaro: #fdf3e7; } .ebas-viaggio__testata { padding: 2.2rem 1.6rem; border-radius: var(--ebas-r-grande); background: linear-gradient(135deg, #0f3d91 0%, #1e6ff2 70%, #4f9bff 100%); color: #fff; box-shadow: var(--ebas-ombra-forte); } .ebas-viaggio__occhiello { display: inline-flex; align-items: center; gap: .45rem; margin: 0 0 .6rem; padding: .3rem .75rem; border-radius: 999px; background: rgba(255,255,255,.16); font-size: .8rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; } .ebas-viaggio__h1 { margin: 0 0 .6rem; font-size: clamp(1.7rem, 4vw, 2.5rem); line-height: 1.1; font-weight: 800; text-wrap: balance; color: #fff; } .ebas-viaggio__intro { margin: 0; max-width: 62ch; font-size: 1.02rem; line-height: 1.55; color: rgba(255,255,255,.9); } .ebas-viaggio__ospite { margin-top: 1.2rem; padding: 1.6rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); } .ebas-viaggio__vantaggi { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .9rem; margin: 0 0 1.2rem; padding: 0; list-style: none; } .ebas-viaggio__vantaggi li { display: flex; gap: .7rem; align-items: flex-start; padding: .9rem; border-radius: var(--ebas-r); background: var(--ebas-sfondo); line-height: 1.4; } .ebas-viaggio__vantaggi .ebas-icona { color: var(--ebas-primario); width: 22px; height: 22px; } .ebas-viaggio__accedi-testo { margin: 0 0 .8rem; color: var(--ebas-tenue); } .ebas-viaggio__accedi { margin: 0; } .ebas-viaggio__pannello { margin-top: 1rem; padding: 1.1rem 1.2rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); } .ebas-viaggio__dati { display: flex; flex-wrap: wrap; gap: .8rem 1rem; align-items: flex-end; } .ebas-viaggio__campo { display: flex; flex-direction: column; gap: .3rem; font-size: .8rem; font-weight: 700; color: var(--ebas-tenue); } .ebas-viaggio__campo--titolo { flex: 1 1 260px; } .ebas-viaggio__campo input, .ebas-viaggio__cerca-riga input, .ebas-viaggio__cerca-riga select, .ebas-viaggio__controlli select { min-height: 42px; padding: .5rem .8rem; border: 1px solid var(--ebas-bordo); border-radius: var(--ebas-r-piccolo); background: var(--ebas-bianco); color: var(--ebas-testo); font: inherit; font-size: .95rem; font-weight: 500; } .ebas-viaggio__campo--titolo input { font-weight: 700; font-size: 1.05rem; } .ebas-viaggio input:focus, .ebas-viaggio select:focus, .ebas-viaggio textarea:focus { outline: none; border-color: var(--ebas-primario); box-shadow: var(--ebas-fuoco); } .ebas-viaggio__azioni { display: flex; gap: .5rem; align-items: center; margin-left: auto; } .ebas-viaggio__azioni .ebas-bottone { display: inline-flex; gap: .45rem; align-items: center; } .ebas-viaggio__svuota { padding: .6rem .8rem; border: 0; background: none; color: var(--ebas-tenue); font: inherit; font-size: .9rem; text-decoration: underline; cursor: pointer; } .ebas-viaggio__svuota:hover { color: var(--ebas-errore); } .ebas-viaggio__h2 { display: flex; align-items: center; gap: .45rem; margin: 0; font-size: 1.15rem; font-weight: 800; } .ebas-viaggio__cerca-riga { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .7rem; } .ebas-viaggio__cerca-riga input { flex: 1 1 260px; min-width: 0; } .ebas-viaggio__risultati { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: .6rem; margin: .8rem 0 0; padding: 0; list-style: none; } .ebas-viaggio__risultati:empty { display: none; } .ebas-viaggio__risultato { display: flex; align-items: center; gap: .7rem; padding: .55rem; border: 1px solid var(--ebas-bordo); border-left: 4px solid var(--sez); border-radius: var(--ebas-r); min-width: 0; } .ebas-viaggio__risultato img, .ebas-viaggio__risultato .ebas-viaggio__foto--vuota { width: 52px; height: 52px; flex: none; border-radius: 10px; object-fit: cover; } .ebas-viaggio__risultato > div { display: flex; flex-direction: column; min-width: 0; flex: 1; } .ebas-viaggio__risultato strong { font-size: .93rem; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ebas-viaggio__risultato span { font-size: .78rem; color: var(--ebas-tenue); } .ebas-viaggio__risultato .ebas-bottone { display: inline-flex; gap: .25rem; align-items: center; flex: none; } .ebas-viaggio__gia { display: inline-flex; gap: .25rem; align-items: center; flex: none; font-size: .78rem; font-weight: 700; color: #15803d !important; } .ebas-viaggio__nessuno { color: var(--ebas-tenue); } .ebas-viaggio__griglia { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 1rem; margin-top: 1rem; align-items: start; } .ebas-viaggio__mappa-box { position: sticky; top: 96px; padding: .6rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); } .ebas-viaggio__mappa { height: 520px; border-radius: var(--ebas-r); overflow: hidden; z-index: 0; } .ebas-viaggio__legenda { display: flex; flex-wrap: wrap; gap: .3rem .9rem; margin: .6rem .3rem .1rem; padding: 0; list-style: none; font-size: .78rem; color: var(--ebas-tenue); } .ebas-viaggio__legenda-voce { display: inline-flex; align-items: center; gap: .35rem; } .ebas-viaggio__legenda-voce i { width: 10px; height: 10px; border-radius: 50%; background: var(--sez); } .ebas-viaggio__pin span { display: grid; place-items: center; width: 30px; height: 30px; border: 3px solid #fff; border-radius: 50%; color: #fff; font: 800 13px/1 system-ui, sans-serif; box-shadow: 0 2px 8px rgba(15,23,42,.35); } .ebas-viaggio__tappe { padding: 1.1rem 1.2rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); min-width: 0; } .ebas-viaggio__tappe-testa { display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap; } .ebas-viaggio__conteggio { font-size: .85rem; color: var(--ebas-tenue); } .ebas-viaggio__stato { margin-left: auto; font-size: .8rem; font-weight: 700; color: #15803d; } .ebas-viaggio__vuoto, .ebas-viaggio__caricamento { margin: 1rem 0 0; padding: 1.2rem; border: 1px dashed var(--ebas-bordo); border-radius: var(--ebas-r); color: var(--ebas-tenue); line-height: 1.5; } .ebas-viaggio__giorno { margin-top: 1.1rem; } .ebas-viaggio__giorno-titolo { display: flex; align-items: center; gap: .5rem; margin: 0 0 .5rem; padding-bottom: .4rem; border-bottom: 2px solid var(--ebas-primario-chiaro); font-size: .95rem; font-weight: 800; color: var(--ebas-primario-scuro); text-transform: capitalize; } .ebas-viaggio__giorno-titolo small { font-size: .75rem; font-weight: 600; color: #b45309; text-transform: none; } .is-da-organizzare .ebas-viaggio__giorno-titolo { color: var(--ebas-tenue); border-color: var(--ebas-bordo); text-transform: none; } .ebas-viaggio__lista { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; } .ebas-viaggio__tappa { position: relative; display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: .8rem; padding: .7rem; border: 1px solid var(--ebas-bordo); border-radius: var(--ebas-r); background: var(--ebas-bianco); } .ebas-viaggio__numero { position: absolute; top: .35rem; left: .35rem; z-index: 1; display: grid; place-items: center; width: 26px; height: 26px; border: 2px solid #fff; border-radius: 50%; background: var(--sez); color: #fff; font-size: .78rem; font-weight: 800; } .ebas-viaggio__foto { width: 84px; height: 84px; border-radius: 10px; object-fit: cover; } .ebas-viaggio__foto--vuota { display: grid; place-items: center; background: var(--sez-chiaro, var(--ebas-sfondo)); color: var(--sez, var(--ebas-tenue)); } .ebas-viaggio__corpo { min-width: 0; } .ebas-viaggio__sotto { margin: 0; font-size: .72rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--sez); } .ebas-viaggio__nome { margin: .15rem 0 .2rem; font-size: 1.02rem; line-height: 1.25; } .ebas-viaggio__nome a { color: var(--ebas-testo); text-decoration: none; } .ebas-viaggio__nome a:hover { color: var(--ebas-primario); text-decoration: underline; } .ebas-viaggio__quando { margin: 0 0 .2rem; font-size: .85rem; font-weight: 600; } .ebas-viaggio__info { display: none; } .ebas-viaggio__nota { display: flex; flex-direction: column; gap: .25rem; margin-top: .45rem; } .ebas-viaggio__nota > span { display: inline-flex; align-items: center; gap: .3rem; font-size: .75rem; font-weight: 700; color: var(--ebas-tenue); } .ebas-viaggio__nota .ebas-icona { width: 14px; height: 14px; } .ebas-viaggio__nota textarea { width: 100%; min-height: 2.6rem; padding: .45rem .6rem; border: 1px solid var(--ebas-bordo); border-radius: var(--ebas-r-piccolo); background: #fffdf3; color: var(--ebas-testo); font: inherit; font-size: .9rem; line-height: 1.4; resize: vertical; } .ebas-viaggio__nota-stampa { display: none; } .ebas-viaggio__controlli { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; margin-top: .5rem; } .ebas-viaggio__controlli select { min-height: 36px; padding: .3rem .5rem; font-size: .85rem; max-width: 100%; } .ebas-viaggio__tasto { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--ebas-bordo); border-radius: var(--ebas-r-piccolo); background: var(--ebas-bianco); color: var(--ebas-testo); cursor: pointer; } .ebas-viaggio__tasto:hover:not(:disabled) { border-color: var(--ebas-primario); color: var(--ebas-primario); } .ebas-viaggio__tasto:disabled { opacity: .35; cursor: default; } .ebas-viaggio__tasto--togli { margin-left: auto; } .ebas-viaggio__tasto--togli:hover:not(:disabled) { border-color: var(--ebas-errore); color: var(--ebas-errore); } .ebas-viaggio__stampa-testa, .ebas-viaggio__stampa-piede { display: none; } @media (max-width: 900px) { .ebas-viaggio__griglia { grid-template-columns: 1fr; } .ebas-viaggio__mappa-box { position: static; } .ebas-viaggio__mappa { height: 340px; } .ebas-viaggio__azioni { margin-left: 0; width: 100%; } } @media (max-width: 520px) { .ebas-viaggio__testata { padding: 1.5rem 1.1rem; } .ebas-viaggio__tappa { grid-template-columns: 64px minmax(0, 1fr); } .ebas-viaggio__foto { width: 64px; height: 64px; } .ebas-viaggio__campo:not(.ebas-viaggio__campo--titolo) { flex: 1 1 40%; } } /* Pulsante nelle schede e avviso */ .ebas-viaggio-bottone { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; width: 100%; margin-top: .8rem; padding: .7rem 1rem; border: 1.5px dashed var(--ebas-primario); border-radius: 999px; background: var(--ebas-primario-chiaro); color: var(--ebas-primario-scuro) !important; font: inherit; font-size: .92rem; font-weight: 700; text-decoration: none !important; cursor: pointer; } .ebas-viaggio-bottone:hover { background: #dbe8ff; } .ebas-viaggio-bottone > span { display: inline-flex; align-items: center; gap: .45rem; } .ebas-viaggio-bottone__si { display: none !important; } .ebas-viaggio-bottone.is-dentro { border-style: solid; border-color: #15803d; background: #e8f8ef; color: #15803d !important; } .ebas-viaggio-bottone.is-dentro .ebas-viaggio-bottone__no { display: none; } .ebas-viaggio-bottone.is-dentro .ebas-viaggio-bottone__si { display: inline-flex !important; } .ebas-viaggio-avviso { position: fixed; left: 50%; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); z-index: 9999; display: flex; gap: .7rem; align-items: center; max-width: calc(100% - 32px); padding: .75rem 1.1rem; border-radius: 999px; background: #0f172a; color: #fff; font-size: .92rem; box-shadow: var(--ebas-ombra-forte); opacity: 0; transform: translate(-50%, 12px); pointer-events: none; transition: opacity .2s, transform .2s; } .ebas-viaggio-avviso.is-visibile { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; } .ebas-viaggio-avviso a { color: #93c5fd; font-weight: 700; } @media (prefers-reduced-motion: reduce) { .ebas-viaggio-avviso { transition: none; } } /* Stampa / PDF del viaggio */ @media print { body.ebas-stampa-viaggio .wp-site-blocks > header, body.ebas-stampa-viaggio .wp-site-blocks > footer, body.ebas-stampa-viaggio header.wp-block-template-part, body.ebas-stampa-viaggio footer.wp-block-template-part, body.ebas-stampa-viaggio .ebas-barra, body.ebas-stampa-viaggio #wpadminbar, body.ebas-stampa-viaggio [data-ebas-installa], body.ebas-stampa-viaggio .ebas-viaggio__testata, body.ebas-stampa-viaggio .ebas-viaggio__dati, body.ebas-stampa-viaggio .ebas-viaggio__cerca, body.ebas-stampa-viaggio .ebas-viaggio__controlli, body.ebas-stampa-viaggio .ebas-viaggio__nota, body.ebas-stampa-viaggio .ebas-viaggio__stato, body.ebas-stampa-viaggio .leaflet-control-zoom, body.ebas-stampa-viaggio .ebas-viaggio-avviso { display: none !important; } @page { size: A4; margin: 14mm 12mm; } html, body.ebas-stampa-viaggio { background: #fff !important; } body.ebas-stampa-viaggio { -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ebas-stampa-viaggio .wp-site-blocks > main { margin: 0 !important; padding: 0 !important; } .ebas-stampa-viaggio .ebas-viaggio { max-width: none; padding: 0; font-size: 10.5pt; } .ebas-stampa-viaggio .ebas-viaggio__stampa-testa { display: block; order: -1; margin-bottom: 4mm; padding-bottom: 3mm; border-bottom: 2px solid #1e6ff2; } .ebas-stampa-viaggio .ebas-viaggio__stampa-testa h1 { margin: 0; font-size: 20pt; color: #0f172a; } .ebas-stampa-viaggio .ebas-viaggio__stampa-testa p { margin: 1mm 0 0; color: #475569; } .ebas-stampa-viaggio .ebas-viaggio__app { display: flex; flex-direction: column; } .ebas-stampa-viaggio .ebas-viaggio__griglia { display: block; margin: 0; } .ebas-stampa-viaggio .ebas-viaggio__mappa-box { position: static; padding: 0; box-shadow: none; break-inside: avoid; } .ebas-stampa-viaggio .ebas-viaggio__mappa { width: 100% !important; height: 120mm; border: 1px solid #cbd5e1; } .ebas-stampa-viaggio .ebas-viaggio__tappe { padding: 0; box-shadow: none; margin-top: 5mm; } .ebas-stampa-viaggio .ebas-viaggio__giorno { break-inside: auto; } .ebas-stampa-viaggio .ebas-viaggio__giorno-titolo { break-after: avoid; font-size: 12pt; } .ebas-stampa-viaggio .ebas-viaggio__tappa { grid-template-columns: 26mm minmax(0, 1fr); break-inside: avoid; border-color: #e2e8f0; } .ebas-stampa-viaggio .ebas-viaggio__foto { width: 26mm; height: 26mm; } .ebas-stampa-viaggio .ebas-viaggio__nome a { text-decoration: none; } .ebas-stampa-viaggio .ebas-viaggio__info { display: grid; grid-template-columns: max-content 1fr; gap: .4mm 3mm; margin: 1mm 0 0; font-size: 9pt; } .ebas-stampa-viaggio .ebas-viaggio__info div { display: contents; } .ebas-stampa-viaggio .ebas-viaggio__info dt { font-weight: 700; color: #64748b; } .ebas-stampa-viaggio .ebas-viaggio__info dd { margin: 0; } .ebas-stampa-viaggio .ebas-viaggio__nota-stampa:not(:empty) { display: block; margin: 1.5mm 0 0; padding: 1.5mm 2.5mm; border-left: 3px solid #f59e0b; background: #fffbeb; white-space: pre-wrap; font-style: italic; } .ebas-stampa-viaggio .ebas-viaggio__stampa-piede { display: block; margin-top: 6mm; font-size: 8.5pt; color: #64748b; text-align: center; } } /* Durante la preparazione della stampa la mappa prende già la misura del foglio. */ body.ebas-stampa-viaggio .ebas-viaggio__griglia { display: block; } body.ebas-stampa-viaggio .ebas-viaggio__mappa-box { position: static; } body.ebas-stampa-viaggio .ebas-viaggio__mappa { width: 186mm; height: 120mm; } /* Viaggio: soggiorni di più giorni */ .ebas-viaggio__soggiorno { display: inline-block; margin: .1rem 0 .3rem; padding: .2rem .6rem; border-radius: 999px; background: var(--sez-chiaro, var(--ebas-primario-chiaro)); color: var(--sez, var(--ebas-primario-scuro)); font-size: .78rem; font-weight: 700; } .ebas-viaggio__prosegue { display: grid; gap: .35rem; margin: 0 0 .6rem; padding: 0; list-style: none; } .ebas-viaggio__prosegue li { display: flex; align-items: center; gap: .55rem; padding: .5rem .7rem; border: 1px dashed var(--sez); border-radius: var(--ebas-r-piccolo); background: var(--sez-chiaro); font-size: .88rem; } .ebas-viaggio__prosegue em { color: var(--ebas-tenue); font-style: normal; } .ebas-viaggio__numero-piccolo { display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--sez); color: #fff; font-size: .7rem; font-weight: 800; } @media print { .ebas-stampa-viaggio .ebas-viaggio__prosegue li { break-inside: avoid; padding: 1.2mm 2.5mm; font-size: 9.5pt; } .ebas-stampa-viaggio .ebas-viaggio__giorno { break-inside: avoid-page; } } /* Header fisso sotto la barra di WordPress (solo per chi è collegato come staff). */ body.admin-bar .wp-site-blocks > header.wp-block-template-part:has(.ebas-header) { top: var(--wp-admin--admin-bar--height, 32px); } @media (max-width: 600px) { body.admin-bar .wp-site-blocks > header.wp-block-template-part:has(.ebas-header) { top: 0; } } /* Richiesta per diventare organizzatore */ .ebas-avviso--info { background: var(--ebas-primario-chiaro); color: #1e3a8a; } .ebas-richiesta__modulo { display: grid; gap: .2rem; max-width: 640px; } .ebas-richiesta__modulo textarea, .ebas-richiesta__modulo select, .ebas-richiesta__modulo input { width: 100%; } /* ========================================================================= * Selettore del tema (sole / automatico / luna) * ========================================================================= */ .ebas-tema { display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--ebas-sfondo); border: 1px solid var(--ebas-bordo); } .ebas-tema__voce { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .7rem; border: 0; border-radius: 999px; background: transparent; color: var(--ebas-tenue); font: inherit; font-size: .82rem; font-weight: 600; cursor: pointer; transition: background .15s, color .15s; } .ebas-tema__voce .ebas-icona { width: 16px; height: 16px; } .ebas-tema__voce:hover { color: var(--ebas-testo); } .ebas-tema__voce[aria-checked="true"] { background: var(--ebas-bianco); color: var(--ebas-primario); box-shadow: 0 1px 4px rgba(15, 23, 42, .15); } .ebas-tema__voce:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-footer .ebas-tema--footer { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .12); } .ebas-footer .ebas-tema--footer .ebas-tema__voce { color: #94a3b8; } .ebas-footer .ebas-tema--footer .ebas-tema__voce:hover { color: #fff; } .ebas-footer .ebas-tema--footer .ebas-tema__voce[aria-checked="true"] { background: rgba(255, 255, 255, .14); color: #fff; box-shadow: none; } .ebas-footer__marchio .ebas-tema--footer { margin-top: 1rem; } .ebas-box--tema .ebas-intestazione { flex-wrap: wrap; gap: .6rem; } /* Logo dell'header: versione per il tema scuro */ .ebas-marchio__svg--scuro { display: none; } html[data-ebas-tema="scuro"] .ebas-marchio__svg--chiaro { display: none; } html[data-ebas-tema="scuro"] .ebas-marchio__svg--scuro { display: block; } /* ========================================================================= * Tema scuro * ========================================================================= */ html[data-ebas-tema="scuro"] { color-scheme: dark; --ebas-primario: #5b84c4; --ebas-primario-scuro: #a9c1e6; --ebas-primario-chiaro: #1a2740; --ebas-testo: #e6edf7; --ebas-tenue: #94a3b8; --ebas-bordo: #253247; --ebas-sfondo: #0b1220; --ebas-bianco: #121b2d; --ebas-errore: #f87171; --ebas-ombra: 0 4px 20px rgba(0, 0, 0, .35); --ebas-ombra-forte: 0 10px 30px rgba(0, 0, 0, .5); --ebas-fuoco: 0 0 0 3px rgba(91, 132, 196, .45); --wp--preset--color--base: #0b1220; --wp--preset--color--base-2: #121b2d; --wp--preset--color--contrast: #e6edf7; --wp--preset--color--contrast-2: #94a3b8; --wp--preset--color--contrast-3: #64748b; --wp--preset--color--accent: #1a2740; --wp--preset--color--accent-2: #5b84c4; } html[data-ebas-tema="scuro"] body { background: #0b1220; color: #e6edf7; } html[data-ebas-tema="scuro"] a:where(:not(.wp-element-button):not(.ebas-bottone)) { color: inherit; } html[data-ebas-tema="scuro"] .ebas-header { background: rgba(11, 18, 32, .9); } html[data-ebas-tema="scuro"] .ebas-testo, html[data-ebas-tema="scuro"] .ebas-testo li, html[data-ebas-tema="scuro"] .ebas-testo p { color: #cbd5e1; } html[data-ebas-tema="scuro"] .ebas-testo strong, html[data-ebas-tema="scuro"] .ebas-testo h3, html[data-ebas-tema="scuro"] .ebas-testo h4 { color: #e6edf7; } html[data-ebas-tema="scuro"] .ebas-testo a { color: #a9c1e6; } html[data-ebas-tema="scuro"] .ebas-stato--bozza { background: #1e293b; color: #cbd5e1; } html[data-ebas-tema="scuro"] .ebas-hero__tasto { background: rgba(18, 27, 45, .9); } html[data-ebas-tema="scuro"] .ebas-hero__tasto:hover, html[data-ebas-tema="scuro"] .ebas-evidenza__bottone { background: #121b2d; } html[data-ebas-tema="scuro"] .ebas-barra { background: rgba(11, 18, 32, .96) !important; border-color: #253247 !important; } html[data-ebas-tema="scuro"] .ebas-editor, html[data-ebas-tema="scuro"] .ebas-notifiche__campo select, html[data-ebas-tema="scuro"] .ebas-pillola-scelta span { background: #121b2d; color: #e6edf7; } html[data-ebas-tema="scuro"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), html[data-ebas-tema="scuro"] select, html[data-ebas-tema="scuro"] textarea { background-color: #0f1828; color: #e6edf7; border-color: #2b3a52; } html[data-ebas-tema="scuro"] ::placeholder { color: #64748b; } html[data-ebas-tema="scuro"] .ebas-viaggio__nota textarea { background: #1a1f2b; } html[data-ebas-tema="scuro"] .ebas-viaggio__stato { color: #4ade80; } html[data-ebas-tema="scuro"] .ebas-viaggio-bottone:hover { background: #22324f; } html[data-ebas-tema="scuro"] .ebas-viaggio-bottone.is-dentro { background: #0f2a1c; color: #4ade80 !important; border-color: #22c55e; } html[data-ebas-tema="scuro"] .ebas-viaggio__gia { color: #4ade80 !important; } html[data-ebas-tema="scuro"] .ebas-avviso--ok { background: #0f2a1c; color: #86efac; } html[data-ebas-tema="scuro"] .ebas-avviso--errore { background: #2a1215; color: #fca5a5; } html[data-ebas-tema="scuro"] .ebas-avviso--info { background: #1a2740; color: #c7d6ee; } html[data-ebas-tema="scuro"] .ebas-social__link { background: color-mix(in srgb, var(--colore) 22%, #121b2d); color: #e6edf7; } html[data-ebas-tema="scuro"] .ebas-social__link--tiktok { --colore: #e6edf7; } html[data-ebas-tema="scuro"] .ebas-social__link--tiktok:hover { color: #0b1220; } html[data-ebas-tema="scuro"] .ebas-interruttore__barra::after { background: #e6edf7; } /* Colori delle sezioni più luminosi sullo sfondo scuro */ html[data-ebas-tema="scuro"] .ebas-sez--eventi { --sez: #7ea6dc; --sez-chiaro: #1a2740; } html[data-ebas-tema="scuro"] .ebas-sez--vedere { --sez: #4ade80; --sez-chiaro: #0f2a1c; } html[data-ebas-tema="scuro"] .ebas-sez--mangiare { --sez: #f87171; --sez-chiaro: #2e1416; } html[data-ebas-tema="scuro"] .ebas-sez--dormire { --sez: #a78bfa; --sez-chiaro: #221a3d; } html[data-ebas-tema="scuro"] .ebas-sez--prodotti { --sez: #fbbf24; --sez-chiaro: #2d2010; } html[data-ebas-tema="scuro"] .ebas-categorie__voce--vedere .ebas-categorie__cerchio { background: #0f2a1c; color: #4ade80; } html[data-ebas-tema="scuro"] .ebas-categorie__voce--mangiare .ebas-categorie__cerchio { background: #2e1416; color: #f87171; } html[data-ebas-tema="scuro"] .ebas-categorie__voce--dormire .ebas-categorie__cerchio { background: #221a3d; color: #a78bfa; } html[data-ebas-tema="scuro"] .ebas-categorie__voce--prodotti .ebas-categorie__cerchio { background: #2d2010; color: #fbbf24; } /* Mappe: cartina scurita (le foto e i segnaposto restano com'erano) */ html[data-ebas-tema="scuro"] .leaflet-tile-pane { filter: brightness(.78) contrast(1.05) saturate(.8); } html[data-ebas-tema="scuro"] .leaflet-container { background: #1b2433; } html[data-ebas-tema="scuro"] .leaflet-popup-content-wrapper, html[data-ebas-tema="scuro"] .leaflet-popup-tip { background: #121b2d; color: #e6edf7; } html[data-ebas-tema="scuro"] .leaflet-bar a { background: #121b2d; color: #e6edf7; border-color: #253247; } html[data-ebas-tema="scuro"] .leaflet-control-attribution { background: rgba(11, 18, 32, .75) !important; color: #94a3b8; } html[data-ebas-tema="scuro"] .leaflet-control-attribution a { color: #a9c1e6; } /* TinyMCE (descrizione nell'area utente): la barra resta leggibile */ html[data-ebas-tema="scuro"] .ebas-editor .mce-panel { background: #172236 !important; border-color: #253247 !important; } html[data-ebas-tema="scuro"] .ebas-editor .mce-btn button, html[data-ebas-tema="scuro"] .ebas-editor .mce-ico { color: #e6edf7 !important; } @media (prefers-reduced-motion: no-preference) { html.ebas-tema-anima body, html.ebas-tema-anima .ebas-header { transition: background-color .25s, color .25s; } } /* In stampa si usa sempre il tema chiaro */ @media print { html[data-ebas-tema="scuro"] { color-scheme: light; --ebas-primario: #1e6ff2; --ebas-primario-scuro: #1557c9; --ebas-primario-chiaro: #eaf2ff; --ebas-testo: #0f172a; --ebas-tenue: #64748b; --ebas-bordo: #e6ebf2; --ebas-sfondo: #f5f8fc; --ebas-bianco: #ffffff; --wp--preset--color--base: #ffffff; --wp--preset--color--base-2: #ffffff; --wp--preset--color--contrast: #0f172a; } html[data-ebas-tema="scuro"] body { background: #fff; color: #0f172a; } html[data-ebas-tema="scuro"] .leaflet-tile-pane { filter: none; } html[data-ebas-tema="scuro"] .ebas-sez--eventi { --sez: #1e6ff2; --sez-chiaro: #eaf2ff; } html[data-ebas-tema="scuro"] .ebas-sez--vedere { --sez: #15803d; --sez-chiaro: #e8f8ef; } html[data-ebas-tema="scuro"] .ebas-sez--mangiare { --sez: #dc2626; --sez-chiaro: #fdecec; } html[data-ebas-tema="scuro"] .ebas-sez--dormire { --sez: #7c3aed; --sez-chiaro: #f1ecfe; } html[data-ebas-tema="scuro"] .ebas-sez--prodotti { --sez: #b45309; --sez-chiaro: #fdf3e7; } } /* Tema scuro: riquadri di stato (successo, errore, attesa) */ html[data-ebas-tema="scuro"] .ebas-notifiche__dispositivo.is-attive, html[data-ebas-tema="scuro"] .ebas-segnala__esito--ok, html[data-ebas-tema="scuro"] .ebas-accesso__ok { background: #0f2a1c; border-color: #1f5136; color: #bbf7d0; } html[data-ebas-tema="scuro"] .ebas-notifiche__dispositivo.is-errore, html[data-ebas-tema="scuro"] .ebas-segnala__esito--errore, html[data-ebas-tema="scuro"] .ebas-accesso__errore { background: #2a1215; border-color: #5b2328; color: #fecaca; } html[data-ebas-tema="scuro"] .ebas-notifiche__dispositivo.is-attive *, html[data-ebas-tema="scuro"] .ebas-notifiche__dispositivo.is-errore * { color: inherit; } html[data-ebas-tema="scuro"] .ebas-stato--attesa { background: #2d2410; color: #fcd34d; } /* Tema scuro: menu a tendina dell'editor della descrizione */ html[data-ebas-tema="scuro"] .mce-menu, html[data-ebas-tema="scuro"] .mce-floatpanel { background: #172236 !important; border-color: #2b3a52 !important; } html[data-ebas-tema="scuro"] .mce-menu-item .mce-text, html[data-ebas-tema="scuro"] .mce-menu-item { color: #e6edf7 !important; } html[data-ebas-tema="scuro"] .mce-menu-item:hover, html[data-ebas-tema="scuro"] .mce-menu-item.mce-selected, html[data-ebas-tema="scuro"] .mce-menu-item:focus { background: #22324f !important; } html[data-ebas-tema="scuro"] .ebas-editor .mce-listbox button, html[data-ebas-tema="scuro"] .ebas-editor .mce-txt { color: #e6edf7 !important; } html[data-ebas-tema="scuro"] .ebas-editor .mce-caret { border-top-color: #e6edf7 !important; } html[data-ebas-tema="scuro"] .ebas-editor .mce-btn { background: transparent !important; } html[data-ebas-tema="scuro"] .ebas-editor .mce-btn:hover, html[data-ebas-tema="scuro"] .ebas-editor .mce-btn.mce-active { background: #22324f !important; } /* ========================================================================= * Banner in homepage: Pianifica il tuo viaggio (itinerario disegnato a linee) * ========================================================================= */ .ebas-banner-viaggio { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; min-height: 300px; margin: 2.5rem 0 1rem; border-radius: var(--ebas-r-grande); overflow: hidden; background: linear-gradient(135deg, #0f3d91 0%, #1e6ff2 70%, #4f9bff 100%); color: #fff; box-shadow: var(--ebas-ombra-forte); isolation: isolate; } .ebas-banner-viaggio__testo { position: relative; z-index: 1; padding: 2.2rem 1.8rem; } .ebas-banner-viaggio__titolo { margin: 0 0 .6rem; font-size: clamp(1.6rem, 3.4vw, 2.3rem); line-height: 1.1; font-weight: 800; color: #fff; text-wrap: balance; } .ebas-banner-viaggio__intro { margin: 0 0 1.3rem; max-width: 46ch; font-size: 1rem; line-height: 1.55; color: rgba(255, 255, 255, .9); } .ebas-banner-viaggio__bottone { display: inline-flex; align-items: center; gap: .45rem; padding: .8rem 1.3rem; border-radius: 999px; background: #fff; color: #1557c9 !important; font-weight: 700; text-decoration: none !important; box-shadow: 0 6px 18px rgba(8, 30, 70, .25); transition: transform .15s, box-shadow .15s; } .ebas-banner-viaggio__bottone:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(8, 30, 70, .3); } .ebas-banner-viaggio__bottone:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } .ebas-banner-viaggio__disegno { grid-column: 2; grid-row: 1; width: 100%; height: 100%; min-height: 300px; } .ebas-bv__terra path { stroke: rgba(255, 255, 255, .16); stroke-width: 1.4; } .ebas-bv__terra .ebas-bv__costa { stroke: rgba(255, 255, 255, .32); stroke-width: 1.8; } .ebas-bv__terra .ebas-bv__costa--2 { stroke: rgba(255, 255, 255, .16); stroke-dasharray: 3 6; } .ebas-bv__terra .ebas-bv__monte { stroke: rgba(255, 255, 255, .28); stroke-width: 1.6; } .ebas-bv__terra .ebas-bv__onda { stroke: rgba(255, 255, 255, .3); } .ebas-bv__percorso-ombra { stroke: rgba(8, 30, 70, .35); stroke-width: 6; stroke-linecap: round; } .ebas-bv__percorso { stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 2 10; } .ebas-bv__alone { fill: rgba(255, 255, 255, .2); } .ebas-bv__punto { fill: #f2a541; stroke: #fff; stroke-width: 3; } .ebas-bv__nome { fill: #fff; font: 700 15px/1 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .02em; paint-order: stroke; stroke: rgba(8, 30, 70, .45); stroke-width: 3px; } @media (prefers-reduced-motion: no-preference) { .ebas-bv__percorso { animation: ebas-bv-cammino 18s linear infinite; } .ebas-bv__alone { animation: ebas-bv-pulsa 2.4s ease-in-out infinite; animation-delay: calc(var(--i) * .5s); transform-box: fill-box; transform-origin: center; } } @keyframes ebas-bv-cammino { to { stroke-dashoffset: -240; } } @keyframes ebas-bv-pulsa { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: .4; } } @media (max-width: 781px) { .ebas-banner-viaggio { grid-template-columns: 1fr; min-height: 0; } .ebas-banner-viaggio__disegno { grid-column: 1; grid-row: 2; min-height: 0; height: 210px; margin-top: -.6rem; } .ebas-banner-viaggio__testo { padding: 1.8rem 1.3rem 0; } .ebas-bv__nome { font-size: 19px; } } html[data-ebas-tema="scuro"] .ebas-banner-viaggio { background: linear-gradient(135deg, #0e1f3d 0%, #1d3b6e 65%, #2f5492 100%); } html[data-ebas-tema="scuro"] .ebas-viaggio__testata { background: linear-gradient(135deg, #0e1f3d 0%, #1d3b6e 65%, #2f5492 100%); } html[data-ebas-tema="scuro"] .ebas-banner-viaggio__bottone { background: #e6edf7; color: #0e1f3d !important; } /* --------------------------------------------------------------------------- * Link legali nel footer + banner cookie (Complianz) nel tema scuro * ------------------------------------------------------------------------- */ .ebas-footer .ebas-footer__base .ebas-footer__legali { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; } .ebas-footer .ebas-footer__cookie { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; } .ebas-footer .ebas-footer__cookie:hover { color: #fff; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { font-weight: 600; } html[data-ebas-tema="scuro"] .cmplz-cookiebanner, html[data-ebas-tema="scuro"] #cmplz-manage-consent { --cmplz_banner_background_color: #121b2d; --cmplz_banner_border_color: #24324d; --cmplz_text_color: #e6edf7; --cmplz_hyperlink_color: #a9c1e6; --cmplz_button_accept_background_color: #5b84c4; --cmplz_button_accept_border_color: #5b84c4; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: transparent; --cmplz_button_deny_border_color: #5b84c4; --cmplz_button_deny_text_color: #a9c1e6; --cmplz_button_settings_background_color: transparent; --cmplz_button_settings_border_color: #3a4a68; --cmplz_button_settings_text_color: #e6edf7; --cmplz_slider_active_color: #5b84c4; --cmplz_slider_inactive_color: #475569; --cmplz_category_header_always_active_color: #7fd1a8; } html[data-ebas-tema="scuro"] .cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: #1a2740; } html[data-ebas-tema="scuro"] .cmplz-cookiebanner .cmplz-close, html[data-ebas-tema="scuro"] .cmplz-cookiebanner .cmplz-close svg path { color: #e6edf7; fill: #e6edf7; } html[data-ebas-tema="scuro"] .cmplz-cookiebanner .cmplz-category-header svg path, html[data-ebas-tema="scuro"] .cmplz-cookiebanner .cmplz-icon svg path { fill: #a9c1e6; } /* Pagine Privacy e Cookie Policy: larghezza come le altre pagine */ body.ebas-pagina-legale .wp-block-post-content > *, body.ebas-pagina-legale .wp-block-post-title, body.ebas-pagina-legale #cmplz-document { max-width: 1200px !important; } body.ebas-pagina-legale #cmplz-document { width: 100%; } body.ebas-pagina-legale .wp-block-post-content { line-height: 1.65; } #cmplz-document .cmplz-dropdown summary { border-radius: 10px; } #cmplz-document .cookies-per-purpose { border-radius: 10px; overflow: hidden; } /* Cookie Policy (Complianz) nel tema scuro */ html[data-ebas-tema="scuro"] #cmplz-document .cmplz-dropdown, html[data-ebas-tema="scuro"] #cmplz-cookies-overview .cmplz-dropdown { background-color: #121b2d; color: var(--ebas-testo, #e6edf7); } html[data-ebas-tema="scuro"] #cmplz-document .cmplz-dropdown summary, html[data-ebas-tema="scuro"] #cmplz-cookies-overview .cmplz-dropdown summary { background-color: #1a2740; color: #e6edf7; } html[data-ebas-tema="scuro"] #cmplz-document .cmplz-dropdown summary div:after { filter: invert(1); } html[data-ebas-tema="scuro"] #cmplz-document .cookies-per-purpose, html[data-ebas-tema="scuro"] #cmplz-cookies-overview .cookies-per-purpose { background-color: #24324d; border-color: #24324d; } html[data-ebas-tema="scuro"] #cmplz-document .cookies-per-purpose div, html[data-ebas-tema="scuro"] #cmplz-cookies-overview .cookies-per-purpose div { background-color: #0f1726 !important; color: #cbd5e1 !important; } html[data-ebas-tema="scuro"] #cmplz-document .cookies-per-purpose .name-header, html[data-ebas-tema="scuro"] #cmplz-document .cookies-per-purpose .retention-header, html[data-ebas-tema="scuro"] #cmplz-document .cookies-per-purpose .function-header, html[data-ebas-tema="scuro"] #cmplz-document .cookies-per-purpose .purpose, html[data-ebas-tema="scuro"] #cmplz-cookies-overview .cookies-per-purpose .name-header, html[data-ebas-tema="scuro"] #cmplz-cookies-overview .cookies-per-purpose .retention-header, html[data-ebas-tema="scuro"] #cmplz-cookies-overview .cookies-per-purpose .function-header, html[data-ebas-tema="scuro"] #cmplz-cookies-overview .cookies-per-purpose .purpose { background-color: #1a2740 !important; color: #e6edf7 !important; } html[data-ebas-tema="scuro"] #cmplz-document .cookies-per-purpose h4, html[data-ebas-tema="scuro"] #cmplz-document .cookies-per-purpose h5 { color: #e6edf7 !important; } html[data-ebas-tema="scuro"] #cmplz-document h4, html[data-ebas-tema="scuro"] #cmplz-document h5 { color: #e6edf7; } html[data-ebas-tema="scuro"] #cmplz-document a { color: #a9c1e6; } html[data-ebas-tema="scuro"] #cmplz-document .cmplz-category { background-color: #121b2d; color: #e6edf7; border-radius: 10px; } html[data-ebas-tema="scuro"] #cmplz-document .cmplz-category .cmplz-category-header { background-color: #1a2740; color: #e6edf7; border-radius: 10px; } html[data-ebas-tema="scuro"] #cmplz-document .cmplz-category .cmplz-description { color: #cbd5e1; } /* --------------------------------------------------------------------------- * Pagine dei paesi (/paese/aliano/) e fila "Paesi e borghi" * ------------------------------------------------------------------------- */ .ebas-paese { color: var(--ebas-testo); } .ebas-paese *, .ebas-paesi * { box-sizing: border-box; } .ebas-paese__hero { margin-top: 0; } .ebas-paese__salti ul { list-style: none; margin: 0 0 1.75rem; padding: 2px; display: flex; gap: .5rem; overflow-x: auto; scrollbar-width: none; } .ebas-paese__salti ul::-webkit-scrollbar { display: none; } .ebas-paese__salto { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .95rem; border-radius: 999px; background: var(--ebas-bianco); box-shadow: inset 0 0 0 1px var(--ebas-bordo); color: var(--ebas-testo) !important; font-size: .9rem; font-weight: 600; text-decoration: none !important; white-space: nowrap; } .ebas-paese__salto:hover { box-shadow: inset 0 0 0 1.5px var(--ebas-primario); } .ebas-paese__salto--eventi .ebas-icona, .ebas-paese__numero--eventi .ebas-icona { color: #1e6ff2; } .ebas-paese__salto--vedere .ebas-icona, .ebas-paese__numero--vedere .ebas-icona { color: #15803d; } .ebas-paese__salto--mangiare .ebas-icona, .ebas-paese__numero--mangiare .ebas-icona { color: #dc2626; } .ebas-paese__salto--dormire .ebas-icona, .ebas-paese__numero--dormire .ebas-icona { color: #7c3aed; } .ebas-paese__salto--prodotti .ebas-icona, .ebas-paese__numero--prodotti .ebas-icona { color: #b45309; } .ebas-paese__intro { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 2rem; align-items: start; margin-bottom: 2.5rem; } .ebas-paese__intro--solo-azioni { grid-template-columns: minmax(0, 420px); } .ebas-paese__presentazione h2 { margin: 0 0 .75rem; font-size: clamp(1.4rem, 2.4vw, 1.8rem); font-weight: 800; letter-spacing: -.02em; } .ebas-paese__presentazione .ebas-testo { font-size: 1.05rem; line-height: 1.7; } .ebas-paese__presentazione .ebas-testo p { margin: 0 0 1em; } .ebas-paese__azioni { position: sticky; top: 90px; display: flex; flex-direction: column; gap: .75rem; padding: 1.4rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); box-shadow: var(--ebas-ombra); } .ebas-paese__azioni-titolo { margin: 0; font-weight: 800; font-size: 1.05rem; } .ebas-paese__numeri { list-style: none; margin: 0 0 .25rem; padding: 0; display: grid; gap: .5rem; } .ebas-paese__numeri li { display: flex; align-items: center; gap: .6rem; font-size: .95rem; } .ebas-paese__azioni .ebas-bottone { width: 100%; text-align: left; } .ebas-paese__viaggio.is-fatto { background: #15803d; } .ebas-paese__esito { margin: 0; font-size: .88rem; color: var(--ebas-tenue); } .ebas-paese__esito:empty { display: none; } .ebas-paese__esito a { color: var(--ebas-primario); font-weight: 600; } .ebas-paese__blocco { margin: 0 0 2.25rem; } .ebas-paese__legenda { list-style: none; margin: -.25rem 0 .75rem; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; font-size: .85rem; color: var(--ebas-tenue); } .ebas-paese__legenda li { display: inline-flex; align-items: center; gap: .4rem; } .ebas-paese__legenda span { width: 12px; height: 12px; border-radius: 50%; background: #1e6ff2; box-shadow: 0 0 0 2px var(--ebas-bianco), 0 0 0 3px var(--ebas-bordo); } .ebas-paese__legenda--vedere span { background: #15803d; } .ebas-paese__legenda--mangiare span { background: #dc2626; } .ebas-paese__legenda--dormire span { background: #7c3aed; } .ebas-paese__legenda--prodotti span { background: #b45309; } .ebas-paese__mappa { height: clamp(320px, 45vw, 460px); border-radius: var(--ebas-r-grande); overflow: hidden; box-shadow: var(--ebas-ombra); z-index: 0; } .ebas-paese__pin span { display: block; width: 22px; height: 22px; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 2px 6px rgba(15, 23, 42, .35); } .ebas-paese__vuoto { padding: 2rem; border-radius: var(--ebas-r-grande); background: var(--ebas-primario-chiaro); margin-bottom: 2.25rem; } .ebas-paese__vuoto h2 { margin: 0 0 .5rem; } .ebas-paese__vuoto-azioni { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0 0; } /* Card dei paesi */ .ebas-paesi { margin: 0 0 2rem; } .ebas-paesi .ebas-vetrina__media { aspect-ratio: 4 / 3; } .ebas-paesi .ebas-vetrina__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(11, 19, 36, .7), rgba(11, 19, 36, 0) 55%); } .ebas-paesi__nome { position: absolute; left: .75rem; right: .75rem; bottom: .6rem; z-index: 1; color: #fff; font-size: 1.15rem; font-weight: 800; letter-spacing: -.01em; line-height: 1.15; } .ebas-paesi__conti { font-size: .8rem; color: var(--ebas-tenue); padding: 0 .2rem; } .ebas-paesi--griglia .ebas-vetrina__lista { grid-auto-flow: row; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); overflow: visible; } .ebas-paesi-fila { margin-top: -.25rem; } @media (max-width: 900px) { .ebas-paese__intro { grid-template-columns: 1fr; gap: 1.25rem; } .ebas-paese__azioni { position: static; } } @media (max-width: 600px) { .ebas-paesi--griglia .ebas-vetrina__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .ebas-paese__comune { margin-top: .5rem; padding-top: 1rem; border-top: 1px solid var(--ebas-bordo); } .ebas-paese__comune ul { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; gap: .55rem; } .ebas-paese__comune li { display: flex; align-items: flex-start; gap: .55rem; font-size: .9rem; line-height: 1.35; overflow-wrap: anywhere; } .ebas-paese__comune li .ebas-icona { color: var(--ebas-primario); margin-top: .1em; } .ebas-paese__comune a { color: var(--ebas-testo); text-decoration: none; } .ebas-paese__comune a:hover { color: var(--ebas-primario); text-decoration: underline; } .ebas-paese__comune small { font-size: .7rem; font-weight: 700; color: var(--ebas-tenue); } .ebas-paese__indice ul { list-style: none; margin: 0; padding: 0; columns: 4 180px; column-gap: 1.5rem; } .ebas-paese__indice li { break-inside: avoid; padding: .3rem 0; border-bottom: 1px solid var(--ebas-bordo); } .ebas-paese__indice a { color: var(--ebas-testo); text-decoration: none; font-weight: 500; } .ebas-paese__indice a:hover { color: var(--ebas-primario); } /* Aree turistiche */ .ebas-paese__aree { margin-top: .25rem; padding-top: 1rem; border-top: 1px solid var(--ebas-bordo); } .ebas-paese__aree ul { list-style: none; margin: .6rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; } .ebas-paese__aree a { display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .8rem; border-radius: 999px; background: var(--ebas-primario-chiaro); color: var(--ebas-primario); font-size: .88rem; font-weight: 600; text-decoration: none; } .ebas-paese__aree a:hover { background: var(--ebas-primario); color: #fff; } .ebas-paese__aree ul + .ebas-paese__azioni-titolo { margin-top: 1rem; } .ebas-paese__zona { display: flex; align-items: flex-start; gap: .5rem; margin: 1rem 0 0; padding: .75rem 1rem; border-radius: 12px; background: var(--ebas-primario-chiaro); font-size: .95rem; } .ebas-paese__zona .ebas-icona, .ebas-paese__zona svg { flex: none; width: 1.1rem; height: 1.1rem; margin-top: .2rem; color: var(--ebas-primario); } .ebas-paese__zona a { color: var(--ebas-primario); font-weight: 600; } .ebas-aree-link ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; } /* Hero delle aree turistiche: disegno dei paesi + elenco */ .ebas-area-hero { margin: 0 0 1.4rem; min-height: 340px; } .ebas-area-hero .ebas-banner-viaggio__disegno { min-height: 340px; } .ebas-area-hero .ebas-banner-viaggio__titolo { font-size: clamp(1.9rem, 4vw, 2.8rem); } .ebas-area-hero .ebas-viaggio__occhiello { color: rgba(255, 255, 255, .9); } .ebas-area-hero__paesi { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; } .ebas-area-hero__paesi a { display: inline-flex; align-items: center; gap: .4rem; padding: .42rem .8rem; border-radius: 999px; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .3); color: #fff !important; font-size: .9rem; font-weight: 600; text-decoration: none !important; transition: background .15s, transform .15s; } .ebas-area-hero__paesi a::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: #f2a541; box-shadow: 0 0 0 2px #fff; } .ebas-area-hero__paesi a:hover { background: rgba(255, 255, 255, .26); transform: translateY(-1px); } .ebas-area-hero__paesi a:focus-visible { outline: 3px solid #fff; outline-offset: 2px; } .ebas-area-hero .ebas-bv__nome { font-size: 14px; } .ebas-area-hero .ebas-banner-viaggio__testo { grid-column: 1; grid-row: 1; } @media (max-width: 781px) { .ebas-area-hero { min-height: 0; } .ebas-area-hero .ebas-banner-viaggio__disegno { height: 260px; min-height: 0; margin-top: 0; } .ebas-area-hero .ebas-banner-viaggio__disegno { grid-row: 1; } .ebas-area-hero .ebas-banner-viaggio__testo { grid-row: 2; padding: .2rem 1.3rem 1.6rem; } .ebas-area-hero .ebas-bv__nome { font-size: 17px; } } /* Pulsante «Modifica» sulla scheda (staff, autore, persone autorizzate) */ .ebas-modifica-scheda { position: absolute; top: 1.1rem; right: 1.1rem; z-index: 2; display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .8rem; border-radius: 999px; background: var(--ebas-primario); color: #fff !important; font-size: .85rem; font-weight: 700; text-decoration: none !important; box-shadow: 0 4px 12px rgba(21, 87, 201, .25); } .ebas-modifica-scheda .ebas-icona { width: 16px; height: 16px; } .ebas-modifica-scheda:hover { filter: brightness(1.08); } .ebas-modifica-scheda:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-pagina__card:has(.ebas-modifica-scheda) .ebas-pagina__sezione { padding-right: 6.5rem; } /* Numerazione delle pagine negli elenchi dell'area utente */ .ebas-numerazione ul { display: flex; flex-wrap: wrap; justify-content: center; gap: .35rem; margin: 1rem 0 0; padding: 0; list-style: none; } .ebas-numerazione a, .ebas-numerazione span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.4rem; height: 2.4rem; padding: 0 .6rem; border-radius: 999px; font-weight: 600; text-decoration: none !important; } .ebas-numerazione a { border: 1px solid var(--ebas-bordo, #d9e1ec); color: var(--ebas-testo, #1b2433) !important; background: var(--ebas-bianco); } .ebas-numerazione a:hover { border-color: var(--ebas-primario); color: var(--ebas-primario) !important; } .ebas-numerazione a:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-numerazione__attuale { background: var(--ebas-primario); color: #fff; } .ebas-numerazione__salto { min-width: 1.2rem !important; color: var(--ebas-testo-tenue, #6b7a90); } .ebas-area textarea#ebas-autorizzati { width: 100%; } .ebas-modulo .ebas-nota label { display: inline; margin: 0; font-weight: 500; } /* Titolo della home (H1) */ .ebas-home-titolo { max-width: 760px; margin: .5rem auto 1.4rem; text-align: center; color: var(--ebas-testo); } .ebas-home-titolo h1 { margin: 0 0 .5rem; font-size: clamp(1.7rem, 4vw, 2.6rem); line-height: 1.12; font-weight: 800; letter-spacing: -.01em; text-wrap: balance; color: inherit; } .ebas-home-titolo p { margin: 0; font-size: 1.02rem; line-height: 1.55; color: var(--ebas-tenue); text-wrap: pretty; } /* Frase di risposta in apertura della scheda */ .ebas-pagina__risposta { margin: .7rem 0 0; padding: .7rem .9rem; border-left: 3px solid var(--ebas-primario); border-radius: 0 10px 10px 0; background: rgba(30, 111, 242, .06); font-size: .98rem; line-height: 1.55; color: var(--ebas-testo); } html[data-ebas-tema="scuro"] .ebas-pagina__risposta { background: rgba(79, 155, 255, .1); } /* Guida e domande frequenti dei paesi */ .ebas-guida__griglia { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 1.25rem; align-items: start; } .ebas-guida__sezione { padding: 1.3rem 1.4rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); border: 1px solid var(--ebas-bordo); box-shadow: var(--ebas-ombra); color: var(--ebas-testo); } .ebas-guida__sezione h2 { margin: 0 0 .6rem; font-size: 1.2rem; line-height: 1.25; } .ebas-guida__sezione .ebas-testo p { margin: 0 0 .7rem; line-height: 1.6; } .ebas-guida__sezione .ebas-testo ul { margin: 0 0 .7rem; padding-left: 1.2rem; line-height: 1.55; } .ebas-guida__sezione .ebas-testo li { margin-bottom: .3rem; } .ebas-faq { color: var(--ebas-testo); } .ebas-faq__voce { margin: 0 0 .6rem; border: 1px solid var(--ebas-bordo); border-radius: var(--ebas-r); background: var(--ebas-bianco); } .ebas-faq__voce summary { cursor: pointer; padding: .9rem 1.1rem; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 1rem; } .ebas-faq__voce summary::-webkit-details-marker { display: none; } .ebas-faq__voce summary::after { content: "+"; font-size: 1.3rem; line-height: 1; color: var(--ebas-primario); } .ebas-faq__voce[open] summary::after { content: "–"; } .ebas-faq__voce summary:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); border-radius: var(--ebas-r); } .ebas-faq__voce .ebas-testo { padding: 0 1.1rem .9rem; line-height: 1.6; } .ebas-faq__voce .ebas-testo p { margin: 0; } /* Pagine "weekend" e "eventi del mese" */ .ebas-periodo { color: var(--ebas-testo); } .ebas-periodo .ebas-vetrina__lista.ebas-periodo__lista { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); overflow: visible; margin-top: 1.2rem; } @media (max-width: 600px) { .ebas-periodo .ebas-vetrina__lista.ebas-periodo__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .ebas-periodi { margin: 1rem 0 .5rem; } .ebas-periodi ul { display: flex; gap: .45rem; margin: 0; padding: 2px 2px 8px; list-style: none; overflow-x: auto; scrollbar-width: thin; } .ebas-periodi a { display: inline-flex; align-items: center; gap: .35rem; white-space: nowrap; padding: .45rem .9rem; border-radius: 999px; border: 1px solid var(--ebas-bordo); background: var(--ebas-bianco); color: var(--ebas-testo) !important; font-weight: 600; font-size: .9rem; text-decoration: none !important; } .ebas-periodi a .ebas-icona { width: 16px; height: 16px; color: var(--ebas-primario); } .ebas-periodi a:hover { border-color: var(--ebas-primario); color: var(--ebas-primario) !important; } .ebas-periodi a.is-attivo { background: var(--ebas-primario); border-color: var(--ebas-primario); color: #fff !important; } .ebas-periodi a.is-attivo .ebas-icona { color: #fff; } .ebas-periodi a:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-periodo__vuoto { margin: 1.4rem 0; padding: 1.4rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); border: 1px dashed var(--ebas-bordo); text-align: center; } .ebas-periodo__vuoto p { margin: 0 0 .9rem; } .ebas-periodo__nota { margin: 1.6rem 0 0; color: var(--ebas-tenue); font-size: .95rem; } /* Badge «Siamo su Ebas» nell'area utente */ .ebas-badge-box { margin-top: .5rem; } .ebas-badge-box__corpo { margin-top: .7rem; padding: 1rem; border-radius: var(--ebas-r); background: var(--ebas-sfondo); border: 1px solid var(--ebas-bordo); } .ebas-badge-box__varianti { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 1rem; } .ebas-badge-box__anteprima { display: flex; align-items: center; justify-content: center; padding: 1rem; margin-bottom: .6rem; border-radius: var(--ebas-r); background: #ffffff; border: 1px solid var(--ebas-bordo); } .ebas-badge-box__anteprima--scuro { background: #eef2f8; } .ebas-badge-box__anteprima img { display: block; max-width: 100%; height: auto; } .ebas-badge-box textarea { width: 100%; font: .78rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; padding: .5rem; border-radius: 8px; border: 1px solid var(--ebas-bordo); background: var(--ebas-bianco); color: var(--ebas-testo); resize: vertical; } .ebas-badge-box label { display: block; margin: 0 0 .3rem; font-weight: 600; font-size: .85rem; } /* Calendario da incorporare (riquadro sulla pagina del paese) */ .ebas-widget-box { border: 1px solid var(--ebas-bordo); border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); color: var(--ebas-testo); } .ebas-widget-box summary { display: flex; align-items: center; gap: .5rem; padding: 1rem 1.2rem; cursor: pointer; font-weight: 700; list-style: none; } .ebas-widget-box summary::-webkit-details-marker { display: none; } .ebas-widget-box summary .ebas-icona { color: var(--ebas-primario); } .ebas-widget-box summary:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); border-radius: var(--ebas-r-grande); } .ebas-widget-box__corpo { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 1.2rem; padding: 0 1.2rem 1.2rem; } .ebas-widget-box__testo p { margin: 0 0 .8rem; line-height: 1.55; } .ebas-widget-box__testo label { display: block; margin: 0 0 .3rem; font-weight: 600; font-size: .88rem; } .ebas-widget-box textarea { width: 100%; font: .78rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; padding: .5rem; border-radius: 8px; border: 1px solid var(--ebas-bordo); background: var(--ebas-sfondo); color: var(--ebas-testo); } .ebas-widget-box__anteprima iframe { display: block; box-shadow: var(--ebas-ombra); } .ebas-link-paesi { margin: .8rem 0 1.4rem; } /* Guide tematiche in home */ .ebas-guide-home__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .9rem; } .ebas-guide-home__card { display: flex; flex-direction: column; gap: .45rem; height: 100%; padding: 1.2rem; border-radius: var(--ebas-r-grande); color: #fff !important; text-decoration: none !important; box-shadow: var(--ebas-ombra); transition: transform .15s, box-shadow .15s; } .ebas-guide-home__card:hover { transform: translateY(-2px); box-shadow: var(--ebas-ombra-forte); } .ebas-guide-home__card:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-guide-home__card--0 { background: linear-gradient(135deg, #1557c9, #1e6ff2); } .ebas-guide-home__card--1 { background: linear-gradient(135deg, #8a4426, #c9693f); } .ebas-guide-home__card--2 { background: linear-gradient(135deg, #0e1f3d, #2f5492); } .ebas-guide-home__card--3 { background: linear-gradient(135deg, #b9701a, #f2a541); } .ebas-guide-home__card--4 { background: linear-gradient(135deg, #0b6b6b, #17a39a); } .ebas-guide-home__card--5 { background: linear-gradient(135deg, #b0126f, #ff3d7f); } .ebas-guide-home__card--6 { background: linear-gradient(135deg, #1f5f2a, #3f9b48); } .ebas-guide-home__card--7 { background: linear-gradient(135deg, #c2410c, #f59e0b); } .ebas-guide-home__icona { display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: rgba(255, 255, 255, .18); } .ebas-guide-home__titolo { font-weight: 800; font-size: 1.08rem; line-height: 1.25; } .ebas-guide-home__testo { font-size: .9rem; line-height: 1.45; color: rgba(255, 255, 255, .88); } /* Guide nella pagina della zona */ .ebas-area-guide { scroll-margin-top: 90px; } .ebas-area-guide__nota { display: inline-flex; align-items: center; gap: .35rem; margin-top: auto; padding-top: .35rem; font-size: .82rem; font-weight: 700; color: rgba(255, 255, 255, .92); } .ebas-area-guide__nota svg { width: 1em; height: 1em; } .ebas-paese__salto--guide { background: var(--ebas-primario) !important; color: #fff !important; border-color: transparent !important; } /* Link a paesi, luoghi e guide nelle presentazioni: ben riconoscibili */ .ebas-paese__presentazione .ebas-testo a { font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); } .ebas-paese__presentazione .ebas-testo a:hover { text-decoration-color: currentColor; } /* Testata con foto in home e nelle guide */ .ebas-home-hero { margin-bottom: 1.2rem; } .ebas-home-hero + .ebas-home-cerca { position: relative; z-index: 2; margin-top: -2.4rem; margin-left: auto; margin-right: auto; max-width: min(100% - 2rem, 980px); box-shadow: var(--ebas-ombra-forte); } @media (min-width: 782px) { .ebas-home-cerca.alignwide, .ebas-home-hero + .ebas-home-cerca.alignwide { width: 100%; max-width: var(--wp--style--global--wide-size, 1240px) !important; margin: 0 auto 1.4rem !important; box-shadow: var(--ebas-ombra); } } .ebas-guida-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 2.5rem; align-items: start; margin-top: 1.8rem !important; } .ebas-guida-testo { min-width: 0; margin: 0; color: var(--ebas-testo); font-size: 1.07rem; line-height: 1.75; } .ebas-guida-testo > :first-child { margin-top: 0; } .ebas-guida-sidebar { position: sticky; top: 7.5rem; display: grid; gap: 1rem; color: var(--ebas-testo); } .ebas-guida-sidebar__box { padding: 1.1rem 1.15rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); border: 1px solid var(--ebas-bordo); box-shadow: var(--ebas-ombra); } .ebas-guida-sidebar__box h2 { margin: 0 0 .8rem; font-size: 1rem; font-weight: 800; line-height: 1.3; } .ebas-guida-sidebar__lista, .ebas-guida-sidebar__link { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; } .ebas-guida-sidebar__guida { display: flex; gap: .75rem; align-items: flex-start; padding: .55rem; margin: 0 -.55rem; border-radius: 12px; color: inherit !important; text-decoration: none !important; transition: background .15s; } .ebas-guida-sidebar__guida:hover, .ebas-guida-sidebar__link a:hover { background: var(--ebas-sfondo); } .ebas-guida-sidebar__guida:focus-visible, .ebas-guida-sidebar__link a:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-guida-sidebar__icona { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: 12px; color: #fff; } .ebas-guida-sidebar__guida strong { display: block; font-size: .95rem; line-height: 1.3; } .ebas-guida-sidebar__guida small { display: block; margin-top: .2rem; font-size: .82rem; line-height: 1.4; color: var(--ebas-tenue); } .ebas-guida-sidebar__link a { display: flex; gap: .6rem; align-items: center; padding: .5rem .55rem; margin: 0 -.55rem; border-radius: 10px; font-weight: 600; font-size: .93rem; color: inherit !important; text-decoration: none !important; } .ebas-guida-sidebar__link .ebas-icona { color: var(--ebas-primario); flex: none; } @media (max-width: 960px) { .ebas-guida-layout { grid-template-columns: minmax(0, 1fr); gap: 2rem; } .ebas-guida-sidebar { position: static; } } .ebas-guida-testo h2 { margin: 2rem 0 .6rem; font-size: 1.45rem; line-height: 1.25; } .ebas-guida-testo ul { padding-left: 1.3rem; } .ebas-guida-testo li { margin-bottom: .4rem; } /* Area utente: «Porta Ebas sul tuo sito» */ .ebas-condividi__voce { border-top: 1px solid var(--ebas-bordo); } .ebas-condividi__voce summary { cursor: pointer; padding: .9rem 0; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 1rem; } .ebas-condividi__voce summary::-webkit-details-marker { display: none; } .ebas-condividi__voce summary::after { content: "+"; color: var(--ebas-primario); font-size: 1.3rem; line-height: 1; } .ebas-condividi__voce[open] summary::after { content: "–"; } .ebas-condividi__voce summary:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); border-radius: 8px; } .ebas-condividi__corpo { padding: 0 0 1.1rem; } .ebas-condividi__passi, .ebas-condividi__cms { margin: 0 0 1rem; padding-left: 1.3rem; line-height: 1.6; } .ebas-condividi__passi li, .ebas-condividi__cms li { margin-bottom: .35rem; } .ebas-condividi__campi { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: .7rem; margin-bottom: .9rem; } .ebas-condividi__campi label, .ebas-condividi__generatore > label { display: block; font-weight: 600; font-size: .88rem; } .ebas-condividi__campi select { display: block; width: 100%; margin-top: .3rem; padding: .5rem; border-radius: 8px; border: 1px solid var(--ebas-bordo); background: var(--ebas-bianco); color: var(--ebas-testo); } .ebas-condividi textarea { width: 100%; margin-top: .3rem; font: .78rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; padding: .5rem; border-radius: 8px; border: 1px solid var(--ebas-bordo); background: var(--ebas-sfondo); color: var(--ebas-testo); } .ebas-condividi__anteprima { margin-top: .6rem; padding: 1rem; border-radius: var(--ebas-r); background: var(--ebas-sfondo); border: 1px solid var(--ebas-bordo); } .ebas-condividi__avviso { margin: 0 0 .9rem; padding: .7rem .9rem; border-radius: 10px; background: rgba(30, 111, 242, .07); border-left: 3px solid var(--ebas-primario); line-height: 1.55; } /* Guide con la cartina disegnata (Basilicata coast to coast) */ .ebas-hero-mappa { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .ebas-hero-mappa .ebas-banner-viaggio__titolo { font-size: clamp(2rem, 4.4vw, 3rem); } .ebas-hero-mappa__tappe { counter-reset: tappa; } .ebas-hero-mappa__tappe li { counter-increment: tappa; } .ebas-hero-mappa__tappe a::before { content: counter(tappa); width: 1.25rem; height: 1.25rem; display: inline-flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 800; color: #0e1f3d; } .ebas-bv__mare { fill: rgba(255, 255, 255, .75); font: italic 600 13px/1 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .08em; text-transform: uppercase; } .ebas-bv__mari .ebas-bv__onda { stroke: rgba(255, 255, 255, .35); stroke-width: 1.6; } /* Guida dei carnevali: testata colorata e illustrazione */ .ebas-hero-guida--carnevali-basilicata { background: linear-gradient(135deg, #1446c8 0%, #b05cff 45%, #ff3d7f 75%, #ffb703 100%); min-height: clamp(220px, 26vw, 320px); } .ebas-guida-testo .ebas-illustrazione { margin: 0 0 1.6rem; } .ebas-guida-testo .ebas-illustrazione img { display: block; width: 100%; height: auto; border-radius: var(--ebas-r-grande); box-shadow: var(--ebas-ombra-forte); } .ebas-guida-testo .ebas-illustrazione figcaption { margin-top: .5rem; font-size: .88rem; color: var(--ebas-tenue); text-align: center; } /* Tracce GPX dei sentieri */ .ebas-gpx { margin: 1rem 0 1.6rem; padding: 1.1rem 1.2rem; border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); border: 1px solid var(--ebas-bordo); box-shadow: var(--ebas-ombra); color: var(--ebas-testo); font-size: .95rem; } .ebas-gpx__testa { display: flex; align-items: center; gap: .5rem; margin-bottom: .7rem; font-size: 1.02rem; } .ebas-gpx__testa .ebas-icona { color: var(--ebas-primario); } .ebas-gpx__dati { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: .6rem; margin: 0 0 .8rem; } .ebas-gpx__dati div { padding: .5rem .7rem; border-radius: 10px; background: var(--ebas-sfondo); } .ebas-gpx__dati dt { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: var(--ebas-tenue); } .ebas-gpx__dati dd { margin: .1rem 0 0; font-weight: 800; font-size: 1.05rem; } .ebas-gpx__profilo { display: block; width: 100%; height: 90px; margin: 0 0 .8rem; } .ebas-gpx__area { fill: color-mix(in srgb, var(--ebas-primario) 18%, transparent); } .ebas-gpx__linea { stroke: var(--ebas-primario); stroke-width: 2.2; vector-effect: non-scaling-stroke; } .ebas-gpx .ebas-azioni { margin: 0 0 .5rem; display: flex; flex-wrap: wrap; gap: .5rem; } .ebas-gpx .ebas-nota { margin: 0; font-size: .8rem; color: var(--ebas-tenue); } /* Zone turistiche e pagina «Tutte le guide» */ .ebas-zone__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .9rem; } .ebas-zone__card { display: flex; flex-direction: column; gap: .4rem; height: 100%; padding: 1rem 1.1rem; border: 1px solid var(--ebas-bordo); border-radius: var(--ebas-r-grande); background: var(--ebas-bianco); color: var(--ebas-testo) !important; text-decoration: none !important; transition: border-color .15s, box-shadow .15s, transform .15s; } .ebas-zone__card:hover { border-color: var(--ebas-primario); box-shadow: var(--ebas-ombra); transform: translateY(-2px); } .ebas-zone__card:focus-visible { outline: none; box-shadow: var(--ebas-fuoco); } .ebas-zone__nome { display: flex; align-items: center; gap: .45rem; font-weight: 800; font-size: 1.02rem; line-height: 1.25; color: var(--ebas-primario); } .ebas-zone__nome svg { flex: none; width: 1.1rem; height: 1.1rem; } .ebas-zone__testo { font-size: .88rem; line-height: 1.45; color: var(--ebas-tenue); } .ebas-zone__paesi { margin-top: auto; font-size: .8rem; font-weight: 600; color: var(--ebas-tenue); } .ebas-guide-tutte .ebas-vetrina { margin-bottom: 2.5rem; } .ebas-guida-sidebar__tutte { display: inline-flex; align-items: center; gap: .25rem; margin-top: .8rem; color: var(--ebas-primario); font-weight: 600; font-size: .92rem; text-decoration: none; } .ebas-guida-sidebar__tutte svg { width: 1rem; height: 1rem; } .ebas-guida-sidebar__zone { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; } .ebas-guida-sidebar__zone a { display: inline-block; padding: .35rem .75rem; border-radius: 999px; background: var(--ebas-primario-chiaro); color: var(--ebas-primario); font-size: .84rem; font-weight: 600; text-decoration: none; } .ebas-guida-sidebar__zone a:hover { background: var(--ebas-primario); color: #fff; } /* Assistente AI: «Migliora il testo» e ricerca intelligente */ .ebas-ai-box { margin: .6rem 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; } .ebas-ai-box__nota { font-size: .85rem; color: var(--ebas-tenue); flex: 1 1 260px; } .ebas-ai-box__stato { flex-basis: 100%; margin: 0; font-size: .9rem; } .ebas-ai-box__stato:empty { display: none; } .ebas-ai-box__anteprima { flex-basis: 100%; padding: 1rem 1.1rem; border: 1px dashed var(--ebas-primario); border-radius: var(--ebas-r); background: var(--ebas-primario-chiaro); } .ebas-ai-box__titolo { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-bottom: .8rem; } .ebas-ai-box__testo { background: var(--ebas-bianco); border-radius: var(--ebas-r-piccolo); padding: .8rem 1rem; max-height: 420px; overflow: auto; } .ebas-ai-capito { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; margin: 0 0 1rem; padding: .7rem 1rem; border-radius: var(--ebas-r); background: var(--ebas-primario-chiaro); color: var(--ebas-testo); } .ebas-ai-capito svg { width: 1.1rem; height: 1.1rem; color: var(--ebas-primario); flex: none; } .ebas-ai-capito p { margin: 0; flex: 1 1 220px; } .ebas-ai-capito a { color: var(--ebas-primario); font-weight: 600; font-size: .9rem; } /* Pianifica il tuo viaggio: tappe raggruppate per paese */ .ebas-viaggio__paese { margin: 0 0 1rem; } .ebas-viaggio__paese:last-child { margin-bottom: 0; } .ebas-viaggio__paese-titolo { display: flex; align-items: center; gap: .45rem; margin: .2rem 0 .55rem; font-size: 1rem; font-weight: 800; color: var(--ebas-testo); } .ebas-viaggio__paese-titolo > svg { width: 1.1rem; height: 1.1rem; flex: none; color: var(--ebas-primario); } .ebas-viaggio__paese-titolo small { font-weight: 600; font-size: .8rem; color: var(--ebas-tenue); } .ebas-viaggio__paese-titolo em { font-style: normal; font-weight: 600; font-size: .78rem; color: var(--ebas-tenue); padding: .1rem .5rem; border-radius: 999px; background: var(--ebas-sfondo); } .ebas-viaggio__paese-tasti { display: inline-flex; gap: .25rem; margin-left: auto; } .ebas-viaggio__paese .ebas-viaggio__lista { padding-left: .9rem; border-left: 2px solid var(--ebas-primario-chiaro); } @media print { .ebas-viaggio__paese-tasti { display: none !important; } .ebas-viaggio__paese { break-inside: avoid-page; } }