/* Stili minimi di fallback per il modulo agenda,
   nel caso non sia attivo il tema "Studio Legale".
   Se il tema è attivo, questi stili vengono affinati da assets/css/custom.css del tema. */

.sl-agenda-wrapper { max-width: 760px; margin: 0 auto; font-family: Arial, sans-serif; }
.sl-modalita-toggle { display: flex; gap: 16px; margin-bottom: 24px; }
.sl-modalita-toggle label { flex: 1; text-align: center; padding: 14px; border: 2px solid #ddd; border-radius: 8px; cursor: pointer; }
.sl-slots-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px,1fr)); gap: 10px; margin-bottom: 24px; }
.sl-slot { border: 2px solid #ddd; border-radius: 8px; padding: 12px; text-align: center; cursor: pointer; }
.sl-slot.selected { border-color: #b08d57; background: #f7f4ef; }
.sl-form-row { margin-bottom: 16px; }
.sl-form-row label { display: block; font-weight: bold; margin-bottom: 4px; }
.sl-form-row input, .sl-form-row textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; }
.sl-form-msg { padding: 12px; border-radius: 6px; margin-bottom: 16px; }
.sl-form-msg.success { background: #e3f5e6; color: #226b33; }
.sl-form-msg.error { background: #fbe4e4; color: #a02222; }
.btn { display: inline-block; padding: 10px 22px; border-radius: 999px; background: #b08d57; color: #fff; border: none; cursor: pointer; }