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

2,401 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 display: none;
1936 inset-inline: 0 -86px;
1937 overflow: visible;
1938 pointer-events: none;
1939 position: absolute;
1940 top: 8px;
1941 z-index: 0;
1942 }
1943
1944 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item {
1945 background: #fff;
1946 border: 1px solid #c3c4c7;
1947 border-radius: 8px;
1948 box-shadow: 0 3px 10px rgb(0 0 0 / 16%);
1949 box-sizing: border-box;
1950 display: block;
1951 height: calc(100% - 12px);
1952 overflow: hidden;
1953 position: absolute;
1954 width: calc(100% - 86px);
1955 }
1956
1957 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item--1 {
1958 inset-block-start: 3px;
1959 inset-inline-start: 5px;
1960 z-index: 3;
1961 }
1962
1963 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item--2 {
1964 height: calc(100% - 20px);
1965 inset-block-start: 15px;
1966 inset-inline-start: 10px;
1967 z-index: 2;
1968 }
1969
1970 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item--3 {
1971 height: calc(100% - 28px);
1972 inset-block-start: 27px;
1973 inset-inline-start: 15px;
1974 z-index: 1;
1975 }
1976
1977 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item img {
1978 height: 130px;
1979 object-fit: cover;
1980 width: 100%;
1981 }
1982
1983 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack_item > span {
1984 display: block;
1985 font-size: 11px;
1986 font-weight: 600;
1987 overflow: hidden;
1988 padding: 9px;
1989 text-overflow: ellipsis;
1990 white-space: nowrap;
1991 }
1992
1993 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card {
1994 border-radius: 8px;
1995 box-shadow: 0 1px 4px rgb(0 0 0 / 8%);
1996 overflow: visible;
1997 padding: 0;
1998 transition: background-color .12s ease-in-out, border-color .12s ease-in-out, box-shadow .12s ease-in-out;
1999 }
2000
2001 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card:hover,
2002 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card:focus-within,
2003 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card.is-editor-active {
2004 background: #f0f6fc;
2005 border-color: var(--wpbc_admin-theme-color, #2271b1);
2006 box-shadow: inset 3px 0 var(--wpbc_admin-theme-color, #2271b1), 0 1px 4px rgb(0 0 0 / 8%);
2007 }
2008
2009 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stage > .wpbc_booking_resources__card {
2010 position: relative;
2011 z-index: 1;
2012 }
2013
2014 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_media {
2015 background: #f0f0f1;
2016 height: 126px;
2017 overflow: hidden;
2018 position: relative;
2019 }
2020
2021 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_media > img,
2022 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_media_placeholder {
2023 display: block;
2024 height: 100%;
2025 object-fit: cover;
2026 width: 100%;
2027 }
2028
2029 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_media_placeholder {
2030 align-items: center;
2031 color: #8c8f94;
2032 display: flex;
2033 font-size: 30px;
2034 justify-content: center;
2035 }
2036
2037 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_selection {
2038 background: rgb(255 255 255 / 40%);
2039 border-radius: 50%;
2040 inset-block-start: 12px;
2041 inset-inline-start: 12px;
2042 padding: 3px;
2043 position: absolute;
2044 }
2045
2046 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_selection label {
2047 margin: 0;
2048 }
2049
2050 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_header {
2051 display: block;
2052 padding: 0 14px;
2053 }
2054
2055 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__resource_identity {
2056 align-items: start;
2057 margin-block-start: -10px;
2058 position: relative;
2059 z-index: 2;
2060 }
2061
2062 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__resource_identity--child {
2063 padding-inline-start: 0;
2064 }
2065
2066 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_header .wpbc_ui_listing__table_icon,
2067 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_header .wpbc_ui_listing__table_icon img {
2068 background: #fff;
2069 border-radius: 50%;
2070 height: 46px;
2071 width: 46px;
2072 }
2073
2074 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_header .wpbc_ui_listing__table_icon {
2075 border: 2px solid #fff;
2076 box-shadow: 0 0 0 1px #c3c4c7;
2077 }
2078
2079 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_ui_listing__item_copy {
2080 padding-block-start: 13px;
2081 }
2082
2083 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_ui_listing__item_title,
2084 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_type_badge {
2085 display: inline-block;
2086 vertical-align: middle;
2087 }
2088
2089 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_type_badge {
2090 background: #f0f6fc;
2091 border-radius: 3px;
2092 color: #2271b1;
2093 font-size: 10px;
2094 margin-inline-start: 5px;
2095 padding: 2px 5px;
2096 }
2097
2098 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__item--single .wpbc_booking_resources__card_type_badge {
2099 background: #f6f2ff;
2100 color: #674399;
2101 }
2102
2103 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__item--child .wpbc_booking_resources__card_type_badge {
2104 background: #eaf7ff;
2105 color: #0073aa;
2106 }
2107
2108 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_ui_listing__item_description {
2109 margin-block-start: 2px;
2110 }
2111
2112 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_labels {
2113 min-height: 0;
2114 padding: 7px 14px 0;
2115 }
2116
2117 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_fields > .wpbc_booking_resources__card_field--labels {
2118 grid-column: 1 / -1;
2119 padding: 0;
2120 }
2121
2122 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_fields {
2123 gap: 8px;
2124 margin: 10px 14px 12px;
2125 }
2126
2127 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field {
2128 border: 1px solid #e2e4e7;
2129 border-radius: 5px;
2130 gap: 4px;
2131 grid-template-columns: minmax(0, 1fr);
2132 padding: 8px 10px;
2133 }
2134
2135 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field dt {
2136 align-items: center;
2137 display: flex;
2138 gap: 6px;
2139 }
2140
2141 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field.column-capacity dt span {
2142 color: #dba617;
2143 }
2144
2145 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field.column-price dt span {
2146 color: #46b450;
2147 }
2148
2149 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_footer {
2150 align-items: center;
2151 border-block-start: 1px solid #e2e4e7;
2152 display: flex;
2153 font-size: 11px;
2154 justify-content: space-between;
2155 margin-block-start: auto;
2156 min-height: 28px;
2157 padding: 6px 12px;
2158 }
2159
2160 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_footer_actions {
2161 align-items: center;
2162 display: flex;
2163 gap: 5px;
2164 }
2165
2166 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_footer .wpbc_booking_resources__details_toggle,
2167 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_footer .wpbc_booking_resources__hierarchy_toggle {
2168 height: 28px;
2169 min-width: 28px;
2170 padding: 0;
2171 width: 28px;
2172 }
2173
2174 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray {
2175 background: #fff;
2176 border: 1px solid #dcdcde;
2177 border-radius: 10px;
2178 box-shadow: 0 5px 16px rgb(0 0 0 / 12%);
2179 min-width: 0;
2180 padding: 14px;
2181 }
2182
2183 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray[hidden] {
2184 display: none;
2185 }
2186
2187 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_header {
2188 align-items: start;
2189 display: flex;
2190 gap: 12px;
2191 justify-content: space-between;
2192 margin-block-end: 12px;
2193 }
2194
2195 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_header strong,
2196 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_header small {
2197 display: block;
2198 }
2199
2200 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_header small {
2201 color: #646970;
2202 margin-block-start: 3px;
2203 }
2204
2205 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_close {
2206 background: transparent;
2207 border: 0;
2208 border-radius: 3px;
2209 cursor: pointer;
2210 font-size: 16px;
2211 height: 30px;
2212 width: 30px;
2213 }
2214
2215 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_close:focus-visible {
2216 box-shadow: 0 0 0 2px var(--wpbc_admin-theme-color, #2271b1);
2217 outline: 0;
2218 }
2219
2220 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_cards {
2221 display: grid;
2222 gap: 10px;
2223 grid-auto-columns: minmax(185px, 1fr);
2224 grid-auto-flow: column;
2225 overflow-x: auto;
2226 padding: 1px;
2227 scrollbar-width: thin;
2228 }
2229
2230 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_media {
2231 height: 82px;
2232 }
2233
2234 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_header {
2235 padding-inline: 10px;
2236 }
2237
2238 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_ui_listing__table_icon,
2239 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_ui_listing__table_icon img {
2240 height: 34px;
2241 width: 34px;
2242 }
2243
2244 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_ui_listing__item_copy {
2245 padding-block-start: 10px;
2246 }
2247
2248 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_labels {
2249 padding: 0;
2250 }
2251
2252 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_fields {
2253 gap: 6px;
2254 margin: 8px 10px;
2255 }
2256
2257 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_field {
2258 border: 0;
2259 padding: 4px;
2260 }
2261
2262 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray .wpbc_booking_resources__card_footer {
2263 padding-inline: 9px;
2264 }
2265
2266 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_summary--card {
2267 display: none;
2268 }
2269
2270 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stage > .wpbc_booking_resources__details_row--card,
2271 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_cards > .wpbc_booking_resources__details_row--card {
2272 grid-column: 1 / -1;
2273 margin-block-start: 10px;
2274 }
2275
2276 @media screen and (max-width: 1280px) {
2277 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards {
2278 grid-template-columns: repeat(2, minmax(250px, 1fr));
2279 }
2280
2281 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_group {
2282 gap: 70px;
2283 grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
2284 }
2285 }
2286
2287 @media screen and (max-width: 1100px) {
2288 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_group {
2289 gap: 20px;
2290 grid-template-columns: minmax(0, 1fr);
2291 }
2292
2293 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_stack {
2294 display: none;
2295 }
2296 }
2297
2298 @media screen and (min-width: 1500px) {
2299 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_grid {
2300 grid-template-columns: repeat(5, minmax(0, 1fr));
2301 }
2302
2303 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--availability-with-ownership {
2304 grid-column: 1 / span 4;
2305 }
2306
2307 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--ownership {
2308 grid-column: 5;
2309 }
2310 }
2311
2312 @media screen and (max-width: 782px) {
2313 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__cards {
2314 grid-template-columns: minmax(0, 1fr);
2315 padding: 10px;
2316 }
2317
2318 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_fields {
2319 grid-template-columns: minmax(0, 1fr);
2320 }
2321
2322 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_group {
2323 gap: 10px;
2324 }
2325
2326 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__children_tray_cards {
2327 grid-auto-columns: minmax(210px, 80vw);
2328 }
2329
2330 .wpbc_catalog_booking_resources[data-wpbc-template-pack="cards"] .wpbc_booking_resources__card_field {
2331 grid-column: 1;
2332 }
2333
2334 .wpbc_catalog_booking_resources .wpbc_booking_resources__inline_bar_actions {
2335 justify-content: flex-end;
2336 width: 100%;
2337 }
2338
2339 .wpbc_admin .wpbc_ui_el__vert_right_bar__wrapper.wpbc_catalog_booking_resources__inspector_width--wide {
2340 --wpbc_ui_left_vert_nav__width_max: 100%;
2341 }
2342
2343 .wpbc_catalog_booking_resources .wpbc_booking_resources__table {
2344 --wpbc-booking-resource-tree-cell-inset: 8px;
2345 }
2346
2347 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .column-resource {
2348 flex: 1 1 calc(100% - var(--wpbc-booking-resource-selection-width));
2349 width: calc(100% - var(--wpbc-booking-resource-selection-width));
2350 }
2351
2352 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .wpbc_ui_listing__column_selection {
2353 flex: 0 0 var(--wpbc-booking-resource-selection-width);
2354 width: var(--wpbc-booking-resource-selection-width);
2355 }
2356
2357 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .column-actions::before,
2358 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .column-resource::before {
2359 display: none;
2360 }
2361
2362 .wpbc_catalog_booking_resources .wpbc_booking_resources__table tbody .column-actions {
2363 flex-basis: 100%;
2364 justify-content: flex-end;
2365 width: 100%;
2366 }
2367
2368 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary td.column-resource {
2369 flex-basis: 100%;
2370 width: 100%;
2371 }
2372
2373 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary_spacer {
2374 display: none !important;
2375 }
2376
2377 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary td::before {
2378 display: none;
2379 }
2380
2381 .wpbc_catalog_booking_resources .wpbc_booking_resources__children_summary_button {
2382 margin-inline-start: 0;
2383 }
2384
2385 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_row > td {
2386 display: block;
2387 flex-basis: 100%;
2388 padding: 10px;
2389 width: 100%;
2390 }
2391
2392 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_row > td::before {
2393 display: none;
2394 }
2395
2396 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_grid,
2397 .wpbc_catalog_booking_resources .wpbc_booking_resources__details_card--availability dl {
2398 grid-template-columns: 1fr;
2399 }
2400 }
2401