PluginProbe
Booking Calendar / 11.7
Booking Calendar v11.7
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.7, at includes/page-catalog-booking-resources/_src/booking_resources_catalog.css

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