/* Shane Ellis Guide Service — base styles. Colors come from seasonal CSS vars set in (see core/Theme.php). Only --c-* tokens change per season. */ *,*::before,*::after{box-sizing:border-box} :root{ --maxw:1140px; --radius:14px; --shadow:0 10px 30px rgba(16,32,44,.10); --shadow-lg:0 18px 50px rgba(16,32,44,.16); --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; } html{scroll-behavior:smooth} body{ margin:0;font-family:var(--font);color:var(--c-ink); background:var(--c-bg);line-height:1.6;-webkit-font-smoothing:antialiased; } h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;color:var(--c-primary-deep)} h1{font-size:clamp(2rem,5vw,3.2rem)} h2{font-size:clamp(1.5rem,3.2vw,2.3rem)} p{margin:0 0 1rem} a{color:var(--c-primary);text-decoration:none} a:hover{text-decoration:underline} img{max-width:100%;height:auto;display:block} .wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px} /* Buttons */ .btn{display:inline-flex;align-items:center;gap:.4em;justify-content:center; padding:.8em 1.4em;border-radius:999px;font-weight:700;cursor:pointer; border:2px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease; text-decoration:none;line-height:1} .btn:hover{text-decoration:none;transform:translateY(-1px)} .btn-primary{background:var(--c-button);color:var(--c-button-text)} .btn-primary:hover{box-shadow:var(--shadow)} .btn-ghost{background:transparent;color:var(--c-primary-deep);border-color:var(--c-line)} .btn-ghost:hover{border-color:var(--c-primary)} .btn-pay{background:var(--c-accent);color:#16261d;font-weight:800;width:100%;margin-top:auto} .btn-pay:hover{filter:brightness(1.05);box-shadow:var(--shadow)} .btn-lg{padding:1em 2em;font-size:1.1rem} /* Header */ .site-header{position:sticky;top:0;z-index:50;background:var(--c-surface); border-bottom:1px solid var(--c-line);box-shadow:0 2px 10px rgba(16,32,44,.05)} .header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px} .brand{display:flex;align-items:center;gap:.6rem;font-weight:800;color:var(--c-primary-deep)} .brand:hover{text-decoration:none} .brand__logo{height:42px;width:auto} .brand__name{font-size:1.05rem;letter-spacing:.2px} .site-nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap} .nav-link{padding:.5rem .75rem;border-radius:8px;font-weight:600;color:var(--c-ink-soft)} .nav-link:hover{color:var(--c-primary-deep);background:var(--c-bg);text-decoration:none} .nav-link.is-active{color:var(--c-primary-deep)} .nav-cta{background:var(--c-button);color:var(--c-button-text)!important} .nav-cta:hover{background:var(--c-primary-deep);color:#fff} .nav-phone{color:var(--c-primary-deep);font-weight:800} .nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px} .nav-toggle span{width:26px;height:3px;background:var(--c-primary-deep);border-radius:2px} /* Page hero */ .page-hero{background:linear-gradient(180deg,var(--c-surface),var(--c-bg));padding:3rem 0 2rem;border-bottom:1px solid var(--c-line)} .page-hero .lede{font-size:1.15rem;color:var(--c-ink-soft);max-width:60ch} .deposit-note{background:var(--c-surface);border:1px solid var(--c-line);border-left:4px solid var(--c-section-accent); padding:.8rem 1rem;border-radius:10px;max-width:60ch;color:var(--c-ink-soft);font-size:.95rem} .hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem} /* Rate groups + cards */ .rate-group{padding:2.5rem 20px 1rem} .rate-group__title{position:relative;padding-bottom:.4rem;margin-bottom:1.5rem} .rate-group__title::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:2px;background:var(--c-section-accent)} .rate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem} .rate-card{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-line); border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease} .rate-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)} .rate-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem} .rate-card__title{font-size:1.2rem;margin:0} .rate-card__price{font-size:1.5rem;font-weight:800;color:var(--c-primary);white-space:nowrap} .rate-card__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--c-ink-soft);font-size:.9rem;margin-bottom:.75rem} .rate-card__desc{color:var(--c-ink-soft)} .rate-card__included{list-style:none;padding:0;margin:0 0 1rem} .rate-card__included li{padding-left:1.4rem;position:relative;margin-bottom:.3rem;font-size:.95rem} .rate-card__included li::before{content:"✓";position:absolute;left:0;color:var(--c-primary);font-weight:800} .rate-card__note{font-size:.85rem;color:var(--c-ink-soft);font-style:italic} .rate-card__addons{font-size:.82rem;color:var(--c-ink-soft);background:var(--c-bg);border-radius:8px;padding:.5rem .7rem} /* Add-ons + CTA band */ .addon-strip{padding:2rem 20px} .addon-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:1rem} .addon-list li{background:var(--c-surface);border:1px solid var(--c-line);border-radius:10px;padding:.7rem 1rem} .addon-price{color:var(--c-primary);font-weight:800} .addon-foot{font-size:.9rem;color:var(--c-ink-soft)} .cta-band{background:var(--c-primary);color:#fff;text-align:center;padding:3rem 0;margin-top:2rem} .cta-band h2{color:#fff} .cta-band p{color:rgba(255,255,255,.85)} /* Footer */ .site-footer{background:var(--c-primary-deep);color:rgba(255,255,255,.85);margin-top:3rem;padding:2.5rem 0 1rem} .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem} .site-footer h4{color:#fff;margin-bottom:.6rem} .footer__brand{font-weight:800;color:#fff;font-size:1.1rem} .footer__muted{color:rgba(255,255,255,.7);font-size:.92rem} .footer__links{list-style:none;padding:0;margin:0} .footer__links a{color:rgba(255,255,255,.85)} .footer__phone{color:#fff;font-weight:800;font-size:1.2rem} .footer__social a{color:var(--c-accent-warm)} .footer__legal{border-top:1px solid rgba(255,255,255,.15);margin-top:1.5rem;padding-top:1rem;font-size:.85rem;color:rgba(255,255,255,.6)} /* Mobile sticky book bar */ .mobile-book-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:60; grid-template-columns:1fr 1.4fr;gap:0;box-shadow:0 -4px 20px rgba(0,0,0,.18)} .mobile-book-bar a{padding:1rem;text-align:center;font-weight:800;color:#fff} .mobile-book-bar a:hover{text-decoration:none} .mbb__call{background:var(--c-primary-deep)} .mbb__book{background:var(--c-accent);color:#16261d} /* Simple stub page */ .stub{padding:4rem 0;text-align:center} .stub .lede{color:var(--c-ink-soft);max-width:55ch;margin:0 auto 1.5rem} /* Hero with background image */ .page-hero.has-bg{position:relative;color:#fff;background:var(--bg) center/cover no-repeat;border-bottom:0} .page-hero.has-bg::before{content:"";position:absolute;inset:0;background:var(--hero-overlay)} .page-hero.has-bg .wrap{position:relative;z-index:1;padding-top:3.5rem;padding-bottom:3.5rem} .page-hero.has-bg h1{color:#fff} .page-hero.has-bg .lede{color:rgba(255,255,255,.92)} /* About layout */ .about-grid{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:2rem;padding:2.5rem 20px;align-items:start} .about-photo img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%} .cred-list{list-style:none;padding:0;margin:1rem 0 0} .cred-list li{padding:.45rem .7rem;background:var(--c-surface);border:1px solid var(--c-line);border-left:3px solid var(--c-section-accent);border-radius:8px;margin-bottom:.45rem;font-weight:600;font-size:.9rem} .about-body p{font-size:1.05rem} @media(max-width:760px){.about-grid{grid-template-columns:1fr}} /* Gallery */ .gallery-wrap{padding:2.5rem 20px} .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem} .gallery-item{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--c-surface)} .gallery-item img{width:100%;height:230px;object-fit:cover;transition:transform .3s ease} .gallery-item:hover img{transform:scale(1.05)} .gallery-item figcaption{position:absolute;bottom:0;left:0;right:0;padding:.6rem .8rem;color:#fff; background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));font-weight:600;font-size:.9rem} /* Reviews */ .review-card blockquote{margin:.5rem 0 1rem;font-size:1.05rem;font-style:italic;color:var(--c-ink)} .review-card .stars{color:var(--c-accent);font-size:1.1rem;letter-spacing:2px} .review-by{color:var(--c-ink-soft);font-size:.9rem} /* FAQ accordion */ .faq-wrap{padding:2.5rem 20px;max-width:820px} .faq-item{background:var(--c-surface);border:1px solid var(--c-line);border-radius:10px;margin-bottom:.7rem;overflow:hidden} .faq-item summary{cursor:pointer;padding:1rem 1.2rem;font-weight:700;color:var(--c-primary-deep);list-style:none;position:relative} .faq-item summary::-webkit-details-marker{display:none} .faq-item summary::after{content:"+";position:absolute;right:1.2rem;font-size:1.3rem;color:var(--c-section-accent);transition:transform .2s} .faq-item[open] summary::after{transform:rotate(45deg)} .faq-item .faq-a{padding:0 1.2rem 1.1rem;color:var(--c-ink-soft)} /* Contact / booking form */ .contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:2.5rem 20px;align-items:start} .contact-form-wrap{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow)} .booking-form .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem} .booking-form label{display:block;font-weight:600;margin:.6rem 0 .25rem;font-size:.9rem;color:var(--c-ink)} .booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:.6rem .7rem;border:1px solid var(--c-line);border-radius:8px;font-size:1rem;font-family:inherit;background:#fff} .booking-form textarea{resize:vertical} .hp{position:absolute;left:-9999px;height:0;overflow:hidden} .form-note{font-size:.85rem;color:var(--c-ink-soft);background:var(--c-bg);border-left:3px solid var(--c-section-accent);padding:.6rem .8rem;border-radius:8px;margin:1rem 0} .form-callout{margin-top:.8rem;font-weight:600} .form-ok{background:#e3f6ea;border:1px solid #b6e2c6;color:#15683f;padding:1rem 1.2rem;border-radius:10px;font-weight:600} .form-err{background:#fde8e8;border:1px solid #f3c2c2;color:#a12;padding:.7rem 1rem;border-radius:8px;margin-bottom:.8rem} .contact-side{display:flex;flex-direction:column;gap:1rem} .contact-side .rate-card{box-shadow:none} @media(max-width:820px){.contact-grid{grid-template-columns:1fr}.booking-form .fgrid{grid-template-columns:1fr}} /* Visual editor chrome (only present in edit mode) */ .ve-mode .ve-target{outline:2px dashed rgba(242,183,51,.0);outline-offset:3px;cursor:text;transition:outline-color .12s,background .12s;border-radius:4px} .ve-mode .ve-target:hover{outline-color:var(--c-accent);background:rgba(242,183,51,.10)} .ve-mode .ve-editing{outline:2px solid var(--c-accent);background:#fffdf6;cursor:text} #ve-bar{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;gap:1rem; background:#16324f;color:#fff;padding:.5rem 1rem;font-size:.9rem;box-shadow:0 2px 12px rgba(0,0,0,.3)} #ve-bar .ve-bar__tag{font-weight:800} #ve-bar .ve-bar__hint{color:rgba(255,255,255,.75)} #ve-bar .ve-bar__exit{margin-left:auto;background:var(--c-accent);color:#16261d;font-weight:800;padding:.35rem .9rem;border-radius:999px} .ve-mode body,.ve-mode{scroll-padding-top:50px} .ve-mode .site-header{top:42px} #ve-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(80px);background:#16324f;color:#fff; padding:.6rem 1.1rem;border-radius:999px;font-weight:700;opacity:0;transition:.25s;z-index:300} #ve-toast.show{opacity:1;transform:translateX(-50%) translateY(0)} #ve-toast.err{background:#a12525} @media(max-width:860px){ .nav-toggle{display:flex} .site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--c-surface); flex-direction:column;align-items:stretch;padding:.5rem 20px 1rem;border-bottom:1px solid var(--c-line);box-shadow:var(--shadow)} body.nav-open .site-nav{display:flex} .nav-link{padding:.8rem .5rem;border-bottom:1px solid var(--c-line)} .mobile-book-bar{display:grid} body{padding-bottom:60px} }