/* LLR Lake Days for Less landing page — scoped under .llr30 · v1.5.0 (clickable date chips w/ hover; navy value section w/ wave cap; lakeside hero photo + math-band imagery, extended wave motif, explicit legibility colors, roomier spacing) */
body.page-id-36188 { overflow-x: hidden; }
.llr30, .llr30 * { box-sizing: border-box; margin: 0; padding: 0; }
.llr30 { position: relative; width: 100vw; left: calc(-50vw + 50%); background: #fff; font-family: 'Arboria', 'Century Gothic', 'Trebuchet MS', sans-serif; color: #202138; line-height: 1.55; font-size: 1.25rem; }
.llr30 .wrap { max-width: 1100px; margin: 0 auto; padding: 0 22px; }
.llr30 a.llr30-cta { display: inline-block; background: #49A8C6; color: #202138; font-weight: 700; font-size: 1.35rem; text-decoration: none; padding: 18px 38px; border-radius: 6px; letter-spacing: .02em; transition: transform .12s ease, box-shadow .12s ease; box-shadow: 0 4px 14px rgba(32,33,56,.25); }
.llr30 a.llr30-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(32,33,56,.32); color: #202138; }
.llr30 a.llr30-cta.navy { background: #202138; color: #FFFFFF; }
.llr30 a.llr30-cta.navy:hover { color: #FFFFFF; }
.llr30 .sub-cta { font-size: 1.25rem; color: #8C6751; margin-top: 14px; }
.llr30 .hero .sub-cta { color: #BFB1A4; }
/* HERO */
.llr30 .hero { background: linear-gradient(180deg, rgba(32,33,56,.92) 0%, rgba(32,33,56,.80) 55%, rgba(42,51,82,.66) 100%), url('https://www.lakelawnresort.com/wp-content/uploads/2026/03/lakefront.jpg') center 32% / cover no-repeat; color: #fff; text-align: center; padding: 88px 0 108px; position: relative; overflow: hidden; }
.llr30 .hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 120px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120" preserveAspectRatio="none"><path d="M0,64 C240,110 480,20 720,52 C960,84 1200,30 1440,70 L1440,120 L0,120 Z" fill="%23608EB6" opacity=".25"/><path d="M0,84 C260,40 520,110 780,74 C1040,38 1260,96 1440,60 L1440,120 L0,120 Z" fill="%23ffffff"/></svg>') bottom center / 100% 120px no-repeat; }
.llr30 .hero .eyebrow { font-size: 1.25rem; letter-spacing: .2em; text-transform: uppercase; color: #BFB1A4; margin-bottom: 18px; }
.llr30 .hero h1 { font-size: clamp(2.8rem, 7vw, 4.2rem); font-weight: 700; letter-spacing: .01em; margin-bottom: 14px; color: #fff; text-shadow: 0 2px 18px rgba(15,17,34,.35); }
.llr30 .price-lede { font-size: clamp(1.7rem, 4.2vw, 2.4rem); font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 18px; }
.llr30 .price-lede .big { color: #49A8C6; font-size: 1.35em; font-weight: 800; }
.llr30 .hero .sub { max-width: 760px; margin: 0 auto 30px; font-size: 1.25rem; color: #E8EBF2; }
.llr30 .next-pill { margin-top: 24px; font-size: 1.25rem; color: #BFB1A4; }
.llr30 .next-pill b { color: #fff; }
.llr30 .trust { margin-top: 36px; font-size: 1.25rem; letter-spacing: .06em; color: #cfd5e6; }
/* SECTIONS */
.llr30 section { padding: 84px 0; background: #fff; }
.llr30 h2 { font-size: clamp(1.9rem, 4vw, 2.5rem); font-weight: 700; text-align: center; margin-bottom: 12px; color: #202138; }
.llr30 .kicker { text-align: center; color: #8C6751; font-size: 1.25rem; letter-spacing: .22em; text-transform: uppercase; margin-bottom: 10px; }
.llr30 .center-sub { text-align: center; max-width: 680px; margin: 0 auto 48px; color: #4a4e66; }
/* HOW IT WORKS */
.llr30 .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.llr30 .step { background: #F7F5F2; border-radius: 10px; padding: 32px 28px; }
.llr30 .step .num { width: 46px; height: 46px; border-radius: 50%; background: #202138; color: #49A8C6; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 1.3rem; }
.llr30 .step h3 { font-size: 1.4rem; margin-bottom: 8px; color: #202138; }
.llr30 .step p { font-size: 1.25rem; color: #4a4e66; }
/* VALUE GRID (navy band) */
.llr30 section.value { background: linear-gradient(165deg, #202138 0%, #26304d 100%); position: relative; }
.llr30 section.value::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 60px; transform: translateY(-100%); background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,30 C240,56 480,8 720,30 C960,52 1200,8 1440,34 L1440,60 L0,60 Z" fill="%23202138"/></svg>') bottom center / 100% 60px no-repeat; pointer-events: none; }
.llr30 section.value .kicker { color: #BFB1A4; }
.llr30 section.value h2 { color: #fff; }
.llr30 section.value .center-sub { color: #cfd4e4; }
.llr30 .vgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.llr30 .vcard { background: #fff; border-radius: 10px; padding: 28px 24px; border-top: 4px solid #49A8C6; box-shadow: 0 6px 22px rgba(15,17,34,.28); }
.llr30 .vcard .pct { font-size: 1.8rem; font-weight: 700; color: #8C6751; margin-bottom: 6px; }
.llr30 .vcard h3 { font-size: 1.4rem; margin-bottom: 6px; color: #202138; }
.llr30 .vcard p { font-size: 1.25rem; color: #4a4e66; }
/* ESCAPE / GENEVA LAKES CONTRAST */
.llr30 .vs { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 980px; margin: 0 auto; }
.llr30 .vs .side { border-radius: 12px; padding: 32px 30px; }
.llr30 .vs .side h3 { font-size: 1.4rem; margin-bottom: 16px; }
.llr30 .vs .side ul { list-style: none; padding: 0; }
.llr30 .vs .side li { font-size: 1.25rem; padding: 9px 0 9px 32px; position: relative; }
.llr30 .vs .there { background: #F7F5F2; color: #6b6f85; }
.llr30 .vs .there h3 { color: #8C6751; }
.llr30 .vs .there li::before { content: "\2014"; position: absolute; left: 0; color: #BFB1A4; }
.llr30 .vs .here { background: #202138; color: #E8EBF2; }
.llr30 .vs .here h3 { color: #49A8C6; }
.llr30 .vs .here li::before { content: "\2713"; position: absolute; left: 0; color: #49A8C6; font-weight: 700; }
.llr30 .vs-note { text-align: center; margin-top: 28px; font-size: 1.25rem; color: #4a4e66; max-width: 720px; margin-left: auto; margin-right: auto; }
/* DATES */
.llr30 .month { margin-bottom: 28px; }
.llr30 .month h3 { font-size: 1.3rem; letter-spacing: .14em; text-transform: uppercase; color: #8C6751; margin-bottom: 14px; text-align: center; }
.llr30 .chips { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.llr30 .chip { background: #fff; border: 1.5px solid #608EB6; color: #202138; border-radius: 8px; padding: 10px 16px; font-size: 1.25rem; transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease; }
.llr30 .chip b { font-weight: 700; }
.llr30 .chip .dow { color: #8C6751; font-size: 1.25rem; margin-right: 6px; }
.llr30 a.chip { text-decoration: none; }
.llr30 a.chip:hover { border-color: #49A8C6; background: rgba(73,168,198,.10); transform: translateY(-1px); box-shadow: 0 3px 10px rgba(32,33,56,.14); }
.llr30 .chip.holiday { border-color: #49A8C6; background: rgba(73,168,198,.1); }
.llr30 .chip.llr30-past { opacity: .32; text-decoration: line-through; pointer-events: none; }
.llr30 .dates-note { text-align: center; font-size: 1.25rem; color: #8C6751; margin-top: 20px; }
.llr30 .cta-row { text-align: center; margin-top: 36px; }
/* MATH BAND */
.llr30 section.math { background: linear-gradient(rgba(32,33,56,.93), rgba(32,33,56,.95)), url('https://www.lakelawnresort.com/wp-content/uploads/2026/03/lakefront-768x513.jpg') center / cover no-repeat; color: #fff; text-align: center; position: relative; }
.llr30 section.math::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 60px; transform: translateY(-100%); background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,30 C240,56 480,8 720,30 C960,52 1200,8 1440,34 L1440,60 L0,60 Z" fill="%23202138"/></svg>') bottom center / 100% 60px no-repeat; pointer-events: none; }
.llr30 section.math h2 { color: #fff; }
.llr30 .mathgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 960px; margin: 36px auto 0; }
.llr30 .mitem { border: 1px solid rgba(96,142,182,.4); border-radius: 10px; padding: 22px 16px; }
.llr30 .mitem .off { color: #49A8C6; font-weight: 700; font-size: 1.7rem; }
.llr30 .mitem p { font-size: 1.25rem; color: #cfd4e4; margin-top: 6px; }
/* FAQ */
.llr30 .faq details { border-bottom: 1px solid #E3DDD5; padding: 18px 4px; max-width: 800px; margin: 0 auto; }
.llr30 .faq summary { font-weight: 700; cursor: pointer; font-size: 1.35rem; color: #202138; }
.llr30 .faq details p { margin-top: 10px; font-size: 1.25rem; color: #4a4e66; }
/* FINE PRINT */
.llr30 .fine { background: #F7F5F2; padding: 52px 0 130px; }
.llr30 .fine ul { max-width: 800px; margin: 16px auto 0; padding-left: 22px; font-size: 1.25rem; color: #6b6f85; }
.llr30 .fine h4 { text-align: center; font-size: 1.25rem; letter-spacing: .18em; text-transform: uppercase; color: #8C6751; }
.llr30 .fine .phone { text-align: center; margin-top: 28px; font-size: 1.3rem; color: #202138; }
.llr30 .fine .phone a { color: #202138; font-weight: 700; text-decoration: none; }
/* STICKY MOBILE BAR */
.llr30 .sticky { display: none; }
@media (max-width: 820px) {
  .llr30 .hero { background: linear-gradient(180deg, rgba(32,33,56,.92) 0%, rgba(32,33,56,.82) 55%, rgba(42,51,82,.70) 100%), url('https://www.lakelawnresort.com/wp-content/uploads/2026/03/lakefront-768x513.jpg') center 32% / cover no-repeat; padding: 64px 0 92px; }
  .llr30 .steps, .llr30 .vgrid, .llr30 .vs { grid-template-columns: 1fr; }
  .llr30 .mathgrid { grid-template-columns: repeat(2, 1fr); }
  .llr30 .fine { padding-bottom: 160px; }
  .llr30 .sticky { display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: #202138; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; box-shadow: 0 -4px 18px rgba(32,33,56,.35); }
  .llr30 .sticky .stxt { color: #fff; font-size: 1.25rem; line-height: 1.25; }
  .llr30 .sticky .stxt b { color: #49A8C6; }
  .llr30 .sticky a.llr30-cta { padding: 14px 20px; font-size: 1.25rem; white-space: nowrap; box-shadow: none; }
}