/* Private 1-on-1 anytime scheduling additions. */

.schedule-one-on-one-strip {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-bottom: 20px;
  padding: 15px 16px;
  border: 1px solid #cfe0ff;
  border-radius: 16px;
  background: #f4f8ff;
}

.schedule-one-on-one-badge {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #ffffff;
  background: #4285f4;
  font-size: 15px;
  font-weight: 900;
}

.schedule-one-on-one-strip strong,
.schedule-one-on-one-strip span {
  display: block;
}

.schedule-one-on-one-strip strong {
  color: #071a3d;
  font-size: 15px;
}

.schedule-one-on-one-strip span {
  margin-top: 3px;
  color: #5f6f85;
  font-size: 13px;
  line-height: 1.45;
}

.schedule-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.schedule-summary-expanded {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.schedule-summary-expanded strong {
  overflow-wrap: anywhere;
}

#schedule-summary-price {
  color: #137333;
}

.schedule-time-warning {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  margin-top: 10px;
  padding: 13px 14px;
  border: 1px solid #f2d384;
  border-radius: 13px;
  color: #6d4700;
  background: #fff8e1;
}

.schedule-time-warning[hidden] {
  display: none !important;
}

.schedule-time-warning::before {
  content: "!";
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #6d4700;
  background: #ffe7a3;
  font-size: 17px;
  font-weight: 900;
}

.schedule-time-warning strong,
.schedule-time-warning span {
  display: block;
}

.schedule-time-warning strong {
  color: #5f3d00;
  font-size: 13px;
}

.schedule-time-warning span {
  margin-top: 3px;
  color: #7a560d;
  font-size: 12px;
  line-height: 1.5;
}

.schedule-time-warning[data-kind="late"] {
  border-color: #f0c36a;
  background: #fff7df;
}

.schedule-time-warning[data-kind="early"] {
  border-color: #c9d9f7;
  color: #174ea6;
  background: #f2f7ff;
}

.schedule-time-warning[data-kind="early"]::before {
  color: #174ea6;
  background: #dbe8ff;
}

.schedule-time-warning[data-kind="early"] strong,
.schedule-time-warning[data-kind="early"] span {
  color: #174ea6;
}

.schedule-form[data-opening-payment="true"] {
  opacity: 0.82;
}

.schedule-form[data-opening-payment="true"] input,
.schedule-form[data-opening-payment="true"] select {
  pointer-events: none;
}

.schedule-request-card .schedule-payment-link {
  margin-top: 8px;
}

@media (max-width: 760px) {
  .schedule-choice-grid,
  .schedule-summary-expanded {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .schedule-one-on-one-strip {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .schedule-one-on-one-badge {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 13px;
  }
}