/* WP Educ Schedule 1.1.2 — full-width transparent toolbar with left/right alignment */

.wpeduc-toolbar.centered.one-row {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  width:100%;
  margin-bottom:1rem;
  background:transparent;
  padding:0.5rem 0;
  box-shadow:none;
  border:none;
}

.wpeduc-date-form { display:flex; align-items:center; gap:0.6rem; }
.today-check { display:flex; align-items:center; gap:0.5rem; }

.wpeduc-date-form input[type="date"] {
  padding:0.45rem 0.7rem;
  border:1px solid #ccc;
  border-radius:8px;
  font-size:15px;
}
.wpeduc-date-form .btn-primary {
  background: #2097FC;
  color:#fff;
  border:none;
  border-radius:8px;
  padding:0.5rem 1rem;
  cursor:pointer;
  font-weight:600;
}
.wpeduc-date-form .btn-primary:hover { background:#167fe0; }
.wpeduc-date-form .btn-today {
  padding:0.5rem 1rem;
  border: none;
  border-radius:8px;
  background: #2097FC;
  text-decoration:none;
  color: #fff;
}

.today-check input, .today-check select {
  padding:0.45rem 0.6rem;
  border:1px solid #ccc;
  border-radius:8px;
}
.today-check button {
  padding:0.45rem 0.9rem;
  border:1px solid #ccc;
  border-radius:8px;
  background: #2097FC;
  cursor:pointer;
  color: #fff;
}

.today-result { margin-top:0.75rem; }
.today-result.ok   { background:#e8fff2; border:1px solid #c6f6d5; padding:0.6rem 0.8rem; border-radius:10px; }
.today-result.none { background:#ffe8e8; border:1px solid #feb2b2; padding:0.6rem 0.8rem; border-radius:10px; }

.slot-header {
  position:static;
  background:transparent;
  color:#111827;
  padding:0.25rem 0;
  margin:1.1rem 0 0.4rem;
  border-bottom:2px solid #d1d5db;
  border-top:none;
  border-radius:0;
  font-weight:800;
  letter-spacing:0.2px;
  box-shadow:none;
}

.slot-list { display:block; }
.slot-list .course-card { width:100%; margin-bottom:0.35rem; }

.course-card {
  border:1px solid #e5e7eb;
  border-left:6px solid var(--accent,#6b7280);
  border-radius:0;
  padding:0.6rem 0.75rem;
  background:#fff;
  box-shadow:none;
}
.course-card.no-students {
  background:#ffdede;
  border-color:#ff9b9b;
}

.course-card header { display:flex; flex-direction:column; gap:0.3rem; margin-bottom:0.1rem; }
.header-row { display:flex; align-items:center; justify-content:space-between; gap:0.8rem; flex-wrap:wrap; }
.course-card h4 { margin:0; font-size:1.05rem; }

.meta { display:flex; gap:0.4rem; flex-wrap:wrap; }
.badge { font-size:12px; padding:2px 8px; border-radius:999px; background:#f3f4f6; }
.badge.stock { background:#eefbf2; }

.students { display:flex; gap:4px; flex-wrap:wrap; margin-top:0.2rem; }
.chip { padding:3px 8px; border-radius:999px; background:#f7f7f9; border:1px solid #eee; }


/* 1.1.3 — vertical alignment + uniform control sizes + empty-state banner */
.wpeduc-toolbar.centered.one-row {
  align-items: center;
}

.wpeduc-toolbar.centered.one-row .wpeduc-date-form,
.wpeduc-toolbar.centered.one-row .today-check {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.wpeduc-toolbar.centered.one-row input[type="date"],
.wpeduc-toolbar.centered.one-row input[type="search"],
.wpeduc-toolbar.centered.one-row select,
.wpeduc-toolbar.centered.one-row button,
.wpeduc-toolbar.centered.one-row .btn-today {
  height: 38px;
  line-height: 38px; /* for anchors, buttons */
  font-size: 15px;
  box-sizing: border-box;
}

/* Ensure anchors look like buttons and align text vertically */
.wpeduc-toolbar.centered.one-row .btn-today {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Normalize padding for inputs/buttons */
.wpeduc-toolbar.centered.one-row input[type="date"],
.wpeduc-toolbar.centered.one-row input[type="search"],
.wpeduc-toolbar.centered.one-row select {
  padding: 0 12px;
}
.wpeduc-toolbar.centered.one-row button,
.wpeduc-toolbar.centered.one-row .btn-today {
  padding: 0 14px;
}

/* Empty-state banner: centered, bigger text, red background */
.wpeduc-empty {
  background: #ff4d4d1a; /* translucent red */
  border: 2px solid #ff4d4d;
  color: #7a0b0b;
  text-align: center;
  padding: 16px 18px;
  margin: 12px auto;
  font-size: 1.25rem;
  font-weight: 800;
  width: 100%;
}


/* 1.1.4 — fix search icon overlap, enforce vertical alignment, uniform sizes */
.wpeduc-toolbar.centered.one-row { align-items: center; }
.wpeduc-toolbar.centered.one-row form.wpeduc-date-form { margin: 0; }
.wpeduc-toolbar.centered.one-row .today-check { margin: 0; }

/* Remove browser search icons and ensure padding */
.wpeduc-toolbar.centered.one-row input[type="search"] {
  -webkit-appearance: none;
  background: none !important;
  padding-left: 12px;
}
/* Also hide built-in clear X on WebKit if needed */
.wpeduc-toolbar.centered.one-row input[type="search"]::-webkit-search-decoration,
.wpeduc-toolbar.centered.one-row input[type="search"]::-webkit-search-cancel-button,
.wpeduc-toolbar.centered.one-row input[type="search"]::-webkit-search-results-button,
.wpeduc-toolbar.centered.one-row input[type="search"]::-webkit-search-results-decoration {
  display:none;
}

.wpeduc-toolbar.centered.one-row input[type="date"],
.wpeduc-toolbar.centered.one-row input[type="search"],
.wpeduc-toolbar.centered.one-row select,
.wpeduc-toolbar.centered.one-row button,
.wpeduc-toolbar.centered.one-row .btn-today {
  height: 40px;
  font-size: 15px;
  box-sizing: border-box;
}

.wpeduc-toolbar.centered.one-row button,
.wpeduc-toolbar.centered.one-row .btn-today {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0 14px;
}

.wpeduc-toolbar.centered.one-row input[type="date"],
.wpeduc-toolbar.centered.one-row input[type="search"],
.wpeduc-toolbar.centered.one-row select {
  padding: 0 12px;
  line-height: normal;
}

.wpeduc-date-form .btn-today:hover { background:#167fe0; }
.today-check button:hover { background:#167fe0; }

/* 1.1.6 — 'Azi' and 'Caută' default white/black, hover blue */
.wpeduc-toolbar.centered.one-row .btn-today,
.wpeduc-toolbar.centered.one-row .today-check button {
  background:#fff !important;
  color:#000 !important;
  border:1px solid #ccc !important;
}

.wpeduc-toolbar.centered.one-row .btn-today:hover,
.wpeduc-toolbar.centered.one-row .today-check button:hover {
  background:#2097FC !important;
  color:#fff !important;
  border-color:#2097FC !important;
}

/* Keep primary button blue */
.wpeduc-toolbar.centered.one-row .btn-primary {
  background:#2097FC;
  color:#fff;
  border:none;
}
.wpeduc-toolbar.centered.one-row .btn-primary:hover {
  background:#167fe0;
}