/* Rooms + availability on property-details.php in the admin Store Management look:
   white panels, slate text, one blue accent, uppercase muted table heads. Scoped to .pd-sm. */
.pd-sm {
  --ink: #0f172a; --ink-2: #1e293b; --ink-3: #475569; --muted: #94a3b8; --border: #e2e8f0; --bg: #f1f5f9;
  --blue: #2563eb; --blue-light: #eff6ff; --radius: 14px; --radius-sm: 8px;
  --shadow: 0 1px 3px rgba(15,23,42,.05), 0 8px 24px rgba(15,23,42,.06);
}
.pd-sm .section-title { font-size: 1.15rem; font-weight: 800; color: var(--ink); }

/* Availability panel */
.pd-sm .availability-filter { border: 1px solid var(--border) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow) !important; background: #fff !important; }
.pd-sm .filter-header { background: #fff !important; color: var(--ink) !important; border-bottom: 1px solid var(--border); border-radius: var(--radius) var(--radius) 0 0; padding: 16px 20px !important; }
.pd-sm .filter-header h5 { color: var(--ink) !important; font-size: .95rem !important; font-weight: 800 !important; }
.pd-sm .filter-header h5 i { color: var(--blue); }
.pd-sm .filter-body { padding: 20px !important; }
.pd-sm .filter-body .form-label { font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--muted) !important; }
.pd-sm .date-input-wrapper, .pd-sm .guest-input { border: 1.5px solid var(--border) !important; border-radius: var(--radius-sm) !important; background: #fff !important; transition: border-color .15s; }
.pd-sm .date-input-wrapper:hover, .pd-sm .guest-input:hover { border-color: var(--blue) !important; }
.pd-sm .checkin-input { border-right-color: var(--border) !important; }
.pd-sm .date-label, .pd-sm .guest-label { color: var(--muted) !important; font-size: .7rem !important; font-weight: 700; }
.pd-sm .date-value, .pd-sm .guest-value { color: var(--ink-2) !important; font-weight: 700 !important; font-size: .88rem; }
.pd-sm #checkAvailability { background: var(--blue) !important; border: none !important; border-radius: var(--radius-sm) !important; font-weight: 700; box-shadow: 0 4px 14px rgba(37,99,235,.25); }
.pd-sm #clearFilters { border-radius: var(--radius-sm) !important; border: 1.5px solid var(--border) !important; color: var(--ink-3) !important; background: #fff !important; }
.pd-sm .date-calendar, .pd-sm .guest-dropdown { border: 1px solid var(--border) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow) !important; }
.pd-sm .counter-btn { border: 1.5px solid var(--border) !important; color: var(--ink-3); }
.pd-sm .counter-btn:hover { border-color: var(--blue) !important; color: var(--blue); }

/* Suggestions */
.pd-sm .suggestion-card.bookinglike { border: 1px solid var(--border) !important; border-radius: var(--radius) !important; box-shadow: none !important; background: #fff !important; overflow: hidden; }
.pd-sm .suggestion-card.bookinglike:hover { box-shadow: var(--shadow) !important; border-color: #cbd5e1 !important; }
.pd-sm .s-title { color: var(--ink) !important; font-weight: 800 !important; font-size: .95rem !important; }
.pd-sm .s-right { background: #f8fafc !important; border-left: 1px solid var(--border) !important; }
.pd-sm .s-price { color: var(--ink) !important; font-weight: 800 !important; }
.pd-sm .s-taxes { color: var(--ink-3) !important; font-size: .74rem !important; line-height: 1.55; }
.pd-sm .book-suggestion-btn { background: var(--blue) !important; border: none !important; border-radius: var(--radius-sm) !important; font-weight: 700 !important; }

/* Rooms table */
.pd-sm .table-container { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; padding: 0 !important; }
.pd-sm .room-table { width: 100%; border-collapse: collapse; margin: 0 !important; }
.pd-sm .room-table thead th { padding: 11px 16px !important; font-size: .68rem !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .07em; color: var(--muted) !important; background: var(--bg) !important; border: none !important; border-bottom: 1px solid var(--border) !important; }
.pd-sm .room-table thead th i { color: var(--muted) !important; }
.pd-sm .room-table tbody tr { border-bottom: 1px solid #f1f5f9; background: #fff !important; }
.pd-sm .room-table tbody tr:hover { background: #f8faff !important; }
.pd-sm .room-table tbody td { padding: 14px 16px !important; color: var(--ink-2); font-size: .84rem; vertical-align: top; border: none !important; background: transparent !important; }
.pd-sm .room-table tbody td i { color: var(--muted) !important; }
.pd-sm .room-table .price { color: var(--ink) !important; font-weight: 800; }
.pd-sm .room-table .btn, .pd-sm .room-table button.btn-primary { border-radius: var(--radius-sm) !important; font-weight: 700 !important; }
.pd-sm .room-table .btn-primary { background: var(--blue) !important; border-color: var(--blue) !important; box-shadow: none !important; }

/* Identical rooms collapse into one row (pdGroupRooms in property-details.php) */
.room-table tr.pd-dup { display: none !important; }
.pd-group-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 3px 9px; border-radius: 999px; background: var(--blue-light, #eff6ff); color: var(--blue, #2563eb); font-size: .7rem; font-weight: 800; border: none; cursor: pointer; white-space: nowrap; }
.pd-group-more:hover { background: #dbeafe; }

/* Property FAQs (owner's questions & answers) */
.pd-faq-list { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 1px 3px rgba(15,23,42,.05), 0 8px 24px rgba(15,23,42,.06); overflow: hidden; }
.pd-faq { border-bottom: 1px solid #f1f5f9; }
.pd-faq:last-child { border-bottom: none; }
.pd-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 20px; font-weight: 700; color: #0f172a; font-size: .92rem; }
.pd-faq summary::-webkit-details-marker { display: none; }
.pd-faq summary i { color: #94a3b8; transition: transform .2s; flex-shrink: 0; }
.pd-faq[open] summary i { transform: rotate(180deg); color: #2563eb; }
.pd-faq summary:hover { background: #f8faff; }
.pd-faq-room { font-style: normal; display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: #eff6ff; color: #2563eb; font-size: .68rem; font-weight: 800; vertical-align: middle; }
.pd-faq-a { padding: 0 20px 16px; color: #475569; font-size: .88rem; line-height: 1.65; }