/* ============================================================
   FOUNDERCLONE X — APPOINTMENTS: the day and time pickers.
   The window itself uses the shared styles in fc-shop.css.
   ============================================================ */
[data-fc-book][hidden], [data-fc-book-reveal][hidden] { display: none !important; }

.fcb-cta-row { text-align: center; margin: 22px 0 6px; }
.fcb-cta-row .fcb-open { display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; border-radius: 12px; border: 0; cursor: pointer; font-weight: 700; font-size: 15px; text-decoration: none;
  background: linear-gradient(135deg, var(--primary, #1aa872), var(--secondary, #083c5e)); color: #fff !important; }
.fcb-cta-row .fcb-open:hover { filter: brightness(1.06); }
.fcb-cta-row small { display: block; margin-top: 9px; color: #5b6472; font-size: 13px; }

.fcb-overlay .fcs-form { grid-template-columns: minmax(0, 1fr); }
.fcb-overlay .fcs-form > * { min-width: 0; }
.fcb-overlay .fcs-box { overflow-x: hidden; }
.fcb-group { margin: 0; }
.fcb-label { font-size: 13px; font-weight: 600; color: #33414f; margin-bottom: 6px; }
.fcb-days { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 8px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.fcb-days .fcb-chip { flex: 0 0 auto; }
.fcb-times { display: grid; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: 8px; max-height: 178px; overflow-y: auto; padding: 2px; }
.fcs-box .fcb-chip { padding: 9px 12px; border: 1px solid #c3ccd6; border-radius: 10px; background: #fff; color: #17212e; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; }
.fcs-box .fcb-chip:hover { border-color: var(--primary, #1aa872); }
.fcs-box .fcb-chip.on { background: #0f5f43; border-color: #0f5f43; color: #fff; }
.fcs-box .fcb-chip:focus-visible { outline: 3px solid #f2a516; outline-offset: 2px; }
.fcs-field textarea { width: 100%; padding: 11px 12px; font-family: inherit; font-size: 16px; line-height: 1.4; color: #17212e; background: #fff; border: 1px solid #c3ccd6; border-radius: 10px; resize: vertical; min-height: 56px; }
.fcs-field textarea:focus { outline: 2px solid var(--primary, #1aa872); outline-offset: 1px; border-color: transparent; }
.fcb-overlay .fcs-quiet { cursor: pointer; }