PluginProbe
Booking Calendar / 11.6
Booking Calendar v11.6
11.9 11.8.4 11.8.3 11.8.2 11.8.1 11.8 11.7 11.6.1 11.6 11.5 11.4.3 11.4.2 11.4.1 11.4 11.3 11.2.1 11.2 11.1 11.0 10.15.7 10.15.6 10.1.3 10.10 10.10.1 10.10.2 All 205 releases
booking / includes / page-catalog-booking-resources / _src / booking_resources_catalog.css

booking_resources_catalog.css in Booking Calendar 11.6, at includes/page-catalog-booking-resources/_src/booking_resources_catalog.css

2,389 lines 68.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wpbc_catalog_booking_resources_page {
2 display: flex;
3 flex-direction: column;
4 gap: 16px;
5 margin: 0 15px 0 10px;
6 min-width: 0;
7 }
8
9 .wpbc_catalog_booking_resources__upgrade_button sup {
10 font-size: 11px;
11 font-weight: 400;
12 margin-left: 2px;
13 }
14
15 .wpbc_catalog_booking_resources__footer_upgrade {
16 display: flex;
17 justify-content: center;
18 margin: 40px 30px 0;
19 }
20 .wp-core-ui .wpbc_page .wpbc_catalog_booking_resources__footer_upgrade .button {
21 padding: 4px 20px 8px;
22 box-sizing: content-box;
23 font-size: 14px;
24 font-weight: 600;
25 }
26 .wpbc_catalog_booking_resources__footer_notice {
27 margin: 50px 30px 0;
28 }
29
30 .wpbc_catalog_booking_resources__upgrade_modal .modal-title {
31 font-weight: 600;
32 }
33
34 .wpbc_catalog_booking_resources__upgrade_modal .modal-body p {
35 font-size: 14px;
36 line-height: 1.55;
37 }
38
39 /* Capacity inspector mirrors the established Booking Resources workflow. */
40 .wpbc_booking_resources__capacity_content {
41 box-sizing: border-box;
42 display: flex;
43 flex-direction: column;
44 gap: 18px;
45 padding: 0 15px 18px;
46 }
47 .wpbc_booking_resources__capacity_summary {
48 align-items: center;
49 background: #f0f6fc;
50 border: 1px solid #c5d9ed;
51 border-radius: 6px;
52 display: grid;
53 gap: 4px 12px;
54 grid-template-columns: minmax(0, 1fr) auto;
55 padding: 14px;
56 }
57 .wpbc_booking_resources__capacity_summary > span:first-child { color: #50575e; font-size: 12px; }
58 .wpbc_booking_resources__capacity_summary > strong { font-size: 19px; grid-column: 1; }
59 .wpbc_booking_resources__capacity_summary_icon {
60 align-items: center;
61 background: #fff;
62 border-radius: 50%;
63 color: var(--wpbc_admin-theme-color, #2271b1);
64 display: inline-flex;
65 font-size: 20px;
66 grid-column: 2;
67 grid-row: 1 / span 2;
68 height: 38px;
69 justify-content: center;
70 width: 38px;
71 }
72 .wpbc_booking_resources__capacity_control { display: flex; flex-direction: column; gap: 9px; }
73 .wpbc_booking_resources__capacity_control > label,
74 .wpbc_booking_resources__capacity_change_preview > h3,
75 .wpbc_booking_resources__capacity_content > h3 { font-size: 13px; font-weight: 600; margin: 0; }
76 .wpbc_booking_resources__capacity_control_row { align-items: center; display: grid; gap: 12px; grid-template-columns: 88px minmax(120px, 1fr); }
77 .wpbc_booking_resources__capacity_control_row input[type="number"] { box-sizing: border-box; font-size: 16px; font-weight: 600; min-width: 0; text-align: center; width: 100%; }
78 .wpbc_booking_resources__capacity_control_row input[type="range"] { cursor: pointer; margin: 0; min-width: 0; width: 100%; }
79 .wpbc_booking_resources__capacity_comparison { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
80 .wpbc_booking_resources__capacity_comparison > [class*="wpbc-bi-"] { color: #646970; }
81 .wpbc_booking_resources__capacity_comparison_value {
82 align-items: center;
83 background: #f6f7f7;
84 border: 1px solid #dcdcde;
85 border-radius: 5px;
86 display: grid;
87 gap: 2px;
88 justify-items: center;
89 padding: 10px 7px;
90 text-align: center;
91 }
92 .wpbc_booking_resources__capacity_comparison_value.is-target { background: #edfaef; border-color: #8bcf98; }
93 .wpbc_booking_resources__capacity_comparison_value > span,
94 .wpbc_booking_resources__capacity_comparison_value > small { color: #646970; font-size: 11px; }
95 .wpbc_booking_resources__capacity_comparison_value > strong { font-size: 20px; }
96 .wpbc_booking_resources__capacity_change_preview { display: flex; flex-direction: column; gap: 10px; }
97 .wpbc_booking_resources__capacity_change_preview > .description { margin: -3px 0 2px; }
98 .wpbc_booking_resources__capacity_changes,
99 .wpbc_booking_resources__capacity_safety { display: flex; flex-direction: column; gap: 8px; }
100 .wpbc_booking_resources__capacity_change_row {
101 align-items: flex-start;
102 background: #fff;
103 border: 1px solid #dcdcde;
104 border-radius: 5px;
105 display: grid;
106 gap: 10px;
107 grid-template-columns: auto minmax(0, 1fr);
108 padding: 10px 12px;
109 }
110 .wpbc_booking_resources__capacity_change_row > [class*="wpbc-bi-"] { color: #008a20; font-size: 17px; margin-top: 1px; }
111 .wpbc_booking_resources__capacity_change_row strong { display: block; font-size: 12px; }
112 .wpbc_booking_resources__capacity_change_row p { color: #646970; font-size: 11px; line-height: 1.45; margin: 3px 0 0; }
113 .wpbc_booking_resources__capacity_units,
114 .wpbc_booking_resources__capacity_review_units { display: flex; flex-direction: column; gap: 7px; }
115 .wpbc_booking_resources__capacity_unit {
116 align-items: center;
117 background: #fff;
118 border: 1px solid #dcdcde;
119 border-radius: 5px;
120 box-sizing: border-box;
121 cursor: pointer;
122 display: grid;
123 gap: 8px;
124 grid-template-columns: auto auto minmax(0, 1fr);
125 padding: 8px 10px;
126 }
127 .wpbc_booking_resources__capacity_unit.is-selected { background: #f0f6fc; border-color: var(--wpbc_admin-theme-color, #2271b1); box-shadow: inset 3px 0 var(--wpbc_admin-theme-color, #2271b1); }
128 .wpbc_booking_resources__capacity_unit:focus-within:not(.is-selected) { outline: 2px solid var(--wpbc_admin-theme-color, #2271b1); outline-offset: 1px; }
129 .wpbc_booking_resources__capacity_unit input { margin: 0; }
130 .wpbc_booking_resources__capacity_unit_icon { align-items: center; border-radius: 50%; display: flex; flex: 0 0 36px; height: 36px; justify-content: center; overflow: hidden; width: 36px;
131 background: #f0f0f1;
132 border: 2px solid #fff;
133 outline: #d4d4d7 solid 1px;
134 color: #8c8f94;
135 }
136 .wpbc_booking_resources__capacity_unit_icon img { border-radius: 50%; height: 36px; object-fit: cover; width: 36px; }
137 .wpbc_booking_resources__capacity_unit_copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
138 .wpbc_booking_resources__capacity_unit_copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
139 .wpbc_booking_resources__capacity_unit_copy small { color: #646970; }
140 .wpbc_booking_resources__capacity_unit_outcome { background: #edfaef; border-radius: 10px; color: #008a20; font-size: 10px; font-weight: 600; grid-column: 2 / -1; justify-self: start; padding: 2px 7px; }
141 .wpbc_booking_resources__capacity_unit_outcome.is-destructive { background: #fcf0f1; color: #b32d2e; }
142 .wpbc_booking_resources__capacity_unit_outcome[hidden] { display: none; }
143 .wpbc_booking_resources__capacity_review_unit { background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 5px; display: grid; gap: 4px 10px; grid-template-columns: minmax(0, 1fr) auto; padding: 10px 12px; }
144 .wpbc_booking_resources__capacity_review_unit > span { color: #008a20; font-size: 11px; font-weight: 600; }
145 .wpbc_booking_resources__capacity_review_unit.is-destructive { background: #fcf0f1; border-color: #d63638; }
146 .wpbc_booking_resources__capacity_review_unit.is-destructive > span { color: #b32d2e; }
147 .wpbc_booking_resources__capacity_review_unit > small { color: #646970; font-size: 11px; grid-column: 1 / -1; }
148 .wpbc_booking_resources__capacity_safety { border-top: 1px solid #dcdcde; padding-top: 14px; }
149 .wpbc_booking_resources__capacity_safety.is-destructive .wpbc_booking_resources__capacity_change_row:first-child { background: #fcf0f1; border-left: 3px solid #d63638; }
150 .wpbc_booking_resources__capacity_safety.is-destructive .wpbc_booking_resources__capacity_change_row:first-child > [class*="wpbc-bi-"] { color: #b32d2e; }
151 .wpbc_booking_resources__capacity_decrease_choices { border: 0; display: flex; flex-direction: column; gap: 8px; margin: 2px 0 4px; padding: 0; }
152 .wpbc_booking_resources__capacity_decrease_choices legend { font-size: 13px; font-weight: 600; margin-bottom: 2px; padding: 0; }
153 .wpbc_booking_resources__capacity_decrease_choices label { align-items: flex-start; background: #fff; border: 1px solid #dcdcde; border-radius: 5px; cursor: pointer; display: grid; gap: 9px; grid-template-columns: auto minmax(0, 1fr); padding: 10px 12px; }
154 .wpbc_booking_resources__capacity_decrease_choices label.is-selected { background: #f0f6fc; border-color: var(--wpbc_admin-theme-color, #2271b1); box-shadow: inset 3px 0 var(--wpbc_admin-theme-color, #2271b1); }
155 .wpbc_booking_resources__capacity_decrease_choices label.is-destructive.is-selected { background: #fcf0f1; border-color: #d63638; box-shadow: inset 3px 0 #d63638; }
156 .wpbc_booking_resources__capacity_decrease_choices input { margin-top: 2px; }
157 .wpbc_booking_resources__capacity_decrease_choices span { display: flex; flex-direction: column; gap: 3px; }
158 .wpbc_booking_resources__capacity_decrease_choices small { color: #646970; font-weight: 400; line-height: 1.45; }
159
160 /* Phase 9: native right-sidebar Resource inspector parity. */
161 .wpbc_admin .wpbc_ui_el__vert_right_bar__wrapper.wpbc_catalog_booking_resources__inspector_width--wide {
162 --wpbc_ui_left_vert_nav__width_max: Min(520px, 42vw);
163 }
164
165 .wpbc_catalog_booking_resources__editor {
166 display: flex;
167 flex-direction: column;
168 gap: 0;
169 }
170
171 .wpbc_catalog_booking_resources__create_shared_notice {
172 background: #f0f6fc;
173 border-left: 3px solid var(--wpbc_admin-theme-color, #2271b1);
174 color: #50575e;
175 font-size: 12px;
176 line-height: 1.5;
177 margin: 0 15px 15px;
178 padding: 9px 11px;
179 }
180
181 .wpbc_catalog_booking_resources__inspector_field.is-conditionally-hidden,
182 .wpbc_catalog_booking_resources__inspector_field[hidden] {
183 display: none !important;
184 }
185
186 .wpbc_catalog_booking_resources__create_choice_group {
187 display: grid;
188 gap: 8px;
189 }
190
191 .wpbc_catalog_booking_resources__create_choice_group label {
192 align-items: center;
193 background: #fff;
194 border: 1px solid #c3c4c7;
195 border-radius: 4px;
196 box-sizing: border-box;
197 cursor: pointer;
198 display: flex;
199 gap: 8px;
200 min-height: 40px;
201 padding: 8px 10px;
202 }
203
204 .wpbc_catalog_booking_resources__create_choice_group label.is-selected {
205 background: #f0f6fc;
206 border-color: var(--wpbc_admin-theme-color, #2271b1);
207 box-shadow: 0 0 0 1px var(--wpbc_admin-theme-color, #2271b1);
208 }
209
210 .wpbc_catalog_booking_resources__create_choice_group input {
211 margin: 0;
212 }
213
214 .wpbc_catalog_booking_resources__editor_sections {
215 --wpbc-booking-resources-section-max-height: 420px;
216 display: flex;
217 flex-direction: column;
218 gap: 0;
219 }
220
221 .wpbc_catalog_booking_resources__rightbar .wpbc_catalog_booking_resources__editor_section.is-open > .group__fields {
222 box-sizing: border-box;
223 }
224
225 .wpbc_catalog_booking_resources__rightbar .inspector__control,
226 .wpbc_catalog_booking_resources__rightbar .inspector__input {
227 box-sizing: border-box;
228 max-width: none;
229 width: 100%;
230 }
231
232 .wpbc_catalog_booking_resources__inspector_field textarea {
233 min-height: 110px;
234 resize: vertical;
235 }
236
237 .wpbc_catalog_booking_resources__inspector_field .description {
238 color: #646970;
239 font-size: 12px;
240 }
241
242 .wpbc_catalog_booking_resources__editor_summary {
243 background: #f6f7f7;
244 border-bottom: 1px solid #dcdcde;
245 border-top: 1px solid #dcdcde;
246 display: grid;
247 gap: 0;
248 padding: 12px;
249 }
250
251 .wpbc_catalog_booking_resources__editor_summary_item {
252 align-items: baseline;
253 display: grid;
254 gap: 4px 12px;
255 grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
256 line-height: 1.4;
257 padding: 6px 0;
258 }
259
260 .wpbc_catalog_booking_resources__editor_summary_item + .wpbc_catalog_booking_resources__editor_summary_item {
261 border-top: 1px solid #e2e4e7;
262 }
263
264 .wpbc_catalog_booking_resources__editor_summary_label {
265 color: #646970;
266 font-size: 12px;
267 font-weight: 400;
268 line-height: 1.4;
269 }
270
271 .wpbc_catalog_booking_resources__editor_summary_value {
272 display: grid;
273 gap: 4px;
274 justify-items: start;
275 min-width: 0;
276 text-align: left;
277 width: 100%;
278 }
279
280 .wpbc_catalog_booking_resources__editor_summary_value .wpbc_catalog_booking_resources__editor_readonly_value {
281 font-size: 12px;
282 font-weight: 600;
283 }
284
285 .wpbc_catalog_booking_resources__editor_readonly_line {
286 align-items: center;
287 display: inline-flex;
288 flex-flow: row wrap;
289 gap: 6px;
290 min-width: 0;
291 }
292
293 .wpbc_catalog_booking_resources__editor_summary_help {
294 grid-column: 1 / -1;
295 margin: 0;
296 padding-top: 2px;
297 text-align: left;
298 }
299
300 .wpbc_catalog_booking_resources__editor_readonly_value {
301 color: #3c434a;
302 overflow-wrap: anywhere;
303 }
304
305 .wpbc_catalog_booking_resources__editor_input_row {
306 align-items: center;
307 display: flex;
308 gap: 10px;
309 min-width: 0;
310 }
311
312 .wpbc_catalog_booking_resources__editor_input_row .inspector__input {
313 flex: 1 1 auto;
314 min-width: 0;
315 width: auto;
316 }
317
318 .wpbc_catalog_booking_resources__number_control {
319 display: flex;
320 flex-direction: column;
321 gap: 8px;
322 width: 100%;
323 }
324
325 .wpbc_catalog_booking_resources__number_slider {
326 align-self: center;
327 box-sizing: border-box;
328 cursor: pointer;
329 margin: 0;
330 max-width: none;
331 min-height: 20px;
332 padding: 0;
333 width: 100%;
334 }
335
336 .wpbc_catalog_booking_resources__editor_input_prefix,
337 .wpbc_catalog_booking_resources__editor_input_suffix {
338 color: #646970;
339 flex: 0 0 auto;
340 font-size: 12px;
341 line-height: 1.4;
342 white-space: nowrap;
343 }
344
345 .wpbc_catalog_booking_resources__editor_code {
346 font-family: Consolas, Monaco, monospace;
347 font-size: 12px;
348 }
349
350 .wpbc_catalog_booking_resources__editor_code[readonly] {
351 background: #f6f7f7;
352 color: #3c434a;
353 cursor: text;
354 }
355
356 .wpbc_catalog_booking_resources__editor_publishing_actions {
357 align-items: center;
358 display: flex;
359 flex-flow: row wrap;
360 gap: 7px;
361 margin: 12px 15px 0;
362 }
363
364 .wpbc_catalog_booking_resources__editor_publishing_actions .wpbc_booking_resources__details_action {
365 align-items: center;
366 display: inline-flex !important;
367 gap: 6px;
368 }
369
370 .wpbc_catalog_booking_resources__editor_publishing_actions .wpbc_booking_resources__details_no_preview {
371 align-items: center;
372 color: #646970;
373 display: inline-flex;
374 font-size: 12px;
375 gap: 5px;
376 }
377
378 .wpbc_catalog_booking_resources__editor_field_link {
379 align-items: center;
380 display: inline-flex;
381 font-size: 12px;
382 gap: 5px;
383 text-decoration: none;
384 }
385
386 .wpbc_catalog_booking_resources__inspector_field .inspector__control > .wpbc_catalog_booking_resources__editor_field_link {
387 margin-top: 10px;
388 }
389
390 .wpbc_catalog_booking_resources__editor_field_link:hover,
391 .wpbc_catalog_booking_resources__editor_field_link:focus-visible {
392 text-decoration: underline;
393 }
394
395 .wpbc_catalog_booking_resources__editor_summary_action {
396 grid-column: 1 / -1;
397 justify-self: start;
398 margin-top: 3px;
399 }
400
401 .wpbc_catalog_booking_resources__editor_published_pages {
402 margin: 14px 15px 0;
403 }
404
405 .wpbc_catalog_booking_resources__editor_published_pages .wpbc_booking_resources__published_pages {
406 display: grid;
407 gap: 6px;
408 list-style: none;
409 margin: 0;
410 max-height: 160px;
411 overflow-y: auto;
412 padding: 0 4px 0 0;
413 }
414
415 .wpbc_catalog_booking_resources__editor_published_pages .wpbc_booking_resources__published_pages a {
416 align-items: center;
417 display: inline-flex;
418 gap: 6px;
419 overflow-wrap: anywhere;
420 text-decoration: none;
421 }
422
423 .wpbc_catalog_booking_resources__editor_published_pages .wpbc_booking_resources__published_pages a:hover,
424 .wpbc_catalog_booking_resources__editor_published_pages .wpbc_booking_resources__published_pages a:focus-visible {
425 text-decoration: underline;
426 }
427
428 .wpbc_catalog_booking_resources__editor_publishing_actions + .wpbc_booking_resources__copy_status {
429 color: #008a20;
430 display: block;
431 font-size: 12px;
432 margin: 7px 15px 0;
433 }
434
435 .wpbc_catalog_booking_resources__editor_publishing_actions + .wpbc_booking_resources__copy_status:empty {
436 display: none;
437 }
438
439 .wpbc_catalog_booking_resources__editor_publishing_actions + .wpbc_booking_resources__copy_status.has-error {
440 color: #b32d2e;
441 }
442
443 .wpbc_catalog_booking_resources__editor .notice {
444 margin: 0 15px 15px;
445 }
446
447 .wpbc_catalog_booking_resources__editor.is-saving .wpbc_bfb__inspector__head,
448 .wpbc_catalog_booking_resources__editor.is-saving .wpbc_catalog_booking_resources__editor_sections {
449 opacity: .65;
450 }
451
452 .wpbc_catalog_booking_resources__rightbar .wpbc_ui_listing__media {
453 align-items: flex-start;
454 display: flex;
455 flex-flow: row wrap;
456 gap: 10px;
457 justify-content: space-between;
458 margin-bottom: 8px;
459 }
460
461 .wpbc_catalog_booking_resources__rightbar .wpbc_ui_listing__media_preview {
462 align-items: center;
463 appearance: none;
464 background: #fcfcfc;
465 border: 1px solid #c3c4c7;
466 border-radius: 4px;
467 box-sizing: border-box;
468 color: #507593;
469 cursor: pointer;
470 display: flex;
471 flex: 1 1 100%;
472 height: 140px;
473 justify-content: center;
474 margin: 0 0 12px;
475 min-height: 140px;
476 overflow: hidden;
477 padding: 4px;
478 width: 100%;
479 }
480
481 .wpbc_catalog_booking_resources__rightbar .wpbc_ui_listing__media_preview:focus-visible {
482 border-color: #2271b1;
483 box-shadow: 0 0 0 1px #2271b1;
484 outline: 2px solid transparent;
485 }
486
487 .wpbc_catalog_booking_resources__rightbar .wpbc_ui_listing__media_image {
488 height: 100%;
489 object-fit: cover;
490 width: 100%;
491 }
492
493 .wpbc_catalog_booking_resources__rightbar .wpbc_ui_listing__media_image[hidden],
494 .wpbc_catalog_booking_resources__rightbar .wpbc_ui_listing__media_placeholder[hidden] {
495 display: none;
496 }
497
498 .wpbc_catalog_booking_resources__rightbar .wpbc_ui_listing__media_placeholder::before {
499 font-size: 50px;
500 }
501
502 .wpbc_catalog_booking_resources__rightbar .wpbc_ui_listing__media_actions {
503 align-items: stretch;
504 display: flex;
505 flex: 1 1 auto;
506 flex-flow: row wrap;
507 gap: 8px;
508 justify-content: flex-start;
509 width: 100%;
510 }
511
512 .wpbc_catalog_booking_resources__footer_actions {
513 align-items: stretch;
514 box-sizing: border-box;
515 display: flex;
516 flex-wrap: wrap;
517 gap: 8px;
518 padding: 8px 18px;
519 width: 100%;
520 }
521
522 .wpbc_catalog_booking_resources__footer_actions .button {
523 align-items: center;
524 box-sizing: border-box;
525 display: flex;
526 flex: 1 1 auto;
527 justify-content: center;
528 margin: 0;
529 min-width: 0;
530 }
531
532 .wpbc_catalog_booking_resources__right_sidebar_footer[hidden] {
533 display: none;
534 }
535
536 .wpbc_catalog_booking_resources__footer_actions .button.is-busy::after {
537 animation: wpbc-catalog-booking-resource-spin .8s linear infinite;
538 border: 2px solid rgba(255, 255, 255, .5);
539 border-radius: 50%;
540 border-top-color: #fff;
541 content: "";
542 display: inline-block;
543 height: 10px;
544 margin-left: 7px;
545 width: 10px;
546 }
547
548 @keyframes wpbc-catalog-booking-resource-spin {
549 to { transform: rotate(360deg); }
550 }
551
552 .wpbc_catalog_booking_resources .wpbc_booking_resources__item.is-editor-active,
553 .wpbc_catalog_booking_resources .wpbc_booking_resources__item.is-editor-active.is-expanded {
554 background: #f0f6fc;
555 box-shadow: inset 3px 0 var(--wpbc_admin-theme-color, #2271b1);
556 }
557
558 .wpbc_catalog_booking_resources .wpbc_booking_resources__item.is-recently-saved {
559 animation: wpbc-catalog-booking-resource-saved-border 2.8s ease-out;
560 }
561
562 /* Animate cells as well as the row so the inspector's blue active state cannot obscure the saved state. */
563 .wpbc_catalog_booking_resources .wpbc_booking_resources__item.is-recently-saved > td {
564 animation: wpbc-catalog-booking-resource-saved-background 2.8s ease-out;
565 }
566
567 @keyframes wpbc-catalog-booking-resource-saved-border {
568 0%, 45% {
569 box-shadow: inset 3px 0 #00a32a;
570 }
571 100% {
572 box-shadow: inset 3px 0 transparent;
573 }
574 }
575
576 @keyframes wpbc-catalog-booking-resource-saved-background {
577 0%, 45% { background: #edfaef; }
578 100% { background: transparent; }
579 }
580
581 .wpbc_catalog_booking_resources_page > .notice {
582 margin: 0;
583 }
584
585 .wpbc_catalog_booking_resources__mount {
586 min-width: 0;
587 }
588
589 .wpbc_catalog_booking_resources__table_scroll:focus {
590 box-shadow: 0 0 0 1px #2271b1;
591 outline: 2px solid transparent;
592 }
593
594 /* Visual parity with the established Booking Resources Overview listing. */
595 .wpbc_catalog_booking_resources {
596 display: flex;
597 flex-direction: column;
598 gap: 16px;
599 min-width: 0;
600 }
601
602 .wpbc_catalog_booking_resources__controls {
603 display: flex;
604 flex-direction: column;
605 }
606
607 .wpbc_catalog_booking_resources .wpbc_booking_resources__filters {
608 align-items: center;
609 display: flex;
610 flex-flow: row wrap;
611 gap: 10px;
612 }
613
614 .wpbc_catalog_booking_resources .wpbc_booking_resources__search {
615 align-items: center;
616 display: flex;
617 position: relative;
618 }
619
620 .wpbc_catalog_booking_resources .wpbc_booking_resources__search > span[aria-hidden="true"] {
621 left: 12px;
622 position: absolute;
623 z-index: 1;
624 }
625
626 .wpbc_catalog_booking_resources .wpbc_booking_resources__search input[type="search"] {
627 min-width: Min(340px, 70vw);
628 padding-left: 36px;
629 padding-right: 38px;
630 }
631
632 .wpbc_catalog_booking_resources .wpbc_booking_resources__search input[type="search"]::-webkit-search-cancel-button {
633 -webkit-appearance: none;
634 appearance: none;
635 }
636
637 .wpbc_catalog_booking_resources .wpbc_booking_resources__search_clear {
638 align-items: center;
639 background: transparent;
640 border: 0;
641 border-radius: 50%;
642 color: #646970;
643 cursor: pointer;
644 display: inline-flex;
645 height: 28px;
646 justify-content: center;
647 padding: 0;
648 position: absolute;
649 right: 5px;
650 width: 28px;
651 }
652
653 .wpbc_catalog_booking_resources .wpbc_booking_resources__search_clear[hidden] {
654 display: none;
655 }
656
657 .wpbc_catalog_booking_resources .wpbc_booking_resources__search_clear:hover,
658 .wpbc_catalog_booking_resources .wpbc_booking_resources__search_clear:focus-visible {
659 background: #f0f6fc;
660 color: var(--wpbc_admin-theme-color, #2271b1);
661 outline: 2px solid var(--wpbc_admin-theme-color, #2271b1);
662 outline-offset: -2px;
663 }
664
665 .wpbc_catalog_booking_resources .wpbc_catalog_booking_resources__catalog {
666 border-radius: 0 0 8px 8px;
667 border-top: 0;
668 gap: 0;
669 }
670
671 .wpbc_catalog_booking_resources .wpbc_catalog_booking_resources__table_scroll {
672 border: 0;
673 border-radius: 0;
674 }
675
676 .wpbc_catalog_booking_resources .wpbc_booking_resources__table {
677 --wpbc-booking-resource-tree-connector-width: 28px;
678 --wpbc-booking-resource-tree-gap: 10px;
679 }
680
681 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-resource {
682 width: auto;
683 }
684
685 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-labels {
686 width: 300px;
687 }
688
689 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-capacity,
690 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-price {
691 width: 135px;
692 }
693
694 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .column-price {
695 font-size: 16px;
696 font-weight: 600;
697 white-space: nowrap;
698 }
699
700 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-actions {
701 text-align: right;
702 width: 60px;
703 }
704
705 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-id {
706 text-align: center;
707 width: 72px;
708 }
709
710 .wpbc_catalog_booking_resources .wpbc_booking_resources__item {
711 cursor: pointer;
712 }
713
714 .wpbc_catalog_booking_resources .wpbc_booking_resources__item:focus-visible {
715 box-shadow: inset 0 0 0 2px var(--wpbc_admin-theme-color, #2271b1);
716 outline: none;
717 }
718
719 .wpbc_catalog_booking_resources .wpbc_booking_resources__item--parent {
720 background: #fbfcfd;
721 }
722
723 .wpbc_catalog_booking_resources .wpbc_booking_resources__resource_identity {
724 align-items: center;
725 display: flex;
726 gap: 12px;
727 min-width: 220px;
728 }
729
730 .wpbc_catalog_booking_resources .wpbc_ui_listing__table_icon {
731 align-items: center;
732 background: #f0f0f1;
733 border: 2px solid #fff;
734 border-radius: 50%;
735 color: #8c8f94;
736 display: inline-flex;
737 flex: 0 0 40px;
738 height: 40px;
739 justify-content: center;
740 outline: #d4d4d7 solid 1px;
741 overflow: hidden;
742 width: 40px;
743 }
744
745 .wpbc_catalog_booking_resources .wpbc_ui_listing__table_icon img {
746 height: 100%;
747 object-fit: cover;
748 width: 100%;
749 }
750
751 .wpbc_catalog_booking_resources .wpbc_ui_listing__table_icon:focus-visible,
752 .wpbc_catalog_booking_resources .wpbc_ui_listing__table_icon :focus-visible {
753 outline: 2px solid var(--wpbc_admin-theme-color, #2271b1);
754 outline-offset: 2px;
755 }
756
757 .wpbc_catalog_booking_resources .wpbc_ui_listing__item_copy {
758 display: flex;
759 flex: 1 1 auto;
760 flex-direction: column;
761 gap: 3px;
762 min-width: 0;
763 overflow: hidden;
764 }
765
766 .wpbc_catalog_booking_resources .wpbc_ui_listing__item_title,
767 .wpbc_catalog_booking_resources .wpbc_ui_listing__item_description {
768 display: block;
769 overflow: hidden;
770 text-overflow: ellipsis;
771 white-space: nowrap;
772 }
773
774 .wpbc_catalog_booking_resources .wpbc_ui_listing__item_description {
775 color: #646970;
776 font-size: 12px;
777 }
778
779 .wpbc_catalog_booking_resources .wpbc_booking_resources__resource_identity--parent .wpbc_ui_listing__item_title {
780 align-items: center;
781 display: flex;
782 gap: 7px;
783 }
784
785 .wpbc_catalog_booking_resources .wpbc_booking_resources__parent_badge {
786 background: #e7f1ff;
787 border-radius: 3px;
788 color: #135e96;
789 display: inline-flex;
790 font-size: 11px;
791 font-weight: 500;
792 line-height: 1;
793 padding: 4px 6px;
794 }
795
796 .wpbc_catalog_booking_resources .wpbc_booking_resources__resource_identity--child {
797 box-sizing: border-box;
798 gap: 10px;
799 padding-inline-start: calc(var(--wpbc-booking-resource-tree-connector-width) + var(--wpbc-booking-resource-tree-gap));
800 }
801
802 .wpbc_catalog_booking_resources .wpbc_booking_resources__tree_connector {
803 bottom: 0;
804 inset-inline-start: var(--wpbc-booking-resource-tree-cell-inset);
805 pointer-events: none;
806 position: absolute;
807 top: 0;
808 width: var(--wpbc-booking-resource-tree-connector-width);
809 }
810
811 .wpbc_catalog_booking_resources .wpbc_booking_resources__tree_connector::before {
812 border-left: 1px solid #c3c4c7;
813 bottom: 0;
814 content: "";
815 inset-inline-start: 50%;
816 position: absolute;
817 top: 0;
818 }
819
820 .wpbc_catalog_booking_resources .wpbc_booking_resources__tree_connector::after {
821 border-top: 1px solid #c3c4c7;
822 content: "";
823 inset-inline-start: 50%;
824 position: absolute;
825 top: 50%;
826 width: calc(50% + 5px);
827 }
828
829 .wpbc_catalog_booking_resources .wpbc_booking_resources__item--last-child .wpbc_booking_resources__tree_connector::before {
830 bottom: 50%;
831 }
832
833 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary[hidden],
834 .wpbc_catalog_booking_resources .wpbc_booking_resources__item--child[hidden] {
835 display: none;
836 }
837
838 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary td {
839 background: #fff;
840 padding-bottom: 9px;
841 padding-top: 9px;
842 }
843
844 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary .column-resource {
845 position: relative;
846 }
847
848 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary:hover td,
849 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary:focus-within td {
850 background: #f6f7f7;
851 }
852
853 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary_button {
854 align-items: center;
855 background: transparent;
856 border: 0;
857 color: #50575e;
858 cursor: pointer;
859 display: inline-flex;
860 font-size: 12px;
861 gap: 7px;
862 margin-inline-start: 0;
863 min-height: 30px;
864 padding: 0 8px 0 0;
865 position: relative;
866 }
867
868 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary_button:hover,
869 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary_button:focus-visible {
870 color: var(--wpbc_admin-theme-color, #2271b1);
871 outline: none;
872 }
873
874 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary_button:focus-visible {
875 box-shadow: 0 0 0 2px var(--wpbc_admin-theme-color, #2271b1);
876 }
877
878 .wpbc_catalog_booking_resources .wpbc_booking_resources__summary_connector {
879 align-self: stretch;
880 flex: 0 0 24px;
881 position: relative;
882 }
883
884 .wpbc_catalog_booking_resources .wpbc_booking_resources__summary_connector::before {
885 border-bottom: 1px solid #c3c4c7;
886 border-inline-start: 1px solid #c3c4c7;
887 bottom: 50%;
888 content: "";
889 inset-inline-start: 50%;
890 position: absolute;
891 top: -10px;
892 width: 50%;
893 }
894
895 .wpbc_catalog_booking_resources [data-wpbc-ui-catalog-hierarchy-summary-count] {
896 white-space: nowrap;
897 }
898
899 .wpbc_catalog_booking_resources .wpbc_booking_resources__labels {
900 align-items: center;
901 display: flex;
902 flex-flow: row wrap;
903 gap: 5px;
904 }
905
906 .wpbc_catalog_booking_resources .wpbc_booking_resources__label.wpbc_label {
907 border-radius: 3px;
908 display: inline-flex;
909 font-size: 11px;
910 font-weight: 500;
911 max-width: 100%;
912 overflow: hidden;
913 line-height: 1.4;
914 padding: 3px 7px;
915 text-overflow: ellipsis;
916 white-space: nowrap;
917 }
918
919 .wpbc_catalog_booking_resources .wpbc_booking_resources__label--cost.wpbc_label {
920 background: #64aa45;
921 color: #eaffe1;
922 }
923
924 .wpbc_catalog_booking_resources .wpbc_booking_resources__label--single.wpbc_label {
925 background: var(--wpbc_admin-default_label-color, #4c74a9);
926 color: #fff;
927 }
928
929 .wpbc_catalog_booking_resources .wpbc_booking_resources__label--parent.wpbc_label {
930 background: #e80;
931 color: #fff;
932 }
933
934 .wpbc_catalog_booking_resources .wpbc_booking_resources__label--child.wpbc_label {
935 background: #39d;
936 color: #fff;
937 }
938
939 .wpbc_catalog_booking_resources .wpbc_booking_resources__label--default-form.wpbc_label {
940 /*background: #fff4c9;*/
941 /*color: #8e7e3e;*/
942 border: 1px solid #534922;
943 color: #534922;
944 background: transparent;
945 }
946
947 .wpbc_catalog_booking_resources .wpbc_booking_resources__label--owner.wpbc_label {
948 background: #766cba;
949 color: #fff;
950 }
951
952 .wpbc_catalog_booking_resources .wpbc_booking_resources__price_period {
953 color: #646970;
954 font-size: 12px;
955 font-weight: 400;
956 margin-left: 4px;
957 }
958
959 .wpbc_catalog_booking_resources .wpbc_ui_listing__actions_panel {
960 display: flex;
961 flex-direction: column;
962 min-width: 210px;
963 padding: 4px;
964 }
965
966 .wpbc_catalog_booking_resources .wpbc_booking_resources__action_delete {
967 color: #b32d2e;
968 }
969
970 @media screen and (max-width: 782px) {
971 .wpbc_catalog_booking_resources .wpbc_booking_resources__search,
972 .wpbc_catalog_booking_resources .wpbc_booking_resources__search input[type="search"] {
973 width: 100%;
974 }
975 }
976
977 /* Exact structural parity with the established Booking Resources catalog. */
978 .wpbc_catalog_booking_resources.wpbc_booking_resources_page {
979 display: flex;
980 flex-direction: column;
981 gap: 16px;
982 margin: 0;
983 min-width: 0;
984 }
985
986 .wpbc_catalog_booking_resources .wpbc_ui_listing--catalog {
987 border-radius: 8px;
988 }
989
990 .wpbc_catalog_booking_resources .wpbc_booking_resources__content {
991 position: relative;
992 }
993
994 .wpbc_catalog_booking_resources .wpbc_booking_resources__content[aria-busy="true"] {
995 min-height: 360px;
996 }
997
998 .wpbc_catalog_booking_resources .wpbc_booking_resources__loading {
999 align-items: center;
1000 background: rgba(255, 255, 255, .8);
1001 border-radius: 4px;
1002 display: flex;
1003 inset: 0;
1004 justify-content: center;
1005 opacity: 0;
1006 pointer-events: none;
1007 position: absolute;
1008 transition: opacity .2s ease-in-out;
1009 z-index: 10;
1010 }
1011
1012 .wpbc_catalog_booking_resources .wpbc_booking_resources__loading.is-visible {
1013 opacity: 1;
1014 pointer-events: auto;
1015 }
1016
1017 .wpbc_catalog_booking_resources .wpbc_booking_resources__table {
1018 --wpbc-booking-resource-selection-width: 84px;
1019 --wpbc-booking-resource-tree-cell-inset: 12px;
1020 --wpbc-booking-resource-tree-connector-width: 28px;
1021 --wpbc-booking-resource-tree-gap: 10px;
1022 }
1023
1024 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .wpbc_ui_listing__column_selection {
1025 --wpbc-listing-column-min-width: var(--wpbc-booking-resource-selection-width);
1026 padding-left: 8px;
1027 padding-right: 8px;
1028 text-align: center;
1029 white-space: nowrap;
1030 width: var(--wpbc-booking-resource-selection-width);
1031 }
1032
1033 .wpbc_catalog_booking_resources th.wpbc_ui_listing__column.wpbc_ui_listing__column_selection > label {
1034 margin-right: 32px;
1035 }
1036
1037 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-resource {
1038 --wpbc-listing-column-min-width: 280px;
1039 --wpbc-listing-column-width: auto;
1040 width: auto;
1041 }
1042
1043 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-labels {
1044 --wpbc-listing-column-min-width: 300px;
1045 width: var(--wpbc-listing-column-min-width);
1046 }
1047
1048 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-publishing {
1049 --wpbc-listing-column-min-width: 240px;
1050 width: var(--wpbc-listing-column-min-width);
1051 }
1052
1053 .wpbc_catalog_booking_resources .wpbc_booking_resources__shortcode {
1054 display: block;
1055 max-width: 240px;
1056 overflow: hidden;
1057 text-overflow: ellipsis;
1058 white-space: nowrap;
1059 }
1060
1061 .wpbc_catalog_booking_resources .wpbc_booking_resources__clipped_text {
1062 display: block;
1063 max-width: 100%;
1064 overflow: hidden;
1065 text-overflow: ellipsis;
1066 white-space: nowrap;
1067 }
1068
1069 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-default-form,
1070 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-structure,
1071 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-owner {
1072 --wpbc-listing-column-min-width: 150px;
1073 min-width: 150px;
1074 width: var(--wpbc-listing-column-min-width);
1075 }
1076
1077 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-priority {
1078 --wpbc-listing-column-min-width: 110px;
1079 text-align: center;
1080 width: var(--wpbc-listing-column-min-width);
1081 }
1082
1083 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-capacity,
1084 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-price {
1085 --wpbc-listing-column-min-width: 135px;
1086 width: var(--wpbc-listing-column-min-width);
1087 }
1088
1089 .wpbc_catalog_booking_resources .wpbc_booking_resources__price_fraction {
1090 font-size: .72em;
1091 line-height: 1;
1092 position: relative;
1093 font-weight: 500;
1094 }
1095
1096 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-actions {
1097 --wpbc-listing-column-min-width: 60px;
1098 text-align: right;
1099 width: var(--wpbc-listing-column-min-width);
1100 }
1101
1102 .wpbc_catalog_booking_resources .wpbc_booking_resources__table .column-id {
1103 --wpbc-listing-column-min-width: 72px;
1104 text-align: center;
1105 width: var(--wpbc-listing-column-min-width);
1106 }
1107
1108 .wpbc_catalog_booking_resources .wpbc_booking_resources__item--parent.is-expanded {
1109 box-shadow: inset 3px 0 #dcdcde;
1110 }
1111
1112 .wpbc_catalog_booking_resources .wpbc_booking_resources__item--parent.is-selected.is-expanded {
1113 box-shadow: inset 3px 0 var(--wpbc_admin-theme-color, #2271b1);
1114 }
1115
1116 .wpbc_catalog_booking_resources .wpbc_booking_resources__item--child .column-resource {
1117 position: relative;
1118 }
1119
1120 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_toggle {
1121 align-items: center;
1122 background: transparent;
1123 border: 1px solid transparent;
1124 border-radius: 50%;
1125 color: #646970;
1126 cursor: pointer;
1127 display: inline-flex;
1128 height: 30px;
1129 justify-content: center;
1130 padding: 0;
1131 vertical-align: middle;
1132 width: 30px;
1133 }
1134
1135 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_toggle:hover,
1136 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_toggle:focus-visible,
1137 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_toggle[aria-expanded="true"] {
1138 background: #f0f6fc;
1139 border-color: var(--wpbc_admin-theme-color, #2271b1);
1140 color: var(--wpbc_admin-theme-color, #2271b1);
1141 outline: none;
1142 }
1143
1144 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_row > td {
1145 background: #f6f7f7;
1146 box-shadow: inset 3px 0 var(--wpbc_admin-theme-color, #2271b1);
1147 min-width: 0;
1148 padding: 14px 16px 16px;
1149 width: auto;
1150 }
1151
1152 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_content {
1153 background: #fff;
1154 border: 1px solid #dcdcde;
1155 border-radius: 6px;
1156 box-sizing: border-box;
1157 min-height: 104px;
1158 padding: 16px;
1159 }
1160
1161 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_content.is-loading,
1162 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_content.has-error {
1163 align-items: center;
1164 color: #646970;
1165 display: flex;
1166 gap: 9px;
1167 justify-content: center;
1168 }
1169
1170 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_content.has-error {
1171 color: #b32d2e;
1172 }
1173
1174 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_grid {
1175 --wpbc-booking-resources-section-max-height: 420px;
1176 display: grid;
1177 gap: 12px;
1178 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
1179 }
1180
1181 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card {
1182 background: #fff;
1183 border: 1px solid #dcdcde;
1184 border-radius: 5px;
1185 box-sizing: border-box;
1186 max-height: Min(var(--wpbc-booking-resources-section-max-height, 420px), 55vh);
1187 min-width: 0;
1188 overflow-x: hidden;
1189 overflow-y: auto;
1190 padding: 14px;
1191 scrollbar-width: thin;
1192 }
1193
1194 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card h3 {
1195 align-items: center;
1196 display: flex;
1197 font-size: 14px;
1198 gap: 8px;
1199 line-height: 1.35;
1200 margin: 0 0 12px;
1201 }
1202
1203 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card h3 > span:first-child {
1204 color: #50575e;
1205 font-size: 17px;
1206 }
1207
1208 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card dl {
1209 display: flex;
1210 flex-direction: column;
1211 gap: 9px;
1212 margin: 0;
1213 }
1214
1215 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_value {
1216 align-items: first baseline;
1217 border-bottom: 1px solid #f0f0f1;
1218 display: flex;
1219 flex-flow: row wrap;
1220 gap: 10px;
1221 justify-content: flex-start;
1222 min-width: 0;
1223 padding-bottom: 8px;
1224 }
1225
1226 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_value:last-child {
1227 border-bottom: 0;
1228 padding-bottom: 0;
1229 }
1230
1231 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_value dt {
1232 color: #646970;
1233 font-size: 12px;
1234 }
1235
1236 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_value dd {
1237 align-items: center;
1238 display: inline-flex;
1239 flex: 1 1 80px;
1240 flex-flow: row wrap;
1241 font-weight: 550;
1242 gap: 6px;
1243 margin: 0;
1244 max-width: 100%;
1245 min-width: 0;
1246 overflow-wrap: anywhere;
1247 }
1248
1249 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_shortcode_value {
1250 display: block;
1251 max-width: 100%;
1252 min-width: 0;
1253 overflow: hidden;
1254 width: 100%;
1255 }
1256
1257 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_shortcode dd {
1258 flex: 1 1 100%;
1259 }
1260
1261 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_shortcode code {
1262 box-sizing: border-box;
1263 display: block;
1264 font-weight: 400;
1265 max-width: 100%;
1266 overflow: hidden;
1267 padding: 4px 6px;
1268 text-overflow: ellipsis;
1269 white-space: nowrap;
1270 }
1271
1272 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_edit_link {
1273 align-items: center;
1274 display: inline-flex;
1275 justify-content: center;
1276 text-decoration: none;
1277 }
1278
1279 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_value_action.button {
1280 flex: 0 0 26px;
1281 height: 26px;
1282 line-height: 1;
1283 margin: 0;
1284 min-height: 26px;
1285 padding: 0;
1286 width: 26px;
1287 border-radius: 50%;
1288 }
1289
1290 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_edit_link:hover,
1291 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_edit_link:focus-visible {
1292 text-decoration: underline;
1293 }
1294
1295 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_value_help {
1296 color: #646970;
1297 flex: 1 1 100%;
1298 font-size: 12px;
1299 line-height: 1.5;
1300 margin: 0;
1301 }
1302
1303 .wpbc_catalog_booking_resources .wpbc_booking_resources__published_pages {
1304 display: grid;
1305 gap: 6px;
1306 list-style: none;
1307 margin: 0;
1308 max-height: 160px;
1309 overflow-y: auto;
1310 padding: 0 4px 0 0;
1311 scrollbar-width: thin;
1312 }
1313
1314 .wpbc_catalog_booking_resources .wpbc_booking_resources__published_pages a {
1315 align-items: center;
1316 display: inline-flex;
1317 gap: 6px;
1318 overflow-wrap: anywhere;
1319 text-decoration: none;
1320 }
1321
1322 .wpbc_catalog_booking_resources .wpbc_booking_resources__published_pages a:hover,
1323 .wpbc_catalog_booking_resources .wpbc_booking_resources__published_pages a:focus-visible {
1324 text-decoration: underline;
1325 }
1326
1327 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_actions {
1328 align-items: center;
1329 display: flex;
1330 flex-flow: row wrap;
1331 gap: 7px;
1332 margin-top: 14px;
1333 }
1334
1335 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--actions {
1336 grid-column: 1 / -1;
1337 }
1338 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--availability {
1339 grid-column: 1 / -2;
1340 }
1341
1342 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--actions .wpbc_booking_resources__details_actions {
1343 margin-top: 0;
1344 }
1345
1346 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--actions .wpbc_booking_resources__details_action--delete {
1347 margin-inline-start: auto;
1348 }
1349
1350 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--actions-first {
1351 display: flex;
1352 flex-direction: column;
1353 }
1354
1355 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--actions-first .wpbc_booking_resources__details_actions {
1356 margin: 0 0 14px;
1357 order: 1;
1358 }
1359
1360 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--actions-first dl {
1361 order: 2;
1362 }
1363
1364 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--availability dl {
1365 align-items: start;
1366 display: grid;
1367 gap: 10px;
1368 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
1369 }
1370
1371 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--availability .wpbc_booking_resources__details_value {
1372 background: #f6f7f7;
1373 border: 1px solid #e2e4e7;
1374 border-radius: 4px;
1375 box-sizing: border-box;
1376 padding: 10px;
1377 width: 100%;
1378 }
1379
1380 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_action {
1381 align-items: center;
1382 display: inline-flex !important;
1383 gap: 6px;
1384 }
1385
1386 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_action--delete.button {
1387 border-color: #d63638;
1388 color: #b32d2e;
1389 }
1390
1391 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_action--delete.button:focus,
1392 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_action--delete.button:hover {
1393 background: #fcf0f1;
1394 border-color: #b32d2e;
1395 color: #8a2424;
1396 }
1397
1398 .wpbc_catalog_booking_resources .wpbc_booking_resources__copy_status {
1399 color: #008a20;
1400 display: block;
1401 font-size: 12px;
1402 margin: 7px 0 0;
1403 }
1404
1405 .wpbc_catalog_booking_resources .wpbc_booking_resources__copy_status:empty {
1406 display: none;
1407 }
1408
1409 .wpbc_catalog_booking_resources .wpbc_booking_resources__copy_status.has-error {
1410 color: #b32d2e;
1411 }
1412
1413 .wpbc_catalog_booking_resources .wpbc_booking_resources__hierarchy_toggle {
1414 margin: 0 -4px 0 0;
1415 }
1416
1417 .wpbc_catalog_booking_resources .wpbc_booking_resources__hierarchy_all_toggle {
1418 margin: 0 8px 0 0;
1419 vertical-align: middle;
1420 }
1421
1422 .wpbc_catalog_booking_resources .wpbc_booking_resources__resource_identity--parent > .wpbc_ui_listing__item_copy .wpbc_ui_listing__item_title {
1423 align-items: center;
1424 display: flex;
1425 flex-flow: row nowrap;
1426 gap: 7px;
1427 }
1428
1429 .wpbc_catalog_booking_resources__selection_actions {
1430 align-items: center;
1431 display: inline-flex;
1432 flex-flow: row wrap;
1433 gap: 10px;
1434 }
1435
1436 .wpbc_catalog_booking_resources__selection_actions .button {
1437 align-items: center;
1438 display: inline-flex;
1439 gap: 6px;
1440 }
1441
1442 .wpbc_catalog_booking_resources__selection_delete {
1443 border-color: #d63638 !important;
1444 color: #b32d2e !important;
1445 }
1446
1447 .wpbc_catalog_booking_resources__selection_delete:focus,
1448 .wpbc_catalog_booking_resources__selection_delete:hover {
1449 background: #fcf0f1 !important;
1450 border-color: #b32d2e !important;
1451 }
1452
1453 .wpbc_catalog_booking_resources__bulk_field {
1454 border: 1px solid #dcdcde;
1455 border-radius: 5px;
1456 margin: 0 0 14px;
1457 padding: 14px;
1458 }
1459
1460 .wpbc_catalog_booking_resources__bulk_field.is-enabled {
1461 border-color: var(--wpbc_admin-theme-color, #2271b1);
1462 box-shadow: inset 3px 0 var(--wpbc_admin-theme-color, #2271b1);
1463 }
1464
1465 .wpbc_catalog_booking_resources__bulk_field_head,
1466 .wpbc_catalog_booking_resources__bulk_field_head label,
1467 .wpbc_catalog_booking_resources__bulk_field_controls,
1468 .wpbc_catalog_booking_resources__bulk_value {
1469 align-items: center;
1470 display: flex;
1471 gap: 9px;
1472 }
1473
1474 .wpbc_catalog_booking_resources__bulk_field_head {
1475 justify-content: space-between;
1476 }
1477
1478 .wpbc_catalog_booking_resources__bulk_field_head > span {
1479 color: #646970;
1480 font-size: 12px;
1481 text-align: right;
1482 }
1483
1484 .wpbc_catalog_booking_resources__bulk_field_controls {
1485 margin-top: 12px;
1486 }
1487
1488 .wpbc_catalog_booking_resources__bulk_field_controls > select {
1489 min-width: 0;
1490 width: 52%;
1491 }
1492
1493 .wpbc_catalog_booking_resources__bulk_value {
1494 flex: 1 1 48%;
1495 min-width: 0;
1496 }
1497
1498 .wpbc_catalog_booking_resources__bulk_value input,
1499 .wpbc_catalog_booking_resources__bulk_value select {
1500 min-width: 0;
1501 width: 100%;
1502 }
1503
1504 .wpbc_catalog_booking_resources__bulk_field > input[type="range"] {
1505 display: block;
1506 margin: 12px 0 0;
1507 width: 100%;
1508 }
1509
1510 .wpbc_catalog_booking_resources__review_body {
1511 padding: 16px;
1512 }
1513
1514 .wpbc_catalog_booking_resources__review_body > h2 {
1515 font-size: 17px;
1516 margin: 0 0 12px;
1517 }
1518
1519 .wpbc_catalog_booking_resources__review_card {
1520 border: 1px solid #dcdcde;
1521 border-radius: 5px;
1522 margin: 0 0 12px;
1523 padding: 13px;
1524 }
1525
1526 .wpbc_catalog_booking_resources__review_card h3 {
1527 font-size: 14px;
1528 margin: 0 0 9px;
1529 }
1530
1531 .wpbc_catalog_booking_resources__review_card dl,
1532 .wpbc_catalog_booking_resources__review_card p {
1533 margin: 0;
1534 }
1535
1536 .wpbc_catalog_booking_resources__review_card dl > div {
1537 display: grid;
1538 gap: 8px;
1539 grid-template-columns: minmax(85px, 1fr) minmax(0, 1.7fr);
1540 padding: 4px 0;
1541 }
1542
1543 .wpbc_catalog_booking_resources__review_card dd {
1544 align-items: center;
1545 display: flex;
1546 flex-flow: row wrap;
1547 gap: 8px;
1548 margin: 0;
1549 }
1550
1551 /* Capacity reduction is a separate structural workflow, not catalog deletion. */
1552 .wpbc_booking_resources__capacity_editor .wpbc_booking_resources__delete_acknowledgement {
1553 align-items: flex-start;
1554 background: #fff;
1555 border: 1px solid #d63638;
1556 border-radius: 4px;
1557 box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
1558 display: flex;
1559 font-weight: 600;
1560 gap: 8px;
1561 margin: 0 0 16px;
1562 padding: 12px;
1563 position: sticky;
1564 top: 0;
1565 z-index: 3;
1566 }
1567
1568 .wpbc_booking_resources__capacity_editor .wpbc_booking_resources__delete_acknowledgement input {
1569 flex: 0 0 auto;
1570 margin-top: 2px;
1571 }
1572
1573 .wpbc_booking_resources__delete_acknowledgement--attention {
1574 animation: wpbc_booking_resources__delete_acknowledgement_attention .62s ease-in-out 3;
1575 }
1576
1577 @keyframes wpbc_booking_resources__delete_acknowledgement_attention {
1578 0% { background: #fff; box-shadow: 0 0 0 0 rgba(214, 54, 56, .72); }
1579 50% { background: #fcf0f1; box-shadow: 0 0 0 7px rgba(214, 54, 56, .16); }
1580 100% { background: #fff; box-shadow: 0 0 0 0 rgba(214, 54, 56, 0); }
1581 }
1582
1583 @media (prefers-reduced-motion: reduce) {
1584 .wpbc_booking_resources__delete_acknowledgement--attention {
1585 animation: none;
1586 background: #fcf0f1;
1587 box-shadow: 0 0 0 2px rgba(214, 54, 56, .18);
1588 }
1589 }
1590
1591 .wpbc_catalog_booking_resources__delete_card {
1592 display: grid;
1593 gap: 5px 12px;
1594 grid-template-columns: minmax(0, 1fr) auto;
1595 }
1596
1597 .wpbc_catalog_booking_resources__delete_card h3 {
1598 grid-column: 1 / -1;
1599 }
1600
1601 .wpbc_catalog_booking_resources__delete_card .has-bookings {
1602 color: #b32d2e;
1603 font-weight: 600;
1604 }
1605
1606 .wpbc_booking_resources__delete_confirm_button.button {
1607 background: #d63638;
1608 border-color: #d63638;
1609 color: #fff;
1610 }
1611
1612 .wpbc_booking_resources__delete_confirm_button.button:focus,
1613 .wpbc_booking_resources__delete_confirm_button.button:hover {
1614 background: #b32d2e;
1615 border-color: #8a2424;
1616 color: #fff;
1617 }
1618
1619 /* Domain-specific fields within the shared inline-editing workflow. */
1620 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_message {
1621 flex: 1 1 100%;
1622 }
1623
1624 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_message {
1625 margin: 0 !important;
1626 }
1627
1628 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_message p {
1629 margin: 6px 0;
1630 }
1631
1632 .wpbc_catalog_booking_resources.is-inline-editing .wpbc_booking_resources__item {
1633 cursor: default;
1634 }
1635
1636 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_identity_fields {
1637 display: flex;
1638 flex: 1 1 230px;
1639 flex-direction: column;
1640 gap: 6px;
1641 min-width: 220px;
1642 }
1643
1644 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_field {
1645 display: block;
1646 margin: 0;
1647 min-width: 90px;
1648 }
1649
1650 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_control_row {
1651 align-items: center;
1652 display: flex;
1653 gap: 6px;
1654 width: 100%;
1655 }
1656
1657 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_control {
1658 min-width: 80px;
1659 }
1660
1661 .wpbc_catalog_booking_resources textarea.wpbc_booking_resources__inline_control {
1662 min-height: 54px;
1663 resize: vertical;
1664 }
1665
1666 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_field--title .wpbc_booking_resources__inline_control {
1667 font-weight: 600;
1668 }
1669
1670 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_affix {
1671 color: #50575e;
1672 flex: 0 0 auto;
1673 font-size: 12px;
1674 white-space: nowrap;
1675 }
1676
1677 /* Phase 12 template packs. Every rule is scoped to the active domain pack. */
1678 .wpbc_catalog_booking_resources [data-wpbc-ui-catalog-template-pack] {
1679 min-width: 110px;
1680 }
1681
1682 .wpbc_catalog_booking_resources[data-wpbc-template-pack="compact"] .wpbc_booking_resources__table tbody td {
1683 padding-block: 5px;
1684 }
1685 .wpbc_catalog_booking_resources[data-wpbc-template-pack="compact"] .wpbc_booking_resources__labels{
1686 flex-flow: row nowrap;
1687 }
1688 .wpbc_catalog_booking_resources[data-wpbc-template-pack="compact"] .wpbc_ui_listing__table_icon,
1689 .wpbc_catalog_booking_resources[data-wpbc-template-pack="compact"] .wpbc_ui_listing__table_icon img {
1690 height: 28px;
1691 width: 28px;
1692 flex: 0 0 28px;
1693 }
1694
1695 .wpbc_catalog_booking_resources[data-wpbc-template-pack="compact"] .wpbc_ui_listing__item_description,
1696 .wpbc_catalog_booking_resources[data-wpbc-template-pack="compact"] .wpbc_booking_resources__clipped_text {
1697 display: block;
1698 overflow: hidden;
1699 text-overflow: ellipsis;
1700 white-space: nowrap;
1701 }
1702
1703 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards_header {
1704 align-items: center;
1705 background: #fff;
1706 border-block-end: 1px solid #dcdcde;
1707 display: flex;
1708 flex-flow: row wrap;
1709 gap: 12px;
1710 justify-content: space-between;
1711 padding: 12px 16px;
1712 }
1713
1714 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards_header_controls,
1715 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards_sort {
1716 align-items: center;
1717 display: flex;
1718 flex-flow: row wrap;
1719 gap: 8px;
1720 }
1721
1722 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards_sort > span {
1723 color: #646970;
1724 font-size: 12px;
1725 }
1726
1727 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards_sort a {
1728 align-items: center;
1729 border-radius: 3px;
1730 display: inline-flex;
1731 gap: 4px;
1732 padding: 5px 7px;
1733 text-decoration: none;
1734 }
1735
1736 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards_sort a.is-active {
1737 background: #f0f6fc;
1738 font-weight: 600;
1739 }
1740
1741 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards {
1742 background: #f6f7f7;
1743 display: grid;
1744 gap: 30px 20px;
1745 grid-template-columns: repeat(auto-fit, minmax(Min(100%, 330px), 1fr));
1746 padding: 16px;
1747 }
1748
1749 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card,
1750 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_summary--card,
1751 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__details_row--card {
1752 background: #fff;
1753 border: 1px solid #dcdcde;
1754 border-radius: 6px;
1755 box-sizing: border-box;
1756 min-width: 0;
1757 }
1758
1759 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card {
1760 display: flex;
1761 flex-direction: column;
1762 padding: 14px;
1763 position: relative;
1764 }
1765
1766 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card.is-selected {
1767 background: #f0f6fc;
1768 border-color: var(--wpbc_admin-theme-color, #2271b1);
1769 box-shadow: inset 3px 0 var(--wpbc_admin-theme-color, #2271b1);
1770 }
1771
1772 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card.is-recently-saved {
1773 background: #edfaef;
1774 border-color: #00a32a;
1775 }
1776
1777 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_header {
1778 align-items: flex-start;
1779 display: grid;
1780 gap: 10px;
1781 grid-template-columns: auto minmax(0, 1fr) auto;
1782 }
1783
1784 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_controls {
1785 align-items: center;
1786 display: flex;
1787 gap: 7px;
1788 }
1789
1790 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__resource_identity {
1791 align-items: center;
1792 display: grid;
1793 gap: 10px;
1794 grid-template-columns: auto minmax(0, 1fr);
1795 min-width: 0;
1796 }
1797
1798 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__resource_identity--child {
1799 padding-inline-start: 16px;
1800 position: relative;
1801 }
1802
1803 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__tree_connector {
1804 border-block-end: 1px solid #c3c4c7;
1805 border-inline-start: 1px solid #c3c4c7;
1806 block-size: 18px;
1807 bottom: auto;
1808 inline-size: 13px;
1809 inset-inline-start: 0;
1810 margin-inline-start: 0;
1811 position: absolute;
1812 top: calc(50% - 18px);
1813 }
1814
1815 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__tree_connector::before,
1816 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__tree_connector::after {
1817 content: none;
1818 }
1819
1820 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_ui_listing__item_copy,
1821 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_ui_listing__item_title,
1822 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_ui_listing__item_description {
1823 display: block;
1824 min-width: 0;
1825 overflow: hidden;
1826 text-overflow: ellipsis;
1827 white-space: nowrap;
1828 }
1829
1830 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_parent_context {
1831 color: #646970;
1832 display: block;
1833 font-size: 11px;
1834 margin-block-start: 3px;
1835 overflow: hidden;
1836 text-overflow: ellipsis;
1837 white-space: nowrap;
1838 }
1839
1840 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_fields {
1841 display: grid;
1842 gap: 0;
1843 grid-template-columns: repeat(2, minmax(0, 1fr));
1844 margin: 13px 0 0;
1845 }
1846
1847 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field {
1848 border-block-start: 1px solid #f0f0f1;
1849 display: grid;
1850 gap: 5px;
1851 grid-template-columns: minmax(70px, .8fr) minmax(0, 1.2fr);
1852 padding: 9px 6px;
1853 }
1854
1855 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field dt {
1856 color: #646970;
1857 font-size: 12px;
1858 }
1859
1860 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field dd {
1861 margin: 0;
1862 min-width: 0;
1863 overflow-wrap: anywhere;
1864 }
1865
1866 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field.column-labels {
1867 grid-column: 1 / -1;
1868 }
1869
1870 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field.column-actions:last-child {
1871 grid-column: 1 / -1;
1872 }
1873
1874 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_summary--card,
1875 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__details_row--card {
1876 grid-column: 1 / -1;
1877 padding: 12px 14px;
1878 }
1879
1880 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_summary_button {
1881 margin-inline-start: 24px;
1882 }
1883
1884 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__details_row--card {
1885 border-inline-start: 3px solid var(--wpbc_admin-theme-color, #2271b1);
1886 }
1887
1888 /* Image-led cards and expandable parent group tray. */
1889 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards_select_all {
1890 gap: 7px;
1891 justify-content: flex-start;
1892 }
1893
1894 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards {
1895 align-items: start;
1896 grid-template-columns: repeat(3, minmax(250px, 1fr));
1897 }
1898
1899 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_group {
1900 display: grid;
1901 gap: 94px;
1902 grid-column: 1 / -1;
1903 grid-template-columns: minmax(310px, 390px) minmax(0, 1fr);
1904 min-width: 0;
1905 }
1906
1907 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_group:not(.is-expanded) {
1908 grid-column: auto;
1909 grid-template-columns: minmax(0, 1fr);
1910 }
1911
1912 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_group:not(.is-expanded) .wpbc_booking_resources__card_stack {
1913 display: block;
1914 }
1915
1916 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stage {
1917 align-self: start;
1918 min-width: 0;
1919 position: relative;
1920 }
1921
1922 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack {
1923 bottom: -14px;
1924 inset-inline: 0 -86px;
1925 overflow: visible;
1926 pointer-events: none;
1927 position: absolute;
1928 top: 8px;
1929 z-index: 0;
1930 }
1931
1932 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item {
1933 background: #fff;
1934 border: 1px solid #c3c4c7;
1935 border-radius: 8px;
1936 box-shadow: 0 3px 10px rgb(0 0 0 / 16%);
1937 box-sizing: border-box;
1938 display: block;
1939 height: calc(100% - 12px);
1940 overflow: hidden;
1941 position: absolute;
1942 width: calc(100% - 86px);
1943 }
1944
1945 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item--1 {
1946 inset-block-start: 3px;
1947 inset-inline-start: 5px;
1948 z-index: 3;
1949 }
1950
1951 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item--2 {
1952 height: calc(100% - 20px);
1953 inset-block-start: 15px;
1954 inset-inline-start: 10px;
1955 z-index: 2;
1956 }
1957
1958 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item--3 {
1959 height: calc(100% - 28px);
1960 inset-block-start: 27px;
1961 inset-inline-start: 15px;
1962 z-index: 1;
1963 }
1964
1965 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item img {
1966 height: 130px;
1967 object-fit: cover;
1968 width: 100%;
1969 }
1970
1971 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item > span {
1972 display: block;
1973 font-size: 11px;
1974 font-weight: 600;
1975 overflow: hidden;
1976 padding: 9px;
1977 text-overflow: ellipsis;
1978 white-space: nowrap;
1979 }
1980
1981 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card {
1982 border-radius: 8px;
1983 box-shadow: 0 1px 4px rgb(0 0 0 / 8%);
1984 overflow: visible;
1985 padding: 0;
1986 transition: background-color .12s ease-in-out, border-color .12s ease-in-out, box-shadow .12s ease-in-out;
1987 }
1988
1989 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card:hover,
1990 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card:focus-within,
1991 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card.is-editor-active {
1992 background: #f0f6fc;
1993 border-color: var(--wpbc_admin-theme-color, #2271b1);
1994 box-shadow: inset 3px 0 var(--wpbc_admin-theme-color, #2271b1), 0 1px 4px rgb(0 0 0 / 8%);
1995 }
1996
1997 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stage > .wpbc_booking_resources__card {
1998 position: relative;
1999 z-index: 1;
2000 }
2001
2002 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_media {
2003 background: #f0f0f1;
2004 height: 126px;
2005 overflow: hidden;
2006 position: relative;
2007 }
2008
2009 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_media > img,
2010 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_media_placeholder {
2011 display: block;
2012 height: 100%;
2013 object-fit: cover;
2014 width: 100%;
2015 }
2016
2017 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_media_placeholder {
2018 align-items: center;
2019 color: #8c8f94;
2020 display: flex;
2021 font-size: 30px;
2022 justify-content: center;
2023 }
2024
2025 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_selection {
2026 background: rgb(255 255 255 / 40%);
2027 border-radius: 50%;
2028 inset-block-start: 12px;
2029 inset-inline-start: 12px;
2030 padding: 3px;
2031 position: absolute;
2032 }
2033
2034 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_selection label {
2035 margin: 0;
2036 }
2037
2038 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_header {
2039 display: block;
2040 padding: 0 14px;
2041 }
2042
2043 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__resource_identity {
2044 align-items: start;
2045 margin-block-start: -10px;
2046 position: relative;
2047 z-index: 2;
2048 }
2049
2050 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__resource_identity--child {
2051 padding-inline-start: 0;
2052 }
2053
2054 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_header .wpbc_ui_listing__table_icon,
2055 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_header .wpbc_ui_listing__table_icon img {
2056 background: #fff;
2057 border-radius: 50%;
2058 height: 46px;
2059 width: 46px;
2060 }
2061
2062 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_header .wpbc_ui_listing__table_icon {
2063 border: 2px solid #fff;
2064 box-shadow: 0 0 0 1px #c3c4c7;
2065 }
2066
2067 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_ui_listing__item_copy {
2068 padding-block-start: 13px;
2069 }
2070
2071 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_ui_listing__item_title,
2072 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_type_badge {
2073 display: inline-block;
2074 vertical-align: middle;
2075 }
2076
2077 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_type_badge {
2078 background: #f0f6fc;
2079 border-radius: 3px;
2080 color: #2271b1;
2081 font-size: 10px;
2082 margin-inline-start: 5px;
2083 padding: 2px 5px;
2084 }
2085
2086 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__item--single .wpbc_booking_resources__card_type_badge {
2087 background: #f6f2ff;
2088 color: #674399;
2089 }
2090
2091 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__item--child .wpbc_booking_resources__card_type_badge {
2092 background: #eaf7ff;
2093 color: #0073aa;
2094 }
2095
2096 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_ui_listing__item_description {
2097 margin-block-start: 2px;
2098 }
2099
2100 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_labels {
2101 min-height: 0;
2102 padding: 7px 14px 0;
2103 }
2104
2105 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_fields > .wpbc_booking_resources__card_field--labels {
2106 grid-column: 1 / -1;
2107 padding: 0;
2108 }
2109
2110 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_fields {
2111 gap: 8px;
2112 margin: 10px 14px 12px;
2113 }
2114
2115 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field {
2116 border: 1px solid #e2e4e7;
2117 border-radius: 5px;
2118 gap: 4px;
2119 grid-template-columns: minmax(0, 1fr);
2120 padding: 8px 10px;
2121 }
2122
2123 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field dt {
2124 align-items: center;
2125 display: flex;
2126 gap: 6px;
2127 }
2128
2129 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field.column-capacity dt span {
2130 color: #dba617;
2131 }
2132
2133 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field.column-price dt span {
2134 color: #46b450;
2135 }
2136
2137 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_footer {
2138 align-items: center;
2139 border-block-start: 1px solid #e2e4e7;
2140 display: flex;
2141 font-size: 11px;
2142 justify-content: space-between;
2143 margin-block-start: auto;
2144 min-height: 28px;
2145 padding: 6px 12px;
2146 }
2147
2148 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_footer_actions {
2149 align-items: center;
2150 display: flex;
2151 gap: 5px;
2152 }
2153
2154 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_footer .wpbc_booking_resources__details_toggle,
2155 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_footer .wpbc_booking_resources__hierarchy_toggle {
2156 height: 28px;
2157 min-width: 28px;
2158 padding: 0;
2159 width: 28px;
2160 }
2161
2162 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray {
2163 background: #fff;
2164 border: 1px solid #dcdcde;
2165 border-radius: 10px;
2166 box-shadow: 0 5px 16px rgb(0 0 0 / 12%);
2167 min-width: 0;
2168 padding: 14px;
2169 }
2170
2171 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray[hidden] {
2172 display: none;
2173 }
2174
2175 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_header {
2176 align-items: start;
2177 display: flex;
2178 gap: 12px;
2179 justify-content: space-between;
2180 margin-block-end: 12px;
2181 }
2182
2183 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_header strong,
2184 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_header small {
2185 display: block;
2186 }
2187
2188 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_header small {
2189 color: #646970;
2190 margin-block-start: 3px;
2191 }
2192
2193 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_close {
2194 background: transparent;
2195 border: 0;
2196 border-radius: 3px;
2197 cursor: pointer;
2198 font-size: 16px;
2199 height: 30px;
2200 width: 30px;
2201 }
2202
2203 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_close:focus-visible {
2204 box-shadow: 0 0 0 2px var(--wpbc_admin-theme-color, #2271b1);
2205 outline: 0;
2206 }
2207
2208 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_cards {
2209 display: grid;
2210 gap: 10px;
2211 grid-auto-columns: minmax(185px, 1fr);
2212 grid-auto-flow: column;
2213 overflow-x: auto;
2214 padding: 1px;
2215 scrollbar-width: thin;
2216 }
2217
2218 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_media {
2219 height: 82px;
2220 }
2221
2222 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_header {
2223 padding-inline: 10px;
2224 }
2225
2226 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_ui_listing__table_icon,
2227 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_ui_listing__table_icon img {
2228 height: 34px;
2229 width: 34px;
2230 }
2231
2232 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_ui_listing__item_copy {
2233 padding-block-start: 10px;
2234 }
2235
2236 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_labels {
2237 padding: 0;
2238 }
2239
2240 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_fields {
2241 gap: 6px;
2242 margin: 8px 10px;
2243 }
2244
2245 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_field {
2246 border: 0;
2247 padding: 4px;
2248 }
2249
2250 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_footer {
2251 padding-inline: 9px;
2252 }
2253
2254 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_summary--card {
2255 display: none;
2256 }
2257
2258 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stage > .wpbc_booking_resources__details_row--card,
2259 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_cards > .wpbc_booking_resources__details_row--card {
2260 grid-column: 1 / -1;
2261 margin-block-start: 10px;
2262 }
2263
2264 @media screen and (max-width: 1280px) {
2265 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards {
2266 grid-template-columns: repeat(2, minmax(250px, 1fr));
2267 }
2268
2269 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_group {
2270 gap: 70px;
2271 grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
2272 }
2273 }
2274
2275 @media screen and (max-width: 1100px) {
2276 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_group {
2277 gap: 20px;
2278 grid-template-columns: minmax(0, 1fr);
2279 }
2280
2281 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack {
2282 display: none;
2283 }
2284 }
2285
2286 @media screen and (min-width: 1500px) {
2287 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_grid {
2288 grid-template-columns: repeat(5, minmax(0, 1fr));
2289 }
2290
2291 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--availability-with-ownership {
2292 grid-column: 1 / span 4;
2293 }
2294
2295 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--ownership {
2296 grid-column: 5;
2297 }
2298 }
2299
2300 @media screen and (max-width: 782px) {
2301 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards {
2302 grid-template-columns: minmax(0, 1fr);
2303 padding: 10px;
2304 }
2305
2306 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_fields {
2307 grid-template-columns: minmax(0, 1fr);
2308 }
2309
2310 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_group {
2311 gap: 10px;
2312 }
2313
2314 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_cards {
2315 grid-auto-columns: minmax(210px, 80vw);
2316 }
2317
2318 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field {
2319 grid-column: 1;
2320 }
2321
2322 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_bar_actions {
2323 justify-content: flex-end;
2324 width: 100%;
2325 }
2326
2327 .wpbc_admin .wpbc_ui_el__vert_right_bar__wrapper.wpbc_catalog_booking_resources__inspector_width--wide {
2328 --wpbc_ui_left_vert_nav__width_max: 100%;
2329 }
2330
2331 .wpbc_catalog_booking_resources .wpbc_booking_resources__table {
2332 --wpbc-booking-resource-tree-cell-inset: 8px;
2333 }
2334
2335 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .column-resource {
2336 flex: 1 1 calc(100% - var(--wpbc-booking-resource-selection-width));
2337 width: calc(100% - var(--wpbc-booking-resource-selection-width));
2338 }
2339
2340 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .wpbc_ui_listing__column_selection {
2341 flex: 0 0 var(--wpbc-booking-resource-selection-width);
2342 width: var(--wpbc-booking-resource-selection-width);
2343 }
2344
2345 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .column-actions::before,
2346 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .column-resource::before {
2347 display: none;
2348 }
2349
2350 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .column-actions {
2351 flex-basis: 100%;
2352 justify-content: flex-end;
2353 width: 100%;
2354 }
2355
2356 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary td.column-resource {
2357 flex-basis: 100%;
2358 width: 100%;
2359 }
2360
2361 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary_spacer {
2362 display: none !important;
2363 }
2364
2365 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary td::before {
2366 display: none;
2367 }
2368
2369 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary_button {
2370 margin-inline-start: 0;
2371 }
2372
2373 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_row > td {
2374 display: block;
2375 flex-basis: 100%;
2376 padding: 10px;
2377 width: 100%;
2378 }
2379
2380 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_row > td::before {
2381 display: none;
2382 }
2383
2384 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_grid,
2385 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--availability dl {
2386 grid-template-columns: 1fr;
2387 }
2388 }
2389