.mblg-scheduler-widget{display:block;width:100%;background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px;max-width:none}
.mblg-scheduler-widget__title{margin:0 0 4px 0}
.mblg-scheduler-widget__sub{color:#646970;margin-bottom:12px}
.mblg-scheduler-widget__controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.mblg-scheduler-widget__controls label{display:flex;flex-direction:column;gap:6px}
.mblg-scheduler-widget__slots{border-top:1px solid #dcdcde;padding-top:12px;margin-top:12px}
.mblg-scheduler-slots__list{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}
.mblg-scheduler-slot{border:1px solid #2663EB;border-radius:999px;padding:8px 10px;cursor:pointer;background:#2663EB;color:#FFFFFF;transition:background-color .15s ease,border-color .15s ease,transform .15s ease;}
.mblg-scheduler-slot:hover{background:#1F56D6;border-color:#1F56D6;}
.mblg-scheduler-slot:active{transform:translateY(1px);}
.mblg-scheduler-slot:focus{outline:2px solid #2663EB;outline-offset:2px;}
.mblg-scheduler-slot:focus:not(:focus-visible){outline:none;}
.mblg-scheduler-btn{background:#2271b1;border:none;color:#fff;border-radius:8px;padding:10px 14px;cursor:pointer}
.mblg-scheduler-btn--ghost{background:transparent;color:#2271b1;border:1px solid #2271b1}
.mblg-scheduler-actions{display:flex;gap:8px;align-items:center;margin-top:10px}
.mblg-scheduler-msg{margin-top:10px;color:#646970}

/* --- UI Alignment (SEO Checker style) --- */
.mblg-scheduler-widget{
  background:#fff;
  border-radius:16px;
  border:1px solid #e5e7eb;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
}
.mblg-scheduler-widget__title{font-size:28px; font-weight:600;}
.mblg-scheduler-widget__sub{font-size:14px; color:#6b7280}

/* Controls + fields */
.mblg-scheduler-widget label span,
.mblg-scheduler-form label span{font-size:14px; font-weight:600; color:#374151}

.mblg-scheduler-widget input[type="text"],
.mblg-scheduler-widget input[type="email"],
.mblg-scheduler-widget input[type="date"],
.mblg-scheduler-widget select,
.mblg-scheduler-widget textarea{
  width:100%;
  box-sizing:border-box;
  padding:12px 14px;
  border:1px solid #d1d5db;
  border-radius:10px;
  background:#fff;
  color:#111827;
  outline:none;
}

.mblg-scheduler-widget input:focus,
.mblg-scheduler-widget select:focus,
.mblg-scheduler-widget textarea:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,0.15);
}

/* Make the top controls look like SEO Checker layout */
.mblg-scheduler-widget__controls{gap:16px}
.mblg-scheduler-widget__controls label{min-width:220px}

/* Slots list: remove bullets/markers in all themes */
.mblg-scheduler-slots__list{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}
.mblg-scheduler-slots__list li{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}
.mblg-scheduler-slots__list li::marker{content:'' !important;}

/* Slot pill buttons (CRM pill style) */
.mblg-scheduler-widget .mblg-scheduler-slot{
  background:#2663EB !important;
  color:#FFFFFF !important;
  border:1px solid #2663EB !important;
  border-radius:999px;
  padding:10px 14px;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,transform .15s ease,filter .15s ease;
}
.mblg-scheduler-widget .mblg-scheduler-slot:hover{
  background:#1F56D6 !important;
  border-color:#1F56D6 !important;
  color:#FFFFFF !important;
}
.mblg-scheduler-widget .mblg-scheduler-slot:active{
  transform:translateY(1px);
}
.mblg-scheduler-widget .mblg-scheduler-slot:focus{
  outline:2px solid rgba(38,99,235,.45);
  outline-offset:2px;
}
.mblg-scheduler-widget .mblg-scheduler-slot:focus:not(:focus-visible){
  outline:none;
}


/* Form layout (like SEO Checker) */
.mblg-scheduler-widget__formwrap h4{margin-top:18px}
.mblg-scheduler-form{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
@media(min-width:720px){
  .mblg-scheduler-form{grid-template-columns:1fr 1fr;}
  .mblg-scheduler-field--notes{grid-column:1 / -1;}
  .mblg-scheduler-actions{grid-column:1 / -1;}
  .mblg-scheduler-msg{grid-column:1 / -1;}
}

/* Buttons (SEO Checker: black) */
.mblg-scheduler-btn{
  background:#111827;
  color:#fff;
  border:none;
  border-radius:12px;
  padding:12px 18px;
  font-weight:600;
}
.mblg-scheduler-btn:hover{filter:brightness(0.95);}
.mblg-scheduler-btn--ghost{
  background:#fff;
  color:#111827;
  border:1px solid #111827;
}

.mblg-scheduler-tztext{margin-top:18px;color:#6b7280;font-size:14px}
.mblg-scheduler-tztext strong{color:#111827}


/* --- Scheduler Confirm Details layout (override theme conflicts) --- */
.mblg-scheduler-formgrid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:14px}
@media(min-width:720px){.mblg-scheduler-formgrid{grid-template-columns:1fr 1fr}}
.mblg-scheduler-formgrid .mblg-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.mblg-scheduler-formgrid .mblg-field--full{grid-column:1 / -1}

.mblg-scheduler-formgrid .mblg-field > span{
  display:flex;
  align-items:baseline;
  gap:6px;
  font-weight:600;
  color:#111827;
}

.mblg-scheduler-formgrid input,
.mblg-scheduler-formgrid select,
.mblg-scheduler-formgrid textarea{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  display:block !important;
}

.mblg-scheduler-formgrid textarea{resize:vertical;min-height:96px}

.mblg-req{font-style:normal;color:#d63638}


/* --- Strong reset + controls to avoid theme CSS collisions --- */
.mblg-scheduler-widget *{box-sizing:border-box}
.mblg-scheduler-widget label{display:block !important;margin:0 !important;padding:0 !important;float:none !important}
.mblg-scheduler-widget .mblg-scheduler-formgrid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;margin-top:14px !important}
@media(max-width:719px){.mblg-scheduler-widget .mblg-scheduler-formgrid{grid-template-columns:minmax(0,1fr) !important}}
.mblg-scheduler-widget .mblg-field{min-width:0 !important}
.mblg-scheduler-widget .mblg-field > span{white-space:normal !important;display:flex !important;gap:6px !important;align-items:baseline !important}

/* Match SEO Checker-style inputs */
.mblg-scheduler-widget .mblg-scheduler-formgrid input,
.mblg-scheduler-widget .mblg-scheduler-formgrid select,
.mblg-scheduler-widget .mblg-scheduler-formgrid textarea{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  display:block !important;
  padding:12px 14px !important;
  border:1px solid #cbd5e1 !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#111827 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  outline:none !important;
}

.mblg-scheduler-widget .mblg-scheduler-formgrid input:focus,
.mblg-scheduler-widget .mblg-scheduler-formgrid select:focus,
.mblg-scheduler-widget .mblg-scheduler-formgrid textarea:focus{
  border-color:#2563eb !important;
}

.mblg-scheduler-widget .mblg-field--full{grid-column:1 / -1 !important}


/* --- Expand widget + form to use available container width --- */
.mblg-scheduler-widget{
  width:100% !important;
  max-width:100% !important;
}
.mblg-scheduler-widget__formwrap,
.mblg-scheduler-form{
  width:100% !important;
  max-width:100% !important;
}
.mblg-scheduler-widget .mblg-scheduler-formgrid{
  width:100% !important;
}


.mblg-scheduler-widget .mblg-scheduler-formgrid{max-width:none !important}


/* --- Confirm Details: force full-width fields (defeat theme constraints) --- */
.mblg-scheduler-widget .mblg-scheduler-formgrid{
  width:100% !important;
  max-width:none !important;
  justify-items:stretch !important;
  align-items:start !important;
}
.mblg-scheduler-widget .mblg-scheduler-formgrid > *{
  width:100% !important;
  max-width:none !important;
}
.mblg-scheduler-widget .mblg-scheduler-formgrid label.mblg-field{
  width:100% !important;
  max-width:none !important;
}
.mblg-scheduler-widget .mblg-scheduler-formgrid label.mblg-field input,
.mblg-scheduler-widget .mblg-scheduler-formgrid label.mblg-field select{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}


/* --- Fix: parent form grid was causing unused right column --- */
.mblg-scheduler-widget .mblg-scheduler-form{
  display:block !important;
  width:100% !important;
  max-width:none !important;
}


.mblg-scheduler-msg--error{color:#b91c1c;font-weight:600}

.mblg-scheduler-icslink{color:#2563eb;text-decoration:underline;font-weight:600}

.mblg-scheduler-success{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}
.mblg-scheduler-success h3{margin:0 0 8px 0;font-size:18px}
.mblg-scheduler-success p{margin:0 0 8px 0}
.mblg-scheduler-success-meta{color:#374151}
.mblg-scheduler-success-link{margin-top:10px}


/* SUCCESS BACKGROUND COLOR ONLY */
.mblg-scheduler-success { background: #E7F8E7 !important; }


/* SUCCESS FONT COLOR ONLY */
.mblg-scheduler-success { color: #2C6D30 !important; }
.mblg-scheduler-success h3, .mblg-scheduler-success p { color: #2C6D30 !important; }


/* Selected slot state */
.mblg-scheduler-widget .mblg-scheduler-slot.is-selected,
.mblg-scheduler-widget .mblg-scheduler-slot[aria-pressed="true"]{
  background:#111827 !important;
  border-color:#111827 !important;
  color:#FFFFFF !important;
  box-shadow:0 0 0 2px rgba(17,24,39,0.12);
}
.mblg-scheduler-widget .mblg-scheduler-slot.is-selected:hover,
.mblg-scheduler-widget .mblg-scheduler-slot[aria-pressed="true"]:hover{
  background:#000000 !important;
  border-color:#000000 !important;
  color:#FFFFFF !important;
}

/* Selection helper text */
.mblg-scheduler-msg{
  display:block;
  margin-top:12px;
  color:#111827;
  font-weight:600;
}