/* ================================================================== EXTRACTED from show.blade.php's inline css section (2026-09-09, page-speed: the block re-downloaded with every HTML response; now cached). ORDER IS LOAD-BEARING — blocks appear in their original sequence; the documented specificity traps (before-vs-after _detail.css) depend on it. Edit HERE, not in the blade. ================================================================== */ /* ====================================================================== Restaurant DETAIL page — the v3_old/restaurants.html detail view, its CSS extracted VERBATIM and prefix-scoped under .rstp (same markup + class names, so the render matches the prototype 1:1). The page wears the LIVE v3 site chrome instead of the prototype's own header/footer. ====================================================================== */ /* --grad is the THREE-stop house gradient (user 2026-08-06): the prototype page carried the older 2-stop pink→purple, making the Join pill the one CTA off the approved family — the choose page, register and every panel CTA are 3-stop. All 7 var(--grad) consumers on this page align with it. */ .rstp{--pink:#FF08C9;--purple:#AE00FF;--blue:#00AEFF;--grad:linear-gradient(135deg,#FF08C9,#AE00FF,#00AEFF);--ink:#000000;--slate:#666666;--hint:#6D6E71;--line:#E6E7E8;--soft:#F1F2F2;--gold:#F5A623; font-family:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif} /* the LIVE site nav is position:fixed (73px desktop / 69px mobile) — the prototype's own header was in-flow, so without this the breadcrumb hides under the bar (user-reported). The dark header surface extends up behind the dark nav. */ .rstp .profile-header{padding-top:89px !important} @media(max-width:680px){ .rstp .profile-header{padding-top:85px !important} } /* hero masters are crop-enforced 9:16 PORTRAIT (platform rule). Treatment matched to the pc_chef profile page (user-directed): a 3:4 PORTRAIT card, cover-filled, full-bleed — no letterbox bands. A legacy LANDSCAPE source (detected client-side) falls back to a 16:9 frame with the blurred-fill letterbox. Overrides the prototype's 16:9 .chef-card-img because this style block loads after _detail.css. */ /* selector carries .chef-card-img too (0,3,0) — these rules sit BEFORE the inlined _detail.css in this style block, so plain 0,2,0 would lose to the prototype's later 16:9 rule on the same element. */ .rstp .chef-card-img.rst-heroimg{position:relative;overflow:hidden;aspect-ratio:3/4;max-height:520px;background-color:#1a3448} .rstp .chef-card-img.rst-heroimg img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover} .rstp .chef-card-img.rst-heroimg .hz{display:none;position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(20px) brightness(.7);transform:scale(1.12)} .rstp .chef-card-img.rst-heroimg.landscape{aspect-ratio:16/9;max-height:none} .rstp .chef-card-img.rst-heroimg.landscape img{object-fit:contain} .rstp .chef-card-img.rst-heroimg.landscape .hz{display:block} /* video master (hero_type='video'): same portrait frame, cover-filled */ .rstp .chef-card-img.rst-heroimg.rst-herovid video{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;background:#1a3448} /* MOBILE: masters are crop-enforced 9:16, so the frame goes NATIVE 9:16 (user 2026-08-05: "image and video not looks good" — the 3:4 desktop frame re-crops ~a quarter of the media the vendor already cropped). Cover-fit is then an exact fit: zero cropping, app-story look. The legacy .landscape branch (0,4,0) still outranks this (0,3,0). */ @media(max-width:680px){ .rstp .chef-card-img.rst-heroimg{aspect-ratio:9/16;max-height:640px} } /* header bio: stays in its design position beside the master media (user 2026-08-05) but UN-CAPPED — the prototype's 560px max-width made it "half of page". Selector is 0,3,0 — these rules sit BEFORE the inlined _detail.css, so a plain 0,2,0 loses to its later 560px cap (the documented trap; measured live before this fix). */ .rstp .profile-info .profile-bio{max-width:none} /* 6 lines before the fold, desktop AND mobile alike (user 2026-08-05) */ .rstp .profile-bio.clamped{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden} .rstp .rst-biotog{border:none;background:none;padding:0;margin-top:6px;font-family:inherit;font-size:13px;font-weight:800;color:#fff;opacity:.85;cursor:pointer;text-decoration:underline;text-underline-offset:3px} .rstp .rst-biotog:hover{opacity:1} /* The sidebar Join CTA (user 2026-08-07: "check this button width"): .cta-block had NO rule anywhere, so the pill rendered as a bare inline element. It is meant to be the card's full-width contained block pill, like the choose page's "Continue to checkout". 0,3,0 beats _detail.css's later .rstp .cta. */ .rstp .cta.cta-block{display:block;width:100%;box-sizing:border-box;text-align:center;margin:0} /* ── MOBILE-ONLY sticky Join bar (user 2026-08-07) ─────────────────────── On mobile the booking sidebar (membership rows + Join CTA) stacks BELOW the whole left column, so the Join button was unreachable without scrolling the entire page. This fixed bottom bar surfaces it immediately — the house pattern is the vendor rate-card page's sticky mobile sign CTA. Hidden > 820px (desktop keeps the sidebar CTA, page pixel-unchanged). z-index 900 sits ABOVE page content but BELOW the mobile-nav scrim (998, so opening the nav dims the bar too), the in-page doc reader (1200) and the photo lightbox (1300). Selectors are 0,3,0 to beat _detail.css's later .rstp .cta (0,2,0) — the documented specificity trap. */ .rstp .rst-joinbar{display:none} @media(max-width:820px){ .rstp .rst-joinbar{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:900; background:var(--card,#fff);border-top:1px solid var(--line); padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); box-shadow:0 -6px 24px rgba(0,0,0,.10)} .rstp .rst-joinbar .rjb-price{font-size:13px;color:var(--slate);line-height:1.3;flex:1 1 auto;min-width:0} .rstp .rst-joinbar .rjb-price strong{font-size:16px;font-weight:900;color:var(--ink)} /* same gradient-border / white-fill pill as the sidebar .cta */ .rstp .rst-joinbar .cta{margin:0;flex:none;font-size:14.5px;padding:12px 22px} /* clear the fixed bar so it never covers the last section or the footer links — this style block only loads on this page, so the body rule is page-scoped (the footer is a sibling of .rstp, not a child). */ body{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))} } /* ==== BEGIN _detail.css (prototype-generated — regenerate from public/v3_old/restaurants.html and re-paste between these markers; never hand-edit; see CLAUDE.md) ==== */ /* EXTRACTED VERBATIM from public/v3_old/restaurants.html (detail view), every selector prefix-scoped under .rstp — regenerate from the prototype rather than hand-editing if the design handoff changes. Inlined into show.blade.php via file_get_contents inside its