/* ============================================================ FLUG registration wizard restyle (Phase 1 — visual only) Loaded only on the /2026-registration/ template. Scoped under .registration-main-sec so nothing else is affected. No logic changes — this only skins the existing markup. ============================================================ */ .registration-main-sec{max-width:1180px;margin:0 auto;padding:8px 0 20px;font-family:var(--f-head);color:var(--text);} .registration-main-sec *{box-sizing:border-box;} .registration-main-sec .flug-message:empty{display:none;} .registration-main-sec .flug-message{margin:0 0 18px;padding:14px 18px;border-radius:10px;background:var(--peach);border:1px solid #ffd9c2;color:#7a4a2e;font-weight:600;} /* inline day-limit warning (replaces browser alert) */ .registration-main-sec .day-warning{ display:none;margin:0 0 14px;padding:11px 16px;border-radius:10px; background:#fff4e8;border:1px solid #ffcfa6;border-left:4px solid var(--orange); color:#8a4b1e;font-family:var(--f-nav);font-weight:700;font-size:13.5px;line-height:1.45; } .registration-main-sec .day-warning::before{content:"\26A0 ";} /* ---- wizard step indicator ---- */ .registration-main-sec .rd-steps{ display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:2px 0 26px;padding:16px 22px; background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 32px -28px rgba(22,41,79,.4); } .registration-main-sec .rd-step{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-nav);font-weight:700;font-size:14px;color:var(--navy);} .registration-main-sec .rd-step .n{ width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--orange-deep),var(--orange)); color:#fff;display:grid;place-items:center;font-size:15px;flex:0 0 auto;box-shadow:0 6px 14px -6px rgba(254,105,2,.6); } .registration-main-sec .rd-line{flex:1;height:2px;background:var(--line);min-width:20px;border-radius:2px;} @media(max-width:640px){ .registration-main-sec .rd-step .lbl{display:none;} .registration-main-sec .rd-steps{justify-content:center;padding:14px 16px;} } /* ---- step cards ---- */ .registration-main-sec .inner20-10{background:transparent !important;margin:0 !important;} .registration-main-sec .reg-step2, .registration-main-sec .reg-step3, .registration-main-sec .reg-step4{ background:#fff;border:1px solid var(--line);border-radius:16px; padding:30px 32px;margin:0 0 22px; box-shadow:0 18px 44px -34px rgba(22,41,79,.4); } .registration-main-sec .product_title{font-family:var(--f-head);font-weight:800;font-size:24px;color:var(--navy);letter-spacing:-.01em;margin:0 0 6px;} /* step heading with orange number chip */ .registration-main-sec h5 strong, .registration-main-sec h5{font-family:var(--f-nav);font-weight:700;color:var(--navy);font-size:18px;} .registration-main-sec h4{font-family:var(--f-head);font-weight:800;color:var(--navy);} .registration-main-sec h6 strong{color:var(--navy);} .registration-main-sec p{line-height:1.6;} /* price */ .registration-main-sec .price{color:var(--orange-deep);font-weight:700;font-size:18px;} .registration-main-sec .attendee-variation-price{color:var(--orange-deep);font-weight:700;margin:6px 0;} /* ---- days select ---- */ .registration-main-sec .product-variations{border:none;margin:8px 0 4px;} .registration-main-sec .product-variations .label label{font-family:var(--f-nav);font-weight:700;color:var(--navy);padding-right:14px;} .registration-main-sec select.attendee-product-variations{ min-width:230px;border:1.5px solid var(--line);border-radius:8px;padding:11px 14px; font-family:var(--f-head);font-size:15px;color:var(--text);background:#fff;cursor:pointer; } .registration-main-sec select.attendee-product-variations:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(254,105,2,.15);} /* ---- day checkboxes as chips ---- */ .registration-main-sec .days-to-attend{margin-top:14px;} .registration-main-sec .days-to-attend-row{display:inline-block;margin:0 10px 10px 0 !important;} .registration-main-sec .days-to-attend-row label{ display:inline-flex;align-items:center;gap:8px;cursor:pointer; border:1.5px solid var(--line);border-radius:999px;padding:9px 18px; font-family:var(--f-nav);font-weight:600;font-size:14px;color:var(--navy); background:#fff;transition:border-color .15s,background .15s,color .15s; } .registration-main-sec .days-to-attend-row label:hover{border-color:var(--orange-lite);} .registration-main-sec .days-to-attend-checkbox{accent-color:var(--orange);width:16px;height:16px;} .registration-main-sec .days-to-attend-row label:has(.days-to-attend-checkbox:checked){ background:var(--peach);border-color:var(--orange);color:var(--orange-deep); } /* ---- workshop/session day buttons ---- */ .registration-main-sec #new-wrap-row{display:flex;flex-direction:column;gap:14px;margin-top:12px;} .registration-main-sec #new-wrap-row .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;} .registration-main-sec .agenda-workshop-sessions-container{margin:0 !important;} .registration-main-sec .agenda-workshop-sessions-btn{ width:100%;height:auto !important;margin:0 !important; background:#fff !important;border:1.5px solid var(--line) !important;border-radius:14px !important; padding:16px 12px !important;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s; display:flex;flex-direction:column;align-items:center;gap:8px; } .registration-main-sec .agenda-workshop-sessions-btn:hover{transform:translateY(-3px);border-color:var(--orange) !important;box-shadow:0 16px 30px -20px rgba(254,105,2,.5);} .registration-main-sec .agenda-workshop-sessions-btn img{width:52px;height:52px;object-fit:contain;margin:0 auto;} .registration-main-sec .agenda-workshop-sessions-btn p{margin:0 !important;font-family:var(--f-nav);font-weight:700;font-size:14px;color:var(--navy) !important;} .registration-main-sec .agenda-workshop-sessions-btn.sessions{border-top:3px solid var(--blue) !important;} .registration-main-sec .agenda-workshop-sessions-btn.workshops{border-top:3px solid var(--orange) !important;} /* ---- AJAX session results ---- */ .registration-main-sec .search_results_agenda{margin-top:8px;} .registration-main-sec .agenda-lisitng>h1, .registration-main-sec .agenda-lisitng h2{font-family:var(--f-head);font-weight:800;color:var(--navy);text-align:center;margin:18px 0;font-size:22px;} .registration-main-sec .holder-1100{max-width:100%;} /* session card row */ .registration-main-sec .search_results_agenda .wrap.spacing{ display:grid;grid-template-columns:minmax(170px,210px) minmax(0,1fr) minmax(175px,210px);gap:0 16px; background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden; margin:0 0 20px;box-shadow:0 12px 30px -26px rgba(22,41,79,.4);transition:box-shadow .15s,border-color .15s; } .registration-main-sec .search_results_agenda .wrap.spacing:hover{box-shadow:0 18px 38px -24px rgba(22,41,79,.45);border-color:#ffd9c2;} .registration-main-sec .search_results_agenda .block30, .registration-main-sec .search_results_agenda .half, .registration-main-sec .search_results_agenda .block20{width:auto !important;display:block;padding:26px 30px !important;margin:0 !important;vertical-align:top;} /* Left meta panel needs its soft-grey fill to read as distinct from the white description column. style.css forces every .inner20-10 cell to white with a 5-class !important rule, so we out-specify it (6 classes) + !important — otherwise both columns are white and look "stuck together". */ .reg2019.all-options.woocommerce.registration-main-sec .search_results_agenda .block30{background:var(--soft) !important;} /* columns are separated by the grid column-gap now, so no vertical dividers */ .registration-main-sec .search_results_agenda .block30{border-right:none;} .registration-main-sec .search_results_agenda .half{border-right:none;} .registration-main-sec .search_results_agenda .half p{margin:0 0 10px;} .registration-main-sec .search_results_agenda .block20{min-width:180px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:#fdfdfd;padding:22px 16px !important;} .registration-main-sec .search_results_agenda .block20 p{margin:0 0 4px;font-weight:700;font-size:13px;color:var(--navy);} /* Buttons fill the narrow column; height:auto kills a fixed 31px height that was clipping the label, and 12px keeps "Remove From My Agenda" on one line. */ .registration-main-sec .search_results_agenda .block20 .tpn-button, .registration-main-sec .search_results_agenda .block20 a, .registration-main-sec .search_results_agenda .block20 button{font-size:12px !important;white-space:nowrap !important;width:100% !important;box-sizing:border-box !important;height:auto !important;min-height:0 !important;overflow:visible !important;text-align:center;line-height:1.3;padding:10px 8px !important;} /* "Registration is Closed" banner (shown on /2026-registration/ when the admin toggle in Settings -> FLUG Registration is on). */ .registration-bottom .reg-closed-banner{ text-align:center;background:#fff7f2;border:1px solid #f6c79b;border-left:5px solid var(--orange); border-radius:12px;padding:32px 26px;margin:0 auto;max-width:720px; box-shadow:0 10px 30px -18px rgba(22,41,79,.35);} .registration-bottom .reg-closed-banner h3{ margin:0 0 8px;font-family:var(--f-nav);font-weight:800;color:var(--navy); font-size:24px;letter-spacing:.02em;} .registration-bottom .reg-closed-banner p{ margin:0;color:var(--muted);font-size:15.5px;line-height:1.6;} /* The sold-out / waitlist labels are far longer than "Remove From My Agenda", so the nowrap above clipped them ("Workshop Sold Out - Add to W…"). These buttons carry the class .add-to-waitlist / .remove-waitlist (no name attr), so match on that; the extra class raises specificity above the nowrap rule. Verified live on /2026-registration/ (Friday workshops, sold-out card). */ .registration-main-sec .search_results_agenda .block20 .tpn-button.add-to-waitlist, .registration-main-sec .search_results_agenda .block20 .tpn-button.remove-waitlist{white-space:normal !important;overflow-wrap:anywhere;line-height:1.3 !important;height:auto !important;} .registration-main-sec .search_results_agenda .grey-p h4, .registration-main-sec .search_results_agenda .block30 h4{font-family:var(--f-nav);font-weight:700;color:var(--orange-deep);font-size:14px;margin:0 0 8px;} .registration-main-sec .search_results_agenda .block30 p{margin:0 0 5px;font-size:14px;color:var(--muted);} .registration-main-sec .search_results_agenda .half p:first-child{color:var(--navy) !important;font-size:18px !important;font-weight:800 !important;margin-bottom:8px;} .registration-main-sec .search_results_agenda .half p{font-size:14.5px;line-height:1.6;color:var(--text);} /* seats line → badge feel */ .registration-main-sec .search_results_agenda .block30 p:last-child{display:inline-block;margin-top:6px;font-family:var(--f-nav);font-weight:700;font-size:12.5px;color:var(--navy);background:#e9f7ef;border:1px solid #bfe6cf;border-radius:999px;padding:4px 12px;} /* agenda buttons */ .registration-main-sec .add-to-agenda, .registration-main-sec .remove-agenda, .registration-main-sec .add-to-waitlist, .registration-main-sec .remove-waitlist, .registration-main-sec .tpn-button{ font-family:var(--f-nav);font-weight:700;font-size:14px;border:none;border-radius:8px;cursor:pointer; padding:12px 18px;transition:background .15s,transform .15s,box-shadow .15s;line-height:1.2; } .registration-main-sec .add-to-agenda{background:var(--orange) !important;color:#fff !important;} .registration-main-sec .add-to-agenda:hover{background:var(--orange-deep) !important;transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(254,105,2,.6);} .registration-main-sec .add-to-agenda.added{background:#1f9d55 !important;color:#fff !important;} .registration-main-sec .add-to-agenda.added::after{content:" \2713";} .registration-main-sec .remove-agenda{background:#fff !important;color:var(--orange-deep) !important;border:1.5px solid #ffd9c2 !important;} .registration-main-sec .remove-agenda:hover{background:var(--peach) !important;} .registration-main-sec .add-to-waitlist{background:#8a94a6 !important;color:#fff !important;} .registration-main-sec .add-to-waitlist:hover{background:#6b7784 !important;} .registration-main-sec .remove-waitlist{background:#fff !important;color:#6b7784 !important;border:1.5px solid var(--line) !important;} /* ---- preview / submit ---- */ .registration-main-sec .agenda-submit-options{margin:8px 0 0;text-align:center;} .registration-main-sec .submit-reg-indi, .registration-main-sec .submit-reg-group{ background:var(--orange) !important;color:#fff !important;font-family:var(--f-nav) !important;font-weight:700 !important; font-size:16px !important;border:none;border-radius:10px;padding:15px 40px !important;cursor:pointer; box-shadow:0 14px 30px -12px rgba(254,105,2,.55);transition:background .15s,transform .15s; } .registration-main-sec .submit-reg-indi:hover, .registration-main-sec .submit-reg-group:hover{background:var(--orange-deep) !important;transform:translateY(-2px);} .registration-main-sec .reg-step4 a[href="/cart/"], .registration-main-sec a.tpn-button{ display:inline-block;background:var(--navy);color:#fff;border-radius:8px;padding:12px 22px; font-family:var(--f-nav);font-weight:700;text-decoration:none; } .registration-main-sec a.tpn-button:hover{background:var(--navy-2);color:#fff;} /* ---- group wizard extras ---- */ .registration-main-sec .add-more-attendee{ background:#fff !important;color:var(--orange-deep) !important;border:1.5px dashed var(--orange-lite) !important; border-radius:10px;padding:13px 22px !important;font-family:var(--f-nav);font-weight:700;cursor:pointer; } .registration-main-sec .add-more-attendee:hover{background:var(--peach) !important;} /* ---- sticky cart (the fixed side panel = #categories) ---- html body prefix beats the Customizer "Additional CSS" inline rule (#categories{background:#43b7de/orange}) without any inline styling. */ html body #categories{ display:none; /* hidden until a day is selected; JS .show() reveals it */ position:fixed !important;right:0 !important;top:200px !important; width:250px !important;max-width:80vw; background:#fff !important;color:var(--text) !important; border:1px solid var(--line) !important;border-left:4px solid var(--orange) !important; border-radius:14px 0 0 14px !important;padding:0 !important; box-shadow:0 22px 48px -20px rgba(22,41,79,.45) !important; overflow:hidden !important;z-index:65;font-family:var(--f-nav) !important;font-size:13px !important; /* fit the content (kills the theme/Customizer fixed height that left a big empty panel); never taller than the viewport — the .sticky-cart scrolls. */ height:auto !important;max-height:calc(100vh - 220px) !important; } #categories::before{ content:"My Agenda";display:block; background:linear-gradient(90deg,var(--orange-deep),var(--orange)); color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.04em;padding:11px 16px; } /* close button — clear white X in the header bar (CSS glyph, not the img) */ #categories #closed{position:absolute;top:0;right:0;margin:0;cursor:pointer;width:42px;height:42px;display:grid;place-items:center;z-index:8;} #categories #closed img{display:none;} #categories #closed::before{content:"\00D7";color:#fff;font-size:22px;font-weight:700;line-height:1;transition:opacity .15s;} #categories #closed:hover::before{opacity:.75;} /* cart toggle tab on the right edge (real cart SVG). It sits behind the panel, so it's revealed when the cart is closed and hidden when open. Click reopens the cart (theme handler on #cat_icon). */ #cat_icon{position:fixed !important;right:0 !important;top:200px !important;bottom:auto !important;left:auto !important;z-index:64;cursor:pointer;background:var(--orange);color:#fff;width:50px;height:50px;border-radius:12px 0 0 12px;display:grid !important;place-items:center;box-shadow:-6px 10px 22px -8px rgba(254,105,2,.55);transition:background .15s,width .15s;} #cat_icon:hover{background:var(--orange-deep);width:56px;} #cat_icon svg{width:26px;height:26px;display:block;} #cat_icon img{display:none;} /* empty state */ .sticky-cart:empty::before{content:"No items yet — pick your days, then add workshops & sessions.";display:block;color:var(--muted);font-size:12px;line-height:1.5;} .sticky-cart{ /* Flexible height: grow with the content down to ~20px above the viewport bottom (panel starts at top:200px + ~40px header), and only scroll past that. Much later than the old fixed 56vh. */ /* height:auto beats the theme's inline .sticky-cart{height:200px} that left a big empty panel; grow with content, cap at the viewport, then scroll. */ width:auto !important;height:auto !important;max-height:calc(100vh - 260px);overflow-y:auto !important; padding:14px 16px !important;border-radius:0 !important;margin:0 !important; font-family:var(--f-nav) !important;font-size:13px !important; scrollbar-width:thin;scrollbar-color:#cdd6e4 transparent; box-shadow:none !important;background:transparent !important; } .sticky-cart::-webkit-scrollbar{width:6px;} .sticky-cart::-webkit-scrollbar-thumb{background:#cdd6e4;border-radius:3px;} .sticky-cart::-webkit-scrollbar-track{background:transparent;} .sticky-cart h1{font-family:var(--f-head) !important;font-size:14px !important;font-weight:800 !important;color:var(--navy) !important;margin:0 0 3px !important;line-height:1.3;} .sticky-cart h3{font-size:11.5px !important;font-weight:700 !important;color:var(--muted) !important;margin:0 0 10px !important;line-height:1.4;} /* per-day section: h2 = day label, then item cards */ .sticky-cart>div{margin:0 0 10px;} .sticky-cart>div:has(h2:empty){display:none;} .sticky-cart h2{font-size:11px !important;font-weight:700 !important;color:var(--orange-deep) !important;text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px !important;line-height:1.4;} /* item card (workshop/session) — text was white on the old orange bg */ .sticky-cart>div>div{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:0 0 6px;} .sticky-cart p{color:var(--navy) !important;font-size:12.5px !important;font-weight:700 !important;margin:0 !important;line-height:1.35;} .sticky-cart small{display:inline-block;color:var(--muted) !important;font-weight:500 !important;font-size:11px !important;margin-top:2px;} @media(max-width:820px){html body #categories{width:210px !important;top:160px !important;}#cat_icon{top:160px !important;}} /* conflict-dimmed cards keep their inline opacity; add a subtle note style */ .registration-main-sec .search_results_agenda .wrap.spacing[style*="opacity"]{filter:grayscale(.3);} @media(max-width:820px){ .registration-main-sec #new-wrap-row .wrap{grid-template-columns:repeat(2,1fr);} .registration-main-sec .search_results_agenda .wrap.spacing{grid-template-columns:1fr;} .registration-main-sec .search_results_agenda .block30, .registration-main-sec .search_results_agenda .half{border-right:none;border-bottom:1px solid var(--line);} .registration-main-sec .reg-step2,.registration-main-sec .reg-step3,.registration-main-sec .reg-step4{padding:22px 18px;} } /* ============================================================ Registration type — initial choice buttons + in-progress switcher Scoped under .registration-bottom and forcing color/text-decoration so the theme's global link styles (grey text + underline) lose. ============================================================ */ .registration-bottom{max-width:840px;margin:0 auto 4px;} .registration-bottom .reg-type-head{ font-family:"Quicksand",-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700; color:#16294f;font-size:22px;text-align:center;margin:0 0 16px; } .registration-bottom .reg-type-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;} .registration-bottom .reg-type-choices .reg-type-btn, .registration-bottom .reg-type-choices .reg-type-btn:link, .registration-bottom .reg-type-choices .reg-type-btn:visited{ display:inline-flex;align-items:center;gap:8px; font-family:"Quicksand",-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:15px; color:#ffffff !important;text-decoration:none !important; background:#fe6902;border:2px solid #fe6902;border-radius:10px;padding:14px 24px; box-shadow:0 14px 30px -16px rgba(254,105,2,.6);transition:background .15s,transform .15s,box-shadow .15s; } .registration-bottom .reg-type-choices .reg-type-btn:hover, .registration-bottom .reg-type-choices .reg-type-btn:focus{ background:#e85d00;border-color:#e85d00;color:#ffffff !important;text-decoration:none !important;transform:translateY(-2px); } .registration-bottom .reg-type-choices .reg-type-btn.alt, .registration-bottom .reg-type-choices .reg-type-btn.alt:link, .registration-bottom .reg-type-choices .reg-type-btn.alt:visited{ background:#ffffff;color:#fe6902 !important;box-shadow:none; } .registration-bottom .reg-type-choices .reg-type-btn.alt:hover, .registration-bottom .reg-type-choices .reg-type-btn.alt:focus{ background:#fe6902;color:#ffffff !important; } .registration-bottom .reg-type-current{ display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px; background:#ffffff;border:1px solid #ffd9c2;border-left:4px solid #fe6902;border-radius:12px; padding:13px 20px;box-shadow:0 12px 30px -24px rgba(22,41,79,.55); font-family:"Open Sans",-apple-system,Segoe UI,Roboto,sans-serif; } .registration-bottom .reg-type-current .rtc-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#98a2b3;font-weight:700;} .registration-bottom .reg-type-current .rtc-value{font-family:"Quicksand",-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:17px;color:#16294f;line-height:1;} .registration-bottom .reg-type-current .rtc-hint{margin-left:auto;color:#6b7784;font-size:13px;font-weight:600;} .registration-bottom .reg-type-current .rtc-switch, .registration-bottom .reg-type-current .rtc-switch:link, .registration-bottom .reg-type-current .rtc-switch:visited{ display:inline-flex;align-items:center;gap:7px; font-family:"Quicksand",-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:13px; color:#fe6902 !important;text-decoration:none !important; background:#ffffff;border:1.5px solid #fe6902;border-radius:9px;padding:9px 15px; transition:background .15s,color .15s;white-space:nowrap; } .registration-bottom .reg-type-current .rtc-switch:hover, .registration-bottom .reg-type-current .rtc-switch:focus{background:#fe6902;color:#ffffff !important;} @media (max-width:620px){ .registration-bottom .reg-type-current .rtc-hint{margin-left:0;width:100%;} .registration-bottom .reg-type-current .rtc-switch{width:100%;justify-content:center;} } /* ============================================================ Preview loading overlay — spinner + recap of what was entered. Injected into by flug_ajax_calls.js on "Preview Registration". ============================================================ */ #flug-preview-overlay{ position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center; background:rgba(22,41,79,.55);padding:20px; font-family:"Open Sans",-apple-system,Segoe UI,Roboto,sans-serif; } #flug-preview-overlay .fpl-box{ display:flex;flex-direction:column;box-sizing:border-box; background:#fff;border-radius:16px;padding:30px 34px;max-width:520px;width:100%; max-height:calc(100vh - 40px); /* never taller than the screen (overlay has 20px padding each side) */ text-align:center;box-shadow:0 30px 80px -28px rgba(0,0,0,.55); } #flug-preview-overlay .fpl-spinner, #flug-preview-overlay .fpl-title, #flug-preview-overlay .fpl-sub{flex:0 0 auto;} #flug-preview-overlay .fpl-spinner{ width:54px;height:54px;margin:0 auto 18px;border-radius:50%; border:5px solid #ffe3d0;border-top-color:#fe6902;animation:fpl-spin .8s linear infinite; } @keyframes fpl-spin{to{transform:rotate(360deg);}} #flug-preview-overlay .fpl-title{ font-family:"Quicksand",-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:20px;color:#16294f;margin:0 0 6px; } #flug-preview-overlay .fpl-sub{font-size:13.5px;color:#6b7784;line-height:1.5;margin:0 0 14px;} #flug-preview-overlay .fpl-recap{ list-style:none;margin:0;padding:0;text-align:left;border-top:1px solid #eef1f5; flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch; } #flug-preview-overlay .fpl-recap li{display:flex;flex-direction:column;gap:3px;padding:12px 4px;border-bottom:1px solid #eef1f5;} #flug-preview-overlay .fpl-recap li:last-child{border-bottom:none;} #flug-preview-overlay .fpl-arow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;} #flug-preview-overlay .fpl-name{font-family:"Quicksand",-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;color:#16294f;font-size:14px;} #flug-preview-overlay .fpl-count{font-size:11px;font-weight:700;color:#fe6902;white-space:nowrap;} #flug-preview-overlay .fpl-meta{font-size:12px;color:#6b7784;} #flug-preview-overlay .fpl-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;} #flug-preview-overlay .fpl-chip{ font-size:11px;font-weight:600;color:#16294f;background:#f3f6fb;border:1px solid #e6ebf2; border-radius:6px;padding:3px 8px;line-height:1.4; } #flug-preview-overlay .fpl-none{font-size:12px;color:#9aa3af;font-style:italic;margin-top:3px;} @media (prefers-reduced-motion:reduce){ #flug-preview-overlay .fpl-spinner{animation-duration:2.4s;} }