:root {
--et-primary:   #8B1A1A;
--et-primary-d: #6a1212;
--et-accent:    #D4AF37;
--et-dark:      #1a1a2e;
--et-gray:      #6c757d;
--et-light:     #f8f7f5;
--et-border:    #e2ddd8;
--et-radius:    12px;
--et-shadow:    0 2px 14px rgba(0,0,0,.07);
--et-shadow-h:  0 8px 28px rgba(0,0,0,.13);
--et-font:      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--et-trans:     .2s ease;
} .et-toolbar {
background: #fff;
border: 1px solid var(--et-border);
border-radius: var(--et-radius);
box-shadow: var(--et-shadow);
padding: 16px 20px;
margin-bottom: 24px;
display: flex;
flex-direction: column;
gap: 14px;
} .et-cta-wrapper {
margin-bottom: 14px;
display: flex;
justify-content: flex-end;
}
.et-cta-aggiungi {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 22px;
background: var(--et-primary);
color: #fff !important;
border-radius: 9px;
font-family: var(--et-font);
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
transition: var(--et-trans);
box-shadow: 0 4px 14px rgba(139,26,26,.28);
white-space: nowrap;
letter-spacing: .01em;
}
.et-cta-aggiungi:hover {
background: var(--et-primary-d);
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(139,26,26,.36);
color: #fff !important;
}
.et-filters-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 14px 22px;
}
.et-filter-group {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.et-filter-label {
display: inline-flex;
align-items: center;
gap: 5px;
font-family: var(--et-font);
font-size: 11px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: var(--et-gray);
white-space: nowrap;
min-width: 80px;
} .et-date-form {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
} .et-date-fields {
display: flex;
align-items: stretch;
gap: 8px;
flex-wrap: wrap;
}
.et-filter-date .et-date-field,
.et-date-field {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
gap: 2px !important;
background: #fff !important;
border: 1.5px solid #d9d5cf !important;
border-radius: 9px !important;
padding: 6px 12px !important;
min-height: 48px !important;
height: auto !important;
width: 122px;
box-sizing: border-box !important;
cursor: pointer !important;
position: relative !important;
transition: border-color var(--et-trans), box-shadow var(--et-trans);
}
.et-date-field:focus-within {
border-color: var(--et-primary) !important;
box-shadow: 0 0 0 3px rgba(139,26,26,.08);
}
.et-date-field-label {
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: .05em;
text-transform: uppercase;
color: #a0a0a0 !important;
line-height: 1 !important;
margin: 0 !important;
pointer-events: none;
}
.et-date-inp {
border: none !important;
background: transparent !important;
font-family: var(--et-font) !important;
font-size: 14px !important;
color: var(--et-dark) !important;
padding: 0 !important;
margin: 0 !important;
height: 22px !important;
min-height: 0 !important;
max-height: 24px !important;
line-height: 22px !important;
width: 100% !important;
min-width: 0 !important;
outline: none !important;
box-shadow: none !important;
cursor: pointer;
}
.et-date-inp::-webkit-calendar-picker-indicator {
opacity: .7;
cursor: pointer;
margin-left: 2px;
}
.et-date-clear {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 0 14px;
min-height: 48px;
font-family: var(--et-font);
font-size: 12.5px;
font-weight: 600;
color: var(--et-primary);
background: rgba(139,26,26,.08);
border-radius: 9px;
text-decoration: none !important;
transition: var(--et-trans);
white-space: nowrap;
}
.et-date-clear svg { flex-shrink: 0; }
.et-date-clear:hover { background: var(--et-primary); color: #fff; } .et-pills {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.et-pill {
display: inline-flex;
align-items: center;
padding: 6px 14px;
border-radius: 999px;
font-family: var(--et-font);
font-size: 13px;
font-weight: 600;
color: var(--et-gray);
background: var(--et-light);
border: 1.5px solid var(--et-border);
text-decoration: none !important;
transition: var(--et-trans);
white-space: nowrap;
}
.et-pill:hover { color: var(--et-primary); border-color: var(--et-primary); background: #fff; }
.et-pill.active { background: var(--et-primary); color: #fff !important; border-color: var(--et-primary); } .et-cat-form { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.et-cat-select-wrap { position: relative; display: inline-flex; width: 100%; max-width: 320px; }
.et-cat-select {
-webkit-appearance: none; -moz-appearance: none; appearance: none;
width: 100%;
padding: 10px 40px 10px 14px;
border: 1.5px solid var(--et-border);
border-radius: 8px;
background-color: var(--et-light);
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'14'%20height%3D'14'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23888'%20stroke-width%3D'2.5'%3E%3Cpolyline%20points%3D'6%209%2012%2015%2018%209'%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: right 13px center;
font-family: var(--et-font);
font-size: 14px; font-weight: 600;
color: var(--et-dark);
cursor: pointer;
transition: border-color var(--et-trans), background-color var(--et-trans);
}
.et-cat-select:hover { border-color: var(--et-primary); background-color: #fff; }
.et-cat-select:focus { outline: none; border-color: var(--et-primary); background-color: #fff; box-shadow: 0 0 0 3px rgba(139,26,26,.1); }
.et-cat-go {
padding: 9px 14px; border: none; border-radius: 8px;
background: var(--et-primary); color: #fff; font-weight: 700; cursor: pointer;
} .et-segmented {
display: inline-flex;
background: var(--et-light);
border: 1.5px solid var(--et-border);
border-radius: 8px;
padding: 3px;
gap: 2px;
}
.et-seg-btn {
display: inline-flex;
align-items: center;
padding: 6px 14px;
border-radius: 6px;
font-family: var(--et-font);
font-size: 13px;
font-weight: 600;
color: #666;
text-decoration: none !important;
transition: var(--et-trans);
white-space: nowrap;
}
.et-seg-btn:hover { color: var(--et-primary); }
.et-seg-btn.active { background: #fff; color: var(--et-primary) !important; box-shadow: 0 1px 4px rgba(0,0,0,.1); } .et-reset-btn {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 12px;
font-family: var(--et-font);
font-size: 12px;
font-weight: 600;
color: var(--et-gray);
border: 1.5px solid var(--et-border);
border-radius: 7px;
text-decoration: none !important;
transition: var(--et-trans);
white-space: nowrap;
background: #fff;
}
.et-reset-btn:hover { color: var(--et-primary); border-color: var(--et-primary); } .et-results-count { font-size: 13px; color: var(--et-gray); margin-bottom: 16px; font-style: italic; } .et-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
gap: 24px;
} .et-card {
background: #fff;
border-radius: var(--et-radius);
box-shadow: var(--et-shadow);
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform var(--et-trans), box-shadow var(--et-trans);
border: 1px solid var(--et-border);
}
.et-card:hover { transform: translateY(-4px); box-shadow: var(--et-shadow-h); }
.et-card-img-link { display:block; position:relative; overflow:hidden; aspect-ratio:16/9; text-decoration:none; }
.et-card-img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; display:block; }
.et-card:hover .et-card-img { transform:scale(1.04); }
.et-card-img-placeholder { background:linear-gradient(135deg, var(--et-primary) 0%, var(--et-primary-d) 100%); display:flex; align-items:center; justify-content:center; font-size:50px; color:rgba(255,255,255,.2); height:100%; }
.et-card-badges { position:absolute; top:10px; left:10px; display:flex; gap:5px; flex-wrap:wrap; }
.et-badge { display:inline-block; padding:4px 10px; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.badge-oggi    { background:var(--et-accent); color:var(--et-dark); }
.badge-weekend { background:rgba(255,255,255,.9); color:var(--et-primary); }
.badge-gratis  { background:#1a7a4a; color:#fff; }
.et-card-body { padding:18px 20px 20px; display:flex; flex-direction:column; flex:1; }
.et-card-cat  { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--et-primary); margin-bottom:7px; display:block; }
.et-card-title { font-size:16px; font-weight:700; line-height:1.3; margin:0 0 10px; color:var(--et-dark); }
.et-card-title a { color:inherit; text-decoration:none; transition:color var(--et-trans); }
.et-card-title a:hover { color:var(--et-primary); }
.et-card-meta { display:flex; flex-wrap:wrap; gap:5px 10px; margin-bottom:10px; font-size:12px; color:var(--et-gray); }
.et-meta-item { display:flex; align-items:center; gap:4px; }
.et-meta-full  { width:100%; }
.et-card-excerpt { font-size:13px; color:#555; line-height:1.6; flex:1; margin-bottom:14px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.et-card-footer { display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid var(--et-border); gap:8px; }
.et-prezzo-gratis { color:#1a7a4a; font-weight:700; font-size:13px; }
.et-prezzo-val    { color:var(--et-primary); font-weight:700; font-size:14px; }
.et-card-actions  { display:flex; gap:7px; }
.et-btn-primary, .et-btn-secondary {
display:inline-flex; align-items:center;
padding:7px 14px; border-radius:7px;
font-family:var(--et-font); font-size:13px; font-weight:600;
text-decoration:none !important; transition:var(--et-trans); cursor:pointer;
}
.et-btn-primary  { background:var(--et-primary); color:#fff !important; }
.et-btn-primary:hover  { background:var(--et-primary-d); }
.et-btn-secondary { background:var(--et-light); color:var(--et-dark) !important; border:1px solid var(--et-border); }
.et-btn-secondary:hover { background:var(--et-border); } .et-list-url-testo {
display:inline-flex; align-items:center; gap:6px;
padding:7px 14px; border-radius:7px;
font-family:var(--et-font); font-size:13px; font-weight:500;
color:var(--et-muted, #888);
background:var(--et-light); border:1px solid var(--et-border);
max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
cursor:default; user-select:all;
}
.et-list-url-testo svg { flex-shrink:0; opacity:.55; }
.et-no-eventi { text-align:center; padding:60px 20px; color:var(--et-gray); }
.et-no-eventi-icon { font-size:48px; margin-bottom:12px; }
.et-no-eventi p { font-size:16px; margin-bottom:16px; } .et-single { font-family:var(--et-font); }
.et-cats-inline { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:16px; }
.et-single-cat {
display:inline-block;
background:var(--et-primary); color:#fff;
font-size:11px; font-weight:700; letter-spacing:.06em;
text-transform:uppercase; padding:4px 12px; border-radius:999px;
}
.et-cat-location { background:var(--et-dark); }
.et-single-infobox {
display:grid;
grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
gap:12px;
background:var(--et-light);
border-radius:var(--et-radius);
padding:18px;
margin-bottom:22px;
border:1px solid var(--et-border);
}
.et-info-item { display:flex; align-items:flex-start; gap:10px; }
.et-info-icon {
width:34px; height:34px;
background:var(--et-primary); color:#fff;
border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.et-info-label { font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--et-gray); margin-bottom:3px; }
.et-info-value { font-size:14px; font-weight:600; color:var(--et-dark); line-height:1.3; }
.et-prezzo-badge-gratis { background:#1a7a4a; color:#fff; padding:3px 10px; border-radius:999px; font-size:12px; }
.et-prezzo-badge-paid   { background:var(--et-primary); color:#fff; padding:3px 10px; border-radius:999px; font-size:12px; }
.et-single-cta { margin-bottom:22px; }
.et-btn-cta {
display:inline-flex; align-items:center; gap:8px;
padding:12px 22px; background:var(--et-primary); color:#fff !important;
border-radius:9px; font-family:var(--et-font); font-size:14px; font-weight:700;
text-decoration:none !important; transition:var(--et-trans);
box-shadow:0 3px 10px rgba(139,26,26,.25);
}
.et-btn-cta:hover { background:var(--et-primary-d); transform:translateY(-1px); box-shadow:0 5px 14px rgba(139,26,26,.32); } .et-url-testo {
display:inline-flex; align-items:center; gap:7px;
font-size:13px; color:#666; font-family:var(--et-font);
background:#f5f5f5; border:1px solid #e0e0e0;
border-radius:7px; padding:9px 14px;
word-break:break-all; cursor:default;
user-select:text;
}
.et-url-testo svg { flex-shrink:0; opacity:.5; }
.et-single-content { line-height:1.85; font-size:16px; color:#333; margin-bottom:28px; }
.et-single-gallery { margin-bottom:28px; }
.et-gallery-title { font-size:16px; font-weight:700; color:var(--et-dark); margin-bottom:12px; padding-bottom:8px; border-bottom:2px solid var(--et-border); }
.et-gallery-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:8px; }
.et-gallery-item img { width:100%; height:140px; object-fit:cover; border-radius:8px; transition:transform var(--et-trans); display:block; }
.et-gallery-item img:hover { transform:scale(1.04); }
.et-single-nav { display:flex; justify-content:space-between; gap:12px; margin-top:32px; padding-top:20px; border-top:1px solid var(--et-border); }
.et-single-nav a { flex:1; padding:10px 14px; border-radius:9px; border:1px solid var(--et-border); color:var(--et-dark) !important; text-decoration:none !important; font-family:var(--et-font); font-size:13px; font-weight:600; transition:var(--et-trans); display:flex; align-items:center; gap:6px; overflow:hidden; }
.et-single-nav a:hover { border-color:var(--et-primary); color:var(--et-primary) !important; background:var(--et-light); }
.et-nav-next { justify-content:flex-end; text-align:right; } .et-form-wrapper {
min-height: 200px; max-width:680px; margin:0 auto; font-family:var(--et-font); }
.et-progress { margin-bottom:28px; }
.et-progress-bar { height:3px; background:var(--et-border); border-radius:2px; margin-bottom:12px; overflow:hidden; }
.et-progress-fill { height:100%; background:linear-gradient(90deg, var(--et-primary), var(--et-accent)); border-radius:2px; transition:width .4s ease; width:33.33%; }
.et-steps-labels { display:flex; justify-content:space-between; }
.et-step-label { font-size:12px; font-weight:600; color:var(--et-gray); letter-spacing:.04em; transition:color var(--et-trans); }
.et-step-label.active { color:var(--et-primary); }
.et-step { display:none; background:#fff; border-radius:var(--et-radius); padding:32px; box-shadow:var(--et-shadow); border:1px solid var(--et-border); animation:et-fadein .25s ease; }
.et-step.active { display:block; }
@keyframes et-fadein { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
.et-step-header { text-align:center; margin-bottom:24px; }
.et-step-icon   { font-size:36px; margin-bottom:8px; }
.et-step-header h3 { font-size:18px; font-weight:800; color:var(--et-dark); margin:0 0 4px; }
.et-step-header p  { color:var(--et-gray); font-size:13px; margin:0; }
.et-field { margin-bottom:18px; }
.et-field label { display:block; font-size:13px; font-weight:700; color:#333; margin-bottom:6px; font-family:var(--et-font); }
.et-optional { font-weight:400; color:var(--et-gray); font-size:12px; }
.req { color:var(--et-primary); }
.et-field input[type="text"],
.et-field input[type="email"],
.et-field input[type="url"],
.et-field input[type="date"],
.et-field input[type="time"],
.et-field select,
.et-field textarea {
width:100% !important; padding:10px 13px !important;
border:1.5px solid var(--et-border) !important; border-radius:8px !important;
font-size:14px !important; color:var(--et-dark) !important; background:#fff !important;
transition:border-color var(--et-trans), box-shadow var(--et-trans) !important;
box-sizing:border-box !important; font-family:var(--et-font) !important;
box-shadow:none !important;
}
.et-field input:focus, .et-field select:focus, .et-field textarea:focus {
outline:none !important; border-color:var(--et-primary) !important;
box-shadow:0 0 0 3px rgba(139,26,26,.1) !important;
}
.et-field textarea { resize:vertical; min-height:120px; line-height:1.6; }
.et-field small { display:block; margin-top:4px; font-size:12px; color:var(--et-gray); }
.et-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .et-prezzo-row { margin-bottom:10px; }
.et-toggle-label {
display:inline-flex !important;
align-items:center !important;
gap:10px !important;
cursor:pointer !important;
user-select:none;
font-family:var(--et-font);
font-weight:600;
font-size:14px;
color:var(--et-dark);
} .et-toggle-label input[type="checkbox"] {
position:absolute !important;
opacity:0 !important;
width:0 !important;
height:0 !important;
pointer-events:none !important;
} .et-toggle-track {
position:relative;
display:inline-block;
width:42px;
height:24px;
background:var(--et-border);
border-radius:999px;
transition:background var(--et-trans);
flex-shrink:0;
} .et-toggle-thumb {
position:absolute;
top:3px; left:3px;
width:18px; height:18px;
background:#fff;
border-radius:50%;
transition:transform var(--et-trans);
box-shadow:0 1px 4px rgba(0,0,0,.2);
pointer-events:none;
} .et-toggle-track.is-on { background:#1a7a4a; }
.et-toggle-track.is-on .et-toggle-thumb { transform:translateX(18px); }
.et-toggle-text { line-height:1; }
.et-prezzo-input-wrap { margin-top:10px; }
.et-input-euro { position:relative; display:flex; align-items:center; }
.et-euro-sym { position:absolute; left:13px; color:var(--et-gray); font-weight:700; font-size:15px; pointer-events:none; z-index:1; }
.et-field .et-input-euro input[type="text"],
.et-input-euro input { padding-left:34px !important; } .et-upload-area { border:2px dashed var(--et-border); border-radius:10px; transition:border-color var(--et-trans),background var(--et-trans); overflow:hidden; cursor:pointer; position:relative; }
.et-upload-area:hover, .et-upload-area.dragover { border-color:var(--et-primary); background:rgba(139,26,26,.03); }
.et-upload-area input[type="file"] { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; }
.et-upload-placeholder { padding:22px; text-align:center; pointer-events:none; }
.et-upload-icon { font-size:30px; margin-bottom:6px; display:block; }
.et-upload-placeholder p { margin:0 0 4px; font-size:14px; font-weight:600; color:#444; }
.et-upload-placeholder small { color:var(--et-gray); font-size:12px; }
.et-preview-grid { display:flex; flex-wrap:wrap; gap:8px; padding:10px; }
.et-preview-item { position:relative; width:72px; height:72px; border-radius:7px; overflow:hidden; }
.et-preview-item img { width:100%; height:100%; object-fit:cover; }
.et-preview-remove { position:absolute; top:3px; right:3px; width:18px; height:18px; background:rgba(0,0,0,.65); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; cursor:pointer; border:none; font-family:sans-serif; } .et-privacy-note { display:flex; gap:14px; align-items:flex-start; background:#f0f7ff; border-radius:10px; padding:15px; margin-bottom:16px; border:1px solid #c8dff5; }
.et-privacy-note-icon { font-size:20px; flex-shrink:0; margin-top:1px; }
.et-privacy-note strong { display:block; font-size:13px; color:#1a3a5c; margin-bottom:4px; }
.et-privacy-note p { margin:0 0 6px; font-size:13px; color:#3a5a7c; line-height:1.5; }
.et-privacy-note p:last-child { margin-bottom:0; }
.et-verify-hint { font-size:12px !important; background:rgba(139,26,26,.06); border-radius:6px; padding:8px 10px; color:#555 !important; }
.et-field-privacy { margin-top:4px; }
.et-privacy-check-label { display:flex !important; align-items:flex-start !important; gap:10px !important; cursor:pointer !important; font-weight:normal !important; font-size:13px !important; color:#444 !important; line-height:1.5 !important; }
.et-privacy-check-label input[type="checkbox"] { width:16px !important; height:16px !important; margin-top:2px !important; flex-shrink:0 !important; accent-color:var(--et-primary) !important; cursor:pointer !important; }
.et-privacy-check-label a { color:var(--et-primary) !important; text-decoration:underline !important; } .et-nav { display:flex; justify-content:space-between; align-items:center; margin-top:22px; padding-top:16px; border-top:1px solid var(--et-border); gap:10px; }
.et-btn-next, .et-btn-prev, .et-btn-submit {
display:inline-flex; align-items:center; gap:6px;
padding:11px 22px; border-radius:8px; font-size:14px; font-weight:700;
border:none; cursor:pointer; transition:var(--et-trans); font-family:var(--et-font);
}
.et-btn-next, .et-btn-submit { background:var(--et-primary); color:#fff; margin-left:auto; }
.et-btn-next:hover, .et-btn-submit:hover { background:var(--et-primary-d); }
.et-btn-prev { background:var(--et-light); color:var(--et-dark); border:1px solid var(--et-border); }
.et-btn-prev:hover { background:var(--et-border); }
.et-btn-submit:disabled { background:#ccc; cursor:not-allowed; } .et-spinner {
display:inline-block;
width:14px; height:14px;
border:2px solid rgba(255,255,255,.4);
border-top-color:#fff;
border-radius:50%;
animation:et-spin .7s linear infinite;
vertical-align:middle;
margin-right:4px;
}
@keyframes et-spin { to { transform:rotate(360deg); } } .et-btn-submit.et-submit-loading {
background:#888;
cursor:not-allowed;
} .et-btn-submit.et-submit-done {
background:#27ae60;
cursor:default;
opacity:.9;
} #et-message { margin-top:18px; }
.et-msg-success { background:#d4f7e2; border:1px solid #a8e6c0; color:#1a5c36; padding:16px 20px; border-radius:10px; font-weight:600; font-size:14px; line-height:1.5; }
.et-msg-error   { background:#fde8e8; border:1px solid #f5b8b8; color:#7a1a1a; padding:16px 20px; border-radius:10px; font-weight:600; font-size:14px; }
.et-msg-loading { background:var(--et-light); border:1px solid var(--et-border); color:var(--et-gray); padding:16px 20px; border-radius:10px; font-size:14px; } .et-msg-success-final {
display:flex; flex-direction:column; align-items:center;
text-align:center; padding:40px 30px; gap:12px;
font-weight:normal;
}
.et-msg-success-icon {
width:56px; height:56px; border-radius:50%;
background:#1a5c36; color:#fff;
display:flex; align-items:center; justify-content:center;
font-size:28px; font-weight:700; flex-shrink:0;
}
.et-msg-success-final strong { font-size:18px; color:#1a5c36; }
.et-msg-success-final p { margin:0; font-size:14px; color:#3a7a56; font-weight:normal; max-width:380px; line-height:1.6; } .et-confirm-callout {
display:flex; gap:12px; align-items:flex-start; text-align:left;
background:#fff; border:1px solid #f3c9c9; border-left:4px solid #8B1A1A;
border-radius:10px; padding:14px 16px; margin-top:6px;
max-width:440px; width:100%;
}
.et-confirm-callout-icon { font-size:20px; line-height:1.2; flex-shrink:0; margin-top:1px; }
.et-confirm-callout-body { min-width:0; }
.et-confirm-callout strong { display:block; font-size:14px; color:#8B1A1A; margin-bottom:3px; }
.et-confirm-callout p { margin:0; font-size:13px; color:#7a3535; line-height:1.5; } .et-confirm-notice {
display:flex; gap:12px; align-items:flex-start;
background:#fdf0f0; border:1px solid #f3c9c9; border-left:4px solid #8B1A1A;
border-radius:10px; padding:14px 16px; margin:0 0 16px;
}
.et-confirm-notice-icon { font-size:20px; flex-shrink:0; margin-top:1px; }
.et-confirm-notice strong { display:block; font-size:13px; color:#8B1A1A; margin-bottom:4px; }
.et-confirm-notice p { margin:0; font-size:13px; color:#7a3535; line-height:1.5; } @media (max-width:768px) {
.et-toolbar { padding:14px; }
.et-filters-wrap { flex-direction:column; align-items:stretch; gap:12px; }
.et-filter-group { flex-direction:column; align-items:flex-start; gap:6px; width:100%; }
.et-filter-label { min-width:unset; }
.et-cta-aggiungi { width:100%; justify-content:center; }
.et-date-form { width:100%; }
.et-date-fields { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.et-date-field { width:auto !important; min-width:0 !important; }
.et-date-clear { grid-column:1 / -1; justify-content:center; min-height:42px; }
.et-segmented { width:100%; }
.et-seg-btn { flex:1; justify-content:center; } .et-cat-form { width:100%; }
.et-cat-select-wrap { max-width:100%; }
.et-row { grid-template-columns:1fr; }
.et-step { padding:20px 16px; }
.et-grid { grid-template-columns:1fr; }
.et-single-infobox { grid-template-columns:1fr; }
.et-single-nav { flex-direction:column; }
.et-single-nav a { justify-content:center; text-align:center; }
} .et-sidebar-list {
display: flex;
flex-direction: column;
gap: 0;
max-width: 100%;
overflow: hidden;
}
.et-sidebar-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid var(--et-border);
text-decoration: none !important;
transition: opacity var(--et-trans);
}
.et-sidebar-item:last-child {
border-bottom: none;
}
.et-sidebar-item:hover {
opacity: .78;
text-decoration: none !important;
} .et-sidebar-img {
width: 64px;
height: 64px;
flex-shrink: 0;
border-radius: 8px;
overflow: hidden;
}
.et-sidebar-thumb {
width: 64px !important;
height: 64px !important;
object-fit: cover !important;
display: block;
border-radius: 8px;
}
.et-sidebar-thumb-placeholder {
width: 64px;
height: 64px;
background: var(--et-light);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: var(--et-gray);
border: 1px solid var(--et-border);
} .et-sidebar-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 4px;
padding-top: 2px;
}
.et-sidebar-meta {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
}
.et-sidebar-date,
.et-sidebar-place {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 11px;
font-weight: 600;
color: var(--et-gray);
font-family: var(--et-font);
white-space: nowrap;
line-height: 1.3;
min-width: 0;
max-width: 100%;
overflow: hidden;
}
.et-sidebar-place svg { flex-shrink: 0; } .et-sidebar-place-txt {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
.et-sidebar-date { color: var(--et-primary); }
.et-sidebar-title {
font-size: 13px;
font-weight: 700;
color: var(--et-dark);
font-family: var(--et-font);
line-height: 1.35;
overflow: hidden;
overflow-wrap: anywhere;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.et-sidebar-empty {
font-size: 13px;
color: var(--et-gray);
font-style: italic;
margin: 0;
padding: 8px 0;
} .et-lista {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 8px;
}
.et-lista .et-list-item {
display: flex !important;
flex-direction: row !important;
gap: 0;
background: #fff;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,.07);
border: 1px solid #f0f0f0;
transition: box-shadow .22s ease, transform .22s ease;
min-height: 200px;
}
.et-lista .et-list-item:hover {
box-shadow: 0 8px 28px rgba(139,26,26,.13);
transform: translateY(-2px);
} .et-list-img-wrap {
position: relative;
flex-shrink: 0;
width: 240px;
min-height: 200px;
display: block !important;
overflow: hidden;
text-decoration: none;
background: #f5e8e8;
}
.et-lista .et-list-item .et-list-img-wrap img.et-list-img,
.et-lista .et-list-item .et-list-img-wrap .et-list-img {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
display: block !important;
transition: transform .35s ease;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.et-list-item:hover .et-list-img { transform: scale(1.04); }
.et-list-img-placeholder {
width: 100%;
height: 100%;
min-height: 200px;
background: linear-gradient(135deg, #f5e8e8 0%, #ecdada 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
} .et-list-date-badge {
position: absolute;
top: 14px;
left: 14px;
background: #8B1A1A;
color: #fff;
border-radius: 9px;
padding: 6px 10px;
text-align: center;
min-width: 44px;
box-shadow: 0 2px 8px rgba(0,0,0,.25);
line-height: 1;
}
.et-list-date-day {
display: block;
font-size: 20px;
font-weight: 800;
font-family: var(--et-font);
}
.et-list-date-mon {
display: block;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .05em;
margin-top: 2px;
opacity: .85;
} .et-list-overlay-badge {
position: absolute;
bottom: 12px;
left: 12px;
font-size: 11px;
font-weight: 700;
padding: 4px 10px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: .04em;
}
.et-list-overlay-badge.badge-oggi    { background: #e74c3c; color: #fff; }
.et-list-overlay-badge.badge-weekend { background: #f39c12; color: #fff; } .et-list-body {
flex: 1;
padding: 22px 24px;
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
}
.et-list-top {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.et-list-cat {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: #8B1A1A;
background: #fdf0f0;
border: 1px solid #f5c6c6;
padding: 3px 10px;
border-radius: 20px;
}
.et-list-cat-gratis { color: #1a5c36; background: #edfaf3; border-color: #b2e8cc; }
.et-list-cat-paid   { color: #7a4f00; background: #fff8ec; border-color: #ffd88a; }
.et-list-title {
margin: 0;
font-size: 19px;
font-weight: 800;
font-family: var(--et-font);
line-height: 1.3;
color: var(--et-dark);
}
.et-list-title a {
color: inherit;
text-decoration: none;
transition: color .18s;
}
.et-list-title a:hover { color: #8B1A1A; }
.et-list-meta {
display: flex;
flex-wrap: wrap;
gap: 10px 18px;
}
.et-list-meta-item {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12.5px;
color: var(--et-gray);
}
.et-list-meta-item svg { flex-shrink: 0; opacity: .6; }
.et-list-excerpt {
font-size: 13.5px;
color: #555;
line-height: 1.6;
flex: 1;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.et-list-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 4px;
} @media (max-width: 640px) { .et-lista .et-list-item {
display: flex !important;
flex-direction: row !important;
min-height: 110px !important;
align-items: stretch !important;
}
.et-lista .et-list-item .et-list-img-wrap {
width: 110px !important;
min-width: 110px !important;
max-width: 110px !important;
height: auto !important;
min-height: 110px !important;
flex-shrink: 0 !important;
}
.et-lista .et-list-item .et-list-img-wrap img.et-list-img,
.et-lista .et-list-item .et-list-img-wrap .et-list-img {
width: 110px !important;
height: 100% !important;
min-height: 110px !important;
object-fit: cover !important;
}
.et-lista .et-list-item .et-list-img-placeholder {
min-height: 110px !important;
width: 110px !important;
}
.et-lista .et-list-item .et-list-body {
flex: 1 !important;
padding: 10px 12px !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
min-width: 0 !important;
overflow: hidden !important;
}
.et-list-title { font-size: 14px !important; }
.et-list-date-badge { top: 6px; left: 6px; padding: 4px 7px; }
.et-list-date-day { font-size: 15px; }
.et-list-date-mon { font-size: 9px; }
.et-list-excerpt { display: none; }
.et-list-meta { gap: 4px 10px; }
.et-list-meta-item { font-size: 11px; }
.et-list-actions { gap: 6px; margin-top: 2px; }
.et-list-actions .et-btn-primary { font-size: 12px; padding: 7px 12px; }
.et-list-actions .et-btn-secondary { font-size: 12px; padding: 7px 12px; }
} .et-autocomplete-wrap {
position: relative;
}
.et-autocomplete-list {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid var(--et-border);
border-top: none;
border-radius: 0 0 10px 10px;
box-shadow: 0 8px 24px rgba(0,0,0,.12);
list-style: none;
margin: 0;
padding: 4px 0;
z-index: 9999;
max-height: 260px;
overflow-y: auto;
display: none;
}
.et-ac-item {
padding: 10px 14px;
font-size: 13px;
color: var(--et-dark);
cursor: pointer;
border-bottom: 1px solid #f5f5f5;
line-height: 1.4;
transition: background .12s;
}
.et-ac-item:last-child { border-bottom: none; }
.et-ac-item:hover { background: #fdf0f0; color: #8B1A1A; }
.et-ac-empty {
padding: 10px 14px;
font-size: 13px;
color: var(--et-gray);
font-style: italic;
}
.et-optional {
font-size: 11px;
color: var(--et-gray);
font-weight: 400;
} .et-map-wrap {
margin: 24px 0;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 3px 14px rgba(0,0,0,.10);
border: 1px solid var(--et-border);
}
.et-map {
width: 100%;
height: 320px;
} .et-map-pin {
background: none !important;
border: none !important;
}
.et-map-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 18px;
background: #fff;
border-top: 1px solid #eee;
flex-wrap: wrap;
}
.et-map-footer-addr {
display: flex;
align-items: center;
gap: 7px;
font-size: 13px;
color: #555;
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.et-map-footer-addr svg { flex-shrink: 0; opacity: .6; }
.et-btn-raggiungi {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 11px 20px;
background: #8B1A1A;
color: #fff !important;
font-family: var(--et-font);
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
transition: background .18s, transform .15s;
border-radius: 10px;
white-space: nowrap;
box-shadow: 0 3px 10px rgba(139,26,26,.30);
flex-shrink: 0;
}
.et-btn-raggiungi:hover {
background: #6a1212;
transform: translateY(-1px);
box-shadow: 0 5px 16px rgba(139,26,26,.38);
} .et-quartiere-badge {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
font-weight: 600;
color: #8B1A1A;
background: #fdf0f0;
border: 1px solid #f5c6c6;
padding: 3px 8px;
border-radius: 20px;
margin-left: 8px;
white-space: nowrap;
vertical-align: middle;
}
.et-quartiere-badge svg { flex-shrink: 0; } article.et-list-item,
.et-lista article.et-list-item,
body .et-lista .et-list-item {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
float: none !important;
} .et-quartiere-row {
display: flex;
align-items: center;
gap: 7px;
font-size: 13.5px;
color: #555;
margin: 12px 0 20px;
padding: 10px 14px;
background: #fdf0f0;
border-radius: 8px;
border-left: 3px solid #8B1A1A;
}
.et-quartiere-row svg { flex-shrink: 0; color: #8B1A1A; }