.ssb-wrap{max-width:1100px;margin:20px auto;padding:0 12px}
.ssb-card{border:1px solid #dcdcdc;border-radius:16px;padding:18px;background:#fff}

.ssb-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width: 720px){
  .ssb-grid{grid-template-columns:1fr 1fr}
}

.ssb-row{display:flex;flex-direction:column;gap:8px;margin:0}
.ssb-row label{font-weight:600}
.ssb-row input,.ssb-row select{width:100%;padding:10px 12px;border:1px solid #cfcfcf;border-radius:12px;font-size:16px}

/* Big date picker */
.ssb-row--date input[type="date"]{padding:12px 12px;font-size:18px}


.ssb-book{width:100%;padding:14px 16px;border:0;border-radius:14px;background:#ff9222;color:#111;font-weight:700;cursor:pointer;margin-top:10px}
.ssb-book:disabled{opacity:.6;cursor:not-allowed}

.ssb-msg{margin-top:12px;min-height:20px;font-weight:600}
.ssb-msg--err{color:#b00020}
.ssb-msg--ok{color:#0a7a18}

.ssb-banner{border-radius:12px;padding:12px 12px;margin:12px 0;font-weight:600}
.ssb-banner--ok{background:#eaf7ee;border:1px solid #cfe8d6}
.ssb-banner--err{background:#fdecec;border:1px solid #f5c2c7}

.ssb-hint{opacity: 0;}

/* ===============================
   Pagination – Single Service Booking
   =============================== */

/* Pagination SSB */
.ssb-pagination {
    margin: 20px 0;
    text-align: center;
}

.ssb-pagination ul {
    display: inline-flex;
    gap: 6px;
    padding: 0;
    margin: 0;
}

.ssb-pagination li {
    list-style: none;
}

.ssb-pagination a,
.ssb-pagination span {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #ccd0d4;
    background: #fff;
    color: #2271b1;
    text-decoration: none;
    border-radius: 4px;
    font-size: 13px;
}

/* Ligne "Nouveau" dans le tableau backoffice */
.ssb-row-new td{
  background: #fff8e8 !important;
}

.ssb-badge-new{
  display:inline-block;
  margin-left:8px;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid #f0c36d;
  background:#fff1d6;
  font-size:12px;
  font-weight:700;
}

/* Un peu plus d'air sur les tableaux backoffice */
.wrap table.widefat td,
.wrap table.widefat th{
  vertical-align: middle;
}

.ssb-pagination a:hover {
    background: #2271b1;
    color: #fff;
}

.ssb-pagination .current {
    background: #2271b1;
    color: #fff;
    border-color: #2271b1;
    font-weight: bold;
    cursor: default;
}

.ssb-pagination .dots {
    border: none;
    background: transparent;
    color: #555;
}