/* London Trip Wizard v2 — OPEN full-page layout (approved mockup, 22 Jul 2026) Page background = theme var(--base-4) per user request. No container card: steps band sticks to top, content flows on the page, live summary floats on wide screens. Brand green #10382D, gold #C9A24B/#E3C47F. */ #ltw2{ --g9:#0b241d;--g7:#10382D;--gsoft:rgba(16,56,45,.07); --gold:#C9A24B;--goldl:#E3C47F;--goldsoft:rgba(201,162,75,.14);--goldline:rgba(201,162,75,.5); --card2:#fbfaff;--ink:#22301f;--ink2:#6b7263;--line:rgba(16,56,45,.1); max-width:1100px;margin:0 auto;color:var(--ink);line-height:1.8;font-family:inherit; } :is(.page-id-26141,.page-id-26573) .site-main{ background: radial-gradient(ellipse 75% 34rem at 50% 0%, rgba(201,162,75,.06), transparent 70%), #ffffff; padding:64px 12px 100px} :is(.page-id-26141,.page-id-26573) article.page,:is(.page-id-26141,.page-id-26573) .inside-article{background:transparent!important;padding-top:0;padding-bottom:0} :is(.page-id-26141,.page-id-26573) .entry-title{text-align:center;color:#10382D;font-size:clamp(2rem,4.6vw,3rem);margin:0 0 .3rem;letter-spacing:-.5px} :is(.page-id-26141,.page-id-26573) .entry-title::after{content:"";display:block;width:150px;height:9px;margin:1.5rem auto .9rem; background: radial-gradient(circle 4px at 50% 50%, #C9A24B 3.5px, transparent 4px), linear-gradient(90deg,transparent 0%,rgba(201,162,75,.75) 18%,rgba(201,162,75,.75) 42%,transparent 46%,transparent 54%,rgba(201,162,75,.75) 58%,rgba(201,162,75,.75) 82%,transparent 100%) 50% 50%/100% 1px no-repeat} :is(.page-id-26141,.page-id-26573) h1.entry-title{position:static!important;width:auto!important;height:auto!important;margin:0 0 .3rem!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important} #ltw2 *,#ltw2 *::before,#ltw2 *::after{box-sizing:border-box} #ltw2 button{font-family:inherit} /* head → subtitle line + autosave under the H1, generous air before the band */ #ltw2 .lw-head{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:.4rem 1rem 3.2rem;text-align:center} #ltw2 .lw-brand{color:var(--ink2);letter-spacing:0;font-size:1.05rem;font-weight:400;max-width:68ch;line-height:2} #ltw2 .lw-brand b{color:var(--g7);font-weight:700} #ltw2 .lw-save{color:var(--ink2);font-size:.74rem;display:flex;align-items:center;gap:.45rem;background:var(--gsoft);border-radius:999px;padding:.3rem 1rem} #ltw2 .lw-save i{width:8px;height:8px;border-radius:50%;background:#3f8f5f;display:inline-block} /* sticky steps band */ #ltw2 .lw-steps{position:sticky;top:var(--lw-sticky-top,96px);z-index:20;display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center; padding:.8rem .8rem .45rem;background:rgba(255,255,255,.9); backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); border:1px solid var(--goldline);border-radius:1rem;box-shadow:0 12px 28px rgba(16,56,45,.08)} #ltw2 .lw-step-pill{border:0;cursor:pointer;display:flex;align-items:center;gap:.42rem;background:transparent;color:var(--ink2);padding:.4rem .72rem;border-radius:999px;font-size:.78rem;transition:.2s} #ltw2 .lw-step-pill b{width:23px;height:23px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);font-size:.7rem;font-weight:700;color:var(--g7)} #ltw2 .lw-step-pill.on{background:var(--g7);color:#fff} #ltw2 .lw-step-pill.on b{background:var(--goldl);color:var(--g7);border-color:var(--goldl)} #ltw2 .lw-step-pill.done b{background:transparent;color:#3f8f5f;border-color:#3f8f5f} #ltw2 .lw-bar{height:3px;background:var(--gsoft);border-radius:2px;overflow:hidden;margin:.35rem 1rem 0} #ltw2 .lw-bar i{display:block;height:100%;width:14%;background:linear-gradient(90deg,var(--gold),var(--goldl));transition:width .3s} /* open stage — single column with ghost step-number watermark */ #ltw2 .lw-grid{display:block} #ltw2 .lw-stage{padding:3.6rem .4rem 1rem;min-height:420px;position:relative;max-width:980px;margin:0 auto} #ltw2 .lw-stage::before{content:attr(data-step);position:absolute;top:-.6rem;inset-inline-start:-1rem; font-size:11rem;font-weight:800;line-height:1;color:rgba(201,162,75,.10);pointer-events:none;z-index:0;font-variant-numeric:tabular-nums} #ltw2 .lw-stage>*{position:relative;z-index:1} #ltw2 .lw-steplabel{text-align:center;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:4px;margin:0 0 .8rem} #ltw2 h2.lw-t{color:var(--g7);font-size:clamp(1.45rem,2.8vw,2rem);margin:.2rem 0 .35rem;text-align:center} #ltw2 h2.lw-t::after{content:"";display:block;width:44px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--goldl));margin:.9rem auto 0} #ltw2 .lw-hint{color:var(--ink2);font-size:.95rem;margin:1rem auto 2.6rem;text-align:center;max-width:68ch} #ltw2 .lw-hint em{color:var(--gold);font-style:normal;font-weight:700} #ltw2 .lw-err{color:#b3402e;font-size:.88rem;font-weight:700;margin:.6rem auto 0;text-align:center;max-width:60ch} /* fields */ #ltw2 .lw-frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1.2rem;margin:0 auto 2.4rem;max-width:760px} #ltw2 .lw-fld span{display:block;color:var(--g7);font-weight:700;font-size:.78rem;margin-bottom:.35rem;letter-spacing:.5px} #ltw2 .lw-fld input,#ltw2 .lw-fld select,#ltw2 .lw-fld textarea{width:100%;padding:.8rem 1rem;border-radius:.95rem;border:1px solid var(--goldline);background:#fff;color:var(--ink);font:inherit;font-size:.94rem;box-shadow:0 8px 22px rgba(16,56,45,.08);transition:border-color .15s,box-shadow .15s} #ltw2 .lw-fld input:hover,#ltw2 .lw-fld textarea:hover{border-color:var(--gold)} #ltw2 .lw-fld input:focus,#ltw2 .lw-fld textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,75,.22),0 8px 22px rgba(16,56,45,.08)} /* chips */ #ltw2 .lw-chips{display:flex;flex-wrap:wrap;gap:.7rem;margin:0 auto 2.4rem;justify-content:center;max-width:860px} #ltw2 .lw-chip{cursor:pointer;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:.58rem 1.2rem;font-size:.9rem;display:inline-flex;gap:.45rem;align-items:center;transition:.15s;box-shadow:0 4px 12px rgba(16,56,45,.07)} #ltw2 .lw-chip:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 7px 16px rgba(16,56,45,.11)} #ltw2 .lw-chip.on{background:linear-gradient(135deg,#0d2b23,var(--g7));color:var(--goldl);font-weight:700;border-color:var(--g7);box-shadow:0 6px 16px rgba(16,56,45,.25)} #ltw2 .lw-chip:focus-visible{outline:2px solid var(--g7)} /* steppers */ #ltw2 .lw-steppers{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:1.2rem;margin:0 auto 2.4rem;max-width:860px} #ltw2 .lw-stepper{background:#fff;border:1px solid var(--goldline);border-radius:1.2rem;padding:1.05rem 1rem;text-align:center;box-shadow:0 8px 22px rgba(16,56,45,.07)} #ltw2 .lw-stepper .l{color:var(--g7);font-weight:700;font-size:.84rem} #ltw2 .lw-stepper .l small{display:block;color:var(--ink2);font-weight:400;font-size:.68rem} #ltw2 .lw-stepper .c{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem} #ltw2 .lw-stepper button{cursor:pointer;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold);background:#fff;color:var(--gold);font-size:1.05rem;line-height:1;font-weight:700} #ltw2 .lw-stepper button:hover{background:var(--gold);color:#fff} #ltw2 .lw-stepper output{color:var(--g7);font-weight:800;font-size:1.22rem;min-width:1.5ch;font-variant-numeric:tabular-nums} /* car cards — wide */ #ltw2 .lw-cars{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:1.3rem;margin-bottom:2rem} #ltw2 .lw-car{cursor:pointer;text-align:right;border:1.5px solid var(--line);background:#fff;border-radius:1.2rem;overflow:hidden;padding:0;color:var(--ink);transition:.18s;position:relative;box-shadow:0 8px 24px rgba(16,56,45,.08)} #ltw2 .lw-car:hover{transform:translateY(-3px)} #ltw2 .lw-car img{width:100%;height:118px;object-fit:cover;display:block;background:var(--card2)} #ltw2 .lw-car .nm{padding:.6rem 1rem 0;font-weight:800;color:var(--g7);font-size:.96rem;display:block} #ltw2 .lw-car .mt{padding:0 1rem .28rem;color:var(--ink2);font-size:.77rem;display:block} #ltw2 .lw-car .pr{padding:0 1rem .8rem;color:var(--gold);font-size:.84rem;font-weight:800;display:block} #ltw2 .lw-car.on{border-color:var(--g7);box-shadow:0 0 0 2px var(--g7),0 12px 28px rgba(16,56,45,.16)} #ltw2 .lw-car .fit{position:absolute;top:.6rem;left:.6rem;background:var(--g7);color:var(--goldl);font-size:.66rem;font-weight:800;border-radius:999px;padding:.18rem .65rem;z-index:1} /* day builder */ #ltw2 .lw-dtabs{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1.8rem;justify-content:center} #ltw2 .lw-dtab{cursor:pointer;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:.8rem;padding:.44rem .95rem;font-size:.8rem;box-shadow:0 3px 10px rgba(16,56,45,.05)} #ltw2 .lw-dtab.on{background:var(--g7);color:var(--goldl);font-weight:700;border-color:var(--g7)} #ltw2 .lw-daytype{margin:0 auto .9rem;max-width:320px} #ltw2 .lw-timeline{border:1.5px dashed var(--goldline);background:#fffdf8;border-radius:1rem;padding:1rem 1.2rem;color:var(--ink);font-size:.85rem;margin-bottom:1.8rem;min-height:3.2rem} #ltw2 .lw-timeline b{color:var(--g7)} #ltw2 .lw-stop{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.24rem .32rem .24rem .6rem;margin:.18rem .12rem;font-size:.78rem;box-shadow:0 2px 6px rgba(16,56,45,.06);cursor:grab} #ltw2 .lw-stop.dragging{opacity:.4} #ltw2 .lw-stop .x{cursor:pointer;border:0;background:var(--gsoft);color:var(--g7);border-radius:50%;width:17px;height:17px;font-size:.65rem;line-height:1;padding:0} #ltw2 .lw-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.85rem;margin-bottom:2rem} #ltw2 .lw-place{cursor:pointer;padding:0;border:1.5px solid var(--line);border-radius:1rem;overflow:hidden;background:#fff;color:var(--ink);text-align:center;transition:.15s;position:relative;box-shadow:0 5px 14px rgba(16,56,45,.06)} #ltw2 .lw-place .ph{height:70px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:linear-gradient(135deg,var(--card2),var(--goldsoft));overflow:hidden} #ltw2 .lw-place .ph img{width:100%;height:70px;object-fit:cover} #ltw2 .lw-place .nm{font-size:.75rem;padding:.36rem .35rem .5rem;line-height:1.4;display:block} #ltw2 .lw-place.on{border-color:var(--g7);box-shadow:0 0 0 1.5px var(--g7)} #ltw2 .lw-place.on::after{content:"✓";position:absolute;top:.32rem;left:.32rem;background:var(--g7);color:var(--goldl);width:19px;height:19px;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:800} #ltw2 .lw-addrow{display:flex;gap:.6rem;align-items:flex-end;max-width:620px;margin:0 auto} #ltw2 .lw-addrow .lw-fld{flex:1} #ltw2 .lw-addbtn{cursor:pointer;border:1.5px solid var(--g7);background:#fff;color:var(--g7);font-weight:700;border-radius:.9rem;padding:.68rem 1.3rem;font-size:.86rem} /* extras */ #ltw2 .lw-extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:1rem;margin-bottom:2.2rem} #ltw2 .lw-extra{cursor:pointer;text-align:right;display:flex;gap:.65rem;align-items:flex-start;border:1.5px solid var(--line);background:#fff;border-radius:1.1rem;padding:.95rem 1rem;color:var(--ink);font-size:.82rem;transition:.15s;box-shadow:0 5px 14px rgba(16,56,45,.06)} #ltw2 .lw-extra em{font-style:normal;font-size:1.3rem} #ltw2 .lw-extra b{display:block;color:var(--g7);font-size:.87rem} #ltw2 .lw-extra small{color:var(--ink2)} #ltw2 .lw-extra.on{border-color:var(--g7);background:var(--gsoft);box-shadow:0 0 0 1.5px var(--g7)} /* summary */ #ltw2 .lw-sumcard{background:#fff;border:1px solid var(--goldline);border-radius:1.2rem;padding:1.15rem 1.35rem;margin:0 auto 1.1rem;font-size:.87rem;max-width:780px;box-shadow:0 10px 28px rgba(16,56,45,.08)} #ltw2 .lw-sumcard .r{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px dashed var(--goldline)} #ltw2 .lw-sumcard .r:last-child{border:0} #ltw2 .lw-sumcard .tot{color:var(--g7);font-weight:800;font-size:1.04rem} #ltw2 .lw-send{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem;justify-content:center} #ltw2 .lw-disc{color:var(--ink2);font-size:.78rem;margin-top:.9rem;text-align:center} /* buttons */ #ltw2 .lw-btn{cursor:pointer;background:linear-gradient(135deg,#0d2b23,var(--g7));color:var(--goldl);font-weight:800;border:0;border-radius:999px;padding:.82rem 2rem;font-size:.9rem;box-shadow:0 8px 20px rgba(16,56,45,.25);transition:filter .2s} #ltw2 .lw-btn:hover{filter:brightness(1.15)} #ltw2 .lw-btn[disabled]{opacity:.6;cursor:wait} #ltw2 .lw-btn-o{cursor:pointer;background:#fff;color:var(--g7);border:1.5px solid var(--g7);border-radius:999px;padding:.82rem 1.6rem;font-size:.9rem;font-weight:700} #ltw2 .lw-nav{display:flex;justify-content:center;margin-top:3rem;gap:.9rem;flex-wrap:wrap} #ltw2 .lw-nav>span{display:none} /* live summary — floating on very wide screens, inline card otherwise */ #ltw2 .lw-live{color:#f0ead9;border-radius:1.3rem;padding:1.5rem 1.5rem;max-width:780px;margin:3.5rem auto 0; background:radial-gradient(ellipse 120% 100% at 100% 0%,rgba(227,196,127,.15),transparent 55%),linear-gradient(165deg,var(--g9),var(--g7)); border:1px solid var(--goldline);border-top:3px solid var(--gold);box-shadow:0 18px 45px rgba(13,43,35,.3)} @media(min-width:1640px){#ltw2 .lw-live{position:fixed;left:1.4rem;top:50%;transform:translateY(-50%);width:255px;margin:0;z-index:15}} @media(max-width:900px){#ltw2 .lw-live{display:none}} #ltw2 .lw-live h3{color:var(--goldl);font-size:.8rem;letter-spacing:2px;margin:0 0 .7rem} #ltw2 .lw-live dl{margin:0;font-size:.78rem} #ltw2 .lw-live dt{color:#9fb0a5;font-size:.65rem;letter-spacing:1px;margin-top:.55rem} #ltw2 .lw-live dd{margin:0;color:#f7f3e8} #ltw2 .lw-live .pr{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(227,196,127,.3)} #ltw2 .lw-live .pr b{color:var(--goldl);font-size:1.28rem;font-variant-numeric:tabular-nums} #ltw2 .lw-live .pr small{display:block;color:#9fb0a5;font-size:.65rem} /* mobile bottom price bar */ #ltw2 .lw-mobilebar{display:none} @media(max-width:900px){ #ltw2 .lw-mobilebar{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,var(--g9),var(--g7));color:var(--goldl);padding:.72rem 1.2rem;font-size:.85rem;border-top:1px solid rgba(227,196,127,.35)} #ltw2 .lw-mobilebar[hidden]{display:none} #ltw2 .lw-mobilebar b{font-size:1.05rem;font-variant-numeric:tabular-nums} :is(.page-id-26141,.page-id-26573) .site-main{padding-bottom:110px} } /* confirm screen */ #ltw2 .lw-done{text-align:center;padding:2.5rem 1rem} #ltw2 .lw-done .ok{width:64px;height:64px;border-radius:50%;background:var(--g7);color:var(--goldl);font-size:1.8rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem} #ltw2 .lw-done h2{color:var(--g7)} @media(prefers-reduced-motion:reduce){#ltw2 *{transition:none!important;animation:none!important}} /* ===== v8 additions ===== */ /* GP theme button:hover sets a dark color that made our labels vanish — pin colors */ #ltw2 .lw-chip:hover{color:var(--ink)!important} #ltw2 .lw-chip.on,#ltw2 .lw-chip.on:hover{color:var(--goldl)!important} #ltw2 .lw-btn:hover,#ltw2 .lw-btn:focus{color:var(--goldl)!important} #ltw2 .lw-btn-o:hover,#ltw2 .lw-btn-o:focus{color:var(--g7)!important;background:#fff!important} #ltw2 .lw-dtab:hover{color:var(--ink)!important} #ltw2 .lw-dtab.on,#ltw2 .lw-dtab.on:hover{color:var(--goldl)!important} #ltw2 .lw-extra:hover,#ltw2 .lw-place:hover,#ltw2 .lw-car:hover{color:var(--ink)!important} #ltw2 .lw-stepper button:hover{color:#fff!important} #ltw2 .lw-addbtn:hover{color:var(--g7)!important;background:#fff!important;border-color:var(--gold)} /* add-button matches the input it sits next to */ #ltw2 .lw-addbtn{border:1px solid var(--goldline);border-radius:.95rem;padding:.8rem 1.5rem;font-size:.94rem; box-shadow:0 8px 22px rgba(16,56,45,.08);background:#fff;color:var(--g7);font-weight:700;line-height:1.8} /* cars that don't fit the party size */ #ltw2 .lw-car.off{opacity:.45;filter:grayscale(.6);cursor:not-allowed} #ltw2 .lw-car.off:hover{transform:none} #ltw2 .lw-nofit{background:#8a3b2e!important;color:#fff!important} /* full-day trip package cards (outside days) */ #ltw2 .lw-trips{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem} #ltw2 .lw-trip{cursor:pointer;text-align:right;display:flex;gap:.75rem;align-items:flex-start;border:1.5px solid var(--line);background:#fff;border-radius:1.1rem;padding:1.05rem 1.1rem;color:var(--ink);font-size:.84rem;transition:.15s;box-shadow:0 5px 14px rgba(16,56,45,.06)} #ltw2 .lw-trip em{font-style:normal;font-size:1.5rem} #ltw2 .lw-trip b{display:block;color:var(--g7);font-size:.95rem;margin-bottom:.2rem} #ltw2 .lw-trip small{color:var(--ink2);line-height:1.8} #ltw2 .lw-trip:hover{border-color:var(--gold);transform:translateY(-2px);color:var(--ink)!important} #ltw2 .lw-trip.on{border-color:var(--g7);background:var(--gsoft);box-shadow:0 0 0 1.5px var(--g7)} #ltw2 .lw-trip.on b::after{content:" ✓";color:#3f8f5f} /* ===== v9 additions ===== */ /* Bigger, clearer date inputs (user request) */ #ltw2 input[type="date"]{font-size:1.1rem!important;padding:1rem 1.1rem!important;min-height:3.4rem;letter-spacing:.5px} #ltw2 input[type="date"]::-webkit-calendar-picker-indicator{width:1.5rem;height:1.5rem;cursor:pointer;opacity:.75} #ltw2 input[type="date"]::-webkit-calendar-picker-indicator:hover{opacity:1} /* Pin label colors on :focus and :active too — GP theme button states were overriding color on click (user report: text vanishes on click) */ #ltw2 .lw-chip,#ltw2 .lw-chip:hover,#ltw2 .lw-chip:focus,#ltw2 .lw-chip:active{color:var(--ink)!important;background:#fff} #ltw2 .lw-chip.on,#ltw2 .lw-chip.on:hover,#ltw2 .lw-chip.on:focus,#ltw2 .lw-chip.on:active{color:var(--goldl)!important;background:linear-gradient(135deg,#0d2b23,var(--g7))!important} #ltw2 .lw-btn,#ltw2 .lw-btn:hover,#ltw2 .lw-btn:focus,#ltw2 .lw-btn:active{color:var(--goldl)!important;background:linear-gradient(135deg,#0d2b23,var(--g7))!important} #ltw2 .lw-btn-o,#ltw2 .lw-btn-o:hover,#ltw2 .lw-btn-o:focus,#ltw2 .lw-btn-o:active{color:var(--g7)!important;background:#fff!important} #ltw2 .lw-dtab,#ltw2 .lw-dtab:hover,#ltw2 .lw-dtab:focus,#ltw2 .lw-dtab:active{color:var(--ink)!important;background:#fff} #ltw2 .lw-dtab.on,#ltw2 .lw-dtab.on:hover,#ltw2 .lw-dtab.on:focus,#ltw2 .lw-dtab.on:active{color:var(--goldl)!important;background:var(--g7)!important} #ltw2 .lw-trip,#ltw2 .lw-trip:hover,#ltw2 .lw-trip:focus,#ltw2 .lw-trip:active, #ltw2 .lw-extra,#ltw2 .lw-extra:hover,#ltw2 .lw-extra:focus,#ltw2 .lw-extra:active, #ltw2 .lw-place,#ltw2 .lw-place:hover,#ltw2 .lw-place:focus,#ltw2 .lw-place:active{color:var(--ink)!important} #ltw2 .lw-addbtn,#ltw2 .lw-addbtn:hover,#ltw2 .lw-addbtn:focus,#ltw2 .lw-addbtn:active{color:var(--g7)!important;background:#fff!important} #ltw2 .lw-stepper button,#ltw2 .lw-stepper button:focus,#ltw2 .lw-stepper button:active{color:var(--gold)!important;background:#fff!important} #ltw2 .lw-stepper button:hover{color:#fff!important;background:var(--gold)!important} #ltw2 .lw-step-pill:hover,#ltw2 .lw-step-pill:focus,#ltw2 .lw-step-pill:active{color:var(--ink2)!important;background:var(--gsoft)} #ltw2 .lw-step-pill.on,#ltw2 .lw-step-pill.on:hover,#ltw2 .lw-step-pill.on:focus{color:#fff!important;background:var(--g7)!important} /* Center the +/− glyphs perfectly inside their circles */ #ltw2 .lw-stepper button{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:1.15rem} #ltw2 .lw-stepper button span{display:block} /* Trips layout polish: aligned two-column grid, gold icon medallions, equal heights */ #ltw2 .lw-trips{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;margin:0 auto 2rem;max-width:920px;align-items:stretch} @media(max-width:760px){#ltw2 .lw-trips{grid-template-columns:1fr}} #ltw2 .lw-trip{align-items:center;padding:1.1rem 1.2rem;border-radius:1.2rem;min-height:5.4rem} #ltw2 .lw-trip em{flex:0 0 auto;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--goldsoft);border:1px solid var(--goldline);font-size:1.5rem} #ltw2 .lw-trip b{font-size:1rem;margin-bottom:.25rem} #ltw2 .lw-trip small{display:block;line-height:1.75;font-size:.8rem} #ltw2 .lw-transfers .lw-trip{min-height:4rem} /* ===== v10 additions ===== */ /* Locked (not-yet-reached) step pills */ #ltw2 .lw-step-pill[disabled]{opacity:.45;cursor:not-allowed} /* Compact step band on phones: numbers only, label shown for current step */ @media(max-width:700px){ #ltw2 .lw-steps{gap:.15rem;padding:.55rem .5rem .4rem} #ltw2 .lw-step-pill{padding:.3rem .4rem;gap:.3rem} #ltw2 .lw-step-pill .lbl{display:none} #ltw2 .lw-step-pill.on .lbl{display:inline} } /* Server-rendered SEO + FAQ section below the wizard */ .ltw2-seo{max-width:860px;margin:5rem auto 0;padding:0 .5rem;color:#22301f;line-height:2} .ltw2-seo h2{color:#10382D;text-align:center;font-size:clamp(1.35rem,2.6vw,1.8rem);margin:2.8rem 0 1.1rem} .ltw2-seo h2::after{content:"";display:block;width:44px;height:2px;border-radius:2px;background:linear-gradient(90deg,#C9A24B,#E3C47F);margin:.9rem auto 0} .ltw2-seo .ltw2-intro{color:#6b7263;text-align:center;max-width:72ch;margin:0 auto 1.2rem} .ltw2-seo details{background:#fff;border:1px solid rgba(201,162,75,.5);border-radius:1rem;margin-bottom:.7rem;box-shadow:0 5px 14px rgba(16,56,45,.06);overflow:hidden} .ltw2-seo summary{cursor:pointer;padding:.95rem 1.25rem;font-weight:700;color:#10382D;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem} .ltw2-seo summary::-webkit-details-marker{display:none} .ltw2-seo summary::after{content:"+";color:#C9A24B;font-size:1.35rem;font-weight:800;line-height:1;flex:0 0 auto} .ltw2-seo details[open] summary::after{content:"−"} .ltw2-seo details p{margin:0;padding:0 1.25rem 1.05rem;color:#6b7263} /* ===== v11: custom brand calendar (replaces native date popup) ===== */ #ltw2 .lw-dates{max-width:560px} #ltw2 .lw-dateout{display:block;width:100%;padding:.8rem 1rem;border-radius:.95rem;border:1px solid var(--goldline);background:#fff;color:var(--g7);font-weight:800;font-size:1.05rem;box-shadow:0 8px 22px rgba(16,56,45,.08);text-align:center;min-height:3.2rem} #ltw2 .lw-cal{max-width:760px;margin:0 auto 1.4rem;background:#fff;border:1px solid var(--goldline);border-radius:1.2rem;padding:1.1rem 1.2rem 1.3rem;box-shadow:0 10px 28px rgba(16,56,45,.08)} #ltw2 .lw-cal-nav{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.9rem} #ltw2 .lw-cal-nav span{color:var(--ink2);font-size:.8rem} #ltw2 .lw-cal-nav button{cursor:pointer;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--gold);background:#fff;color:var(--gold)!important;font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0} #ltw2 .lw-cal-nav button:hover{background:var(--gold);color:#fff!important} #ltw2 .lw-cal-nav button[disabled]{opacity:.3;cursor:not-allowed} #ltw2 .lw-cal-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem} #ltw2 .lw-cal-month .m{text-align:center;color:var(--g7);font-weight:800;font-size:1.05rem;margin-bottom:.6rem} #ltw2 .lw-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px} #ltw2 .lw-cal-dow{text-align:center;color:var(--ink2);font-size:.68rem;padding:.25rem 0 .45rem} #ltw2 .lw-cal-day{cursor:pointer;border:0;background:transparent;border-radius:12px;min-height:44px;font-size:1rem;font-weight:600;color:var(--ink)!important;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s} #ltw2 .lw-cal-day:hover{background:var(--goldsoft);color:var(--ink)!important} #ltw2 .lw-cal-day.today{box-shadow:inset 0 0 0 1.5px var(--gold)} #ltw2 .lw-cal-day.range,#ltw2 .lw-cal-day.range:hover{background:var(--goldsoft);color:var(--g7)!important} #ltw2 .lw-cal-day.sel,#ltw2 .lw-cal-day.sel:hover,#ltw2 .lw-cal-day.sel:focus,#ltw2 .lw-cal-day.sel:active{background:linear-gradient(135deg,#0d2b23,var(--g7))!important;color:var(--goldl)!important;font-weight:800;box-shadow:0 4px 12px rgba(16,56,45,.3)} #ltw2 .lw-cal-day[disabled]{opacity:.28;cursor:not-allowed} #ltw2 .lw-cal-day[disabled]:hover{background:transparent} #ltw2 .lw-cal-pad{min-height:44px} @media(max-width:760px){ #ltw2 .lw-cal{padding:.9rem .7rem 1rem} #ltw2 .lw-cal-months{grid-template-columns:1fr} #ltw2 .lw-cal-month:nth-child(2){display:none} #ltw2 .lw-cal-day{min-height:42px} } /* ===== v12 additions ===== */ /* ROOT FIX for vanishing button labels: snippet 25615 forces -webkit-text-fill-color:#10382D !important on .inside-article button states. text-fill-color visually overrides `color`, so our earlier color pins were not enough on dark buttons. The ID selector outranks it for every state. */ #ltw2 button,#ltw2 button:hover,#ltw2 button:focus,#ltw2 button:active, #ltw2 a.lw-btn,#ltw2 a.lw-btn:hover,#ltw2 a.lw-btn:focus{ -webkit-text-fill-color:currentColor!important; } /* Step 5: day header + visible day-type buttons (replaced the