/* ============================================================ NP Holidays — Public Site Stylesheet "Alpine Dusk" redesign: warm ivory + editorial serif headlines, deep indigo-navy structure, terracotta sunset accent. Light + dark theme via [data-theme="dark"] on . ============================================================ */ :root{ --pine:#1e2a4a; /* twilight navy — header/footer/structure */ --pine-dark:#11182c; /* darkest navy */ --mist:#faf5ec; /* warm ivory page background */ --card:#ffffff; --marigold:#d97a41; /* terracotta — primary accent / CTAs */ --marigold-dark:#b85f2d; --ink:#25262b; --muted:#79725f; --line:#e9e0cf; --input-bg:#fdfaf3; --radius:16px; } html[data-theme="dark"]{ --mist:#11141b; --card:#1a1e27; --ink:#ede7d9; --muted:#9c9484; --line:#2b3140; --input-bg:#141821; } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{margin:0;font-family:'Manrope',sans-serif;background:var(--mist);color:var(--ink);transition:background .25s ease, color .25s ease;} h1,h2,h3,h4{font-family:'Newsreader',serif;margin:0;letter-spacing:-0.01em;font-weight:600;} .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--marigold-dark);font-weight:600;} a{color:inherit;text-decoration:none;} img{max-width:100%;display:block;} button{font-family:inherit;cursor:pointer;} .wrap{max-width:1440px;margin:0 auto;padding:0 28px;} /* ---------- THEME TOGGLE ---------- */ .theme-toggle{ display:inline-flex;align-items:center;justify-content:center; width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08);color:#f3ede0;font-size:16px;cursor:pointer; transition:background .2s;flex-shrink:0; } .theme-toggle:hover{background:rgba(255,255,255,.16);} /* ---------- HEADER ---------- */ header.site{position:sticky;top:0;z-index:60;background:var(--pine-dark);color:#f3ede0;} .site-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1180px;margin:0 auto;} .brand{display:flex;align-items:center;gap:10px;font-family:'Newsreader',serif;font-style:italic;font-size:23px;font-weight:600;color:#fff;} .brand img.logo{width:34px;height:34px;border-radius:50%;object-fit:cover;} .brand .mark{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--marigold),var(--marigold-dark));display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;} .nav-links{display:flex;gap:26px;font-size:14px;font-weight:500;} .nav-links a{opacity:.82;transition:opacity .2s;} .nav-links a:hover{opacity:1;color:var(--marigold);} .nav-cta{display:flex;align-items:center;gap:8px;background:var(--marigold);color:#fff;padding:9px 17px;border-radius:100px;font-size:13px;font-weight:700;transition:background .2s;} .nav-cta:hover{background:var(--marigold-dark);} .back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#f3ede0;opacity:.9;} @media (max-width:860px){ .nav-links{display:none;} } /* ---------- HERO ---------- */ .hero{position:relative;min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:80px 24px 130px;background-size:cover;background-position:center;} .hero.with-overlay{background-image:linear-gradient(180deg, rgba(17,24,44,.30) 0%, rgba(17,24,44,.86) 76%, var(--mist) 100%), var(--hero-img, url('https://picsum.photos/seed/himachal-mountains/1600/900'));} .hero .eyebrow{color:#f0c39a;} .hero h1{font-size:clamp(32px,6vw,60px);font-weight:600;line-height:1.1;margin:16px 0 18px;max-width:820px;} .hero h1 em{font-style:italic;color:var(--marigold);} .hero p{max-width:560px;color:#e4dfd2;font-size:16px;line-height:1.65;font-family:'Manrope',sans-serif;} /* Detail page hero (packages/rooms/taxi) */ .detail-hero{position:relative;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;padding:28px 24px 46px;background-size:cover;background-position:center;} .detail-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(17,24,44,.12) 0%, rgba(17,24,44,.9) 100%);} .detail-hero .content{position:relative;z-index:2;max-width:900px;margin:0 auto;width:100%;} .detail-hero .top-bar{position:absolute;top:20px;left:24px;z-index:3;} .detail-hero .top-bar .back-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(17,24,44,.55);padding:9px 16px;border-radius:100px;font-size:13px;font-weight:600;backdrop-filter:blur(3px);} .detail-hero .meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;} .detail-hero .meta-row span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:100px;font-size:12.5px;font-weight:600;} .detail-hero h1{font-size:clamp(28px,5vw,46px);} .video-btn{position:relative;z-index:3;display:inline-flex;align-items:center;gap:8px;background:var(--marigold);color:#fff;padding:10px 18px;border-radius:100px;font-weight:700;font-size:13.5px;border:none;margin-top:16px;transition:background .2s;} .video-btn:hover{background:var(--marigold-dark);} /* search bar */ /* location-only search: manual typeahead input with removable tags */ .search-bar{position:relative;margin-top:-84px;z-index:20;background:var(--card);border-radius:18px;box-shadow:0 24px 50px rgba(30,20,8,.20);padding:22px 24px;max-width:640px;width:100%;} .search-bar .search-label{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-bottom:12px;font-family:'IBM Plex Mono',monospace;} .location-input-wrap{position:relative;} .location-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;} .location-tags:not(:empty){margin-bottom:10px;} .location-tag{ display:inline-flex;align-items:center;gap:7px;background:var(--marigold);color:#fff; padding:7px 8px 7px 14px;border-radius:100px;font-size:13px;font-weight:600; } .location-tag button{ background:rgba(255,255,255,.25);border:none;color:#fff;width:19px;height:19px; border-radius:50%;font-size:12px;line-height:1;cursor:pointer;display:flex; align-items:center;justify-content:center;padding:0; } .location-tag button:hover{background:rgba(255,255,255,.42);} .location-input{ width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px; font-size:14px;font-family:'Manrope',sans-serif;background:var(--input-bg);color:var(--ink); } .location-input:focus{outline:none;border-color:var(--marigold);box-shadow:0 0 0 3px rgba(217,122,65,.16);} .location-suggestions{ position:absolute;left:0;right:0;top:100%;margin-top:6px;background:var(--card); border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 30px rgba(30,20,8,.16); z-index:30;overflow:hidden;display:none;max-height:220px;overflow-y:auto; } .location-suggestions.open{display:block;} .location-suggestion-item{padding:10px 16px;font-size:13.5px;cursor:pointer;color:var(--ink);} .location-suggestion-item:hover, .location-suggestion-item.highlight{background:var(--mist);} @media (max-width:760px){ .search-bar{margin-top:-60px;padding:18px;} } /* ---------- SECTIONS ---------- */ .section{padding:70px 0 20px;} .section-head{max-width:640px;margin:0 auto 34px;text-align:center;} .section-head h2{font-size:clamp(26px,4vw,38px);margin:10px 0 12px;} .section-head p{color:var(--muted);font-size:15px;line-height:1.6;} .filter-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px;} .chip{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:8px 17px;border-radius:100px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s;} .chip:hover{border-color:var(--marigold);} .chip.active{background:var(--marigold);border-color:var(--marigold);color:#fff;} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:26px;} .grid-4col{grid-template-columns:repeat(4,1fr);} @media(max-width:1300px){ .grid-4col{grid-template-columns:repeat(3,1fr);} } @media(max-width:900px){ .grid-4col{grid-template-columns:repeat(2,1fr);} } @media(max-width:600px){ .grid-4col{grid-template-columns:1fr;} } /* ---------- HORIZONTAL SCROLL ROWS (taxi / activities) ---------- */ .scroll-row-outer{max-width:1440px;margin:0 auto;padding:0 28px;} .scroll-row{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 22px;scrollbar-width:thin;scrollbar-color:var(--marigold) transparent;} .scroll-row::-webkit-scrollbar{height:8px;} .scroll-row::-webkit-scrollbar-track{background:var(--mist);border-radius:10px;} .scroll-row::-webkit-scrollbar-thumb{background:var(--marigold);border-radius:10px;} .scroll-card{scroll-snap-align:start;flex:0 0 auto;} .taxi-card.scroll-card{width:360px;} .activity-card.scroll-card{width:210px;} @media(max-width:640px){ .taxi-card.scroll-card{width:300px;} .activity-card.scroll-card{width:180px;} } /* ---------- MOTION / SCROLL-REVEAL ---------- */ .reveal{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.22,.68,.32,1), transform .65s cubic-bezier(.22,.68,.32,1);} .reveal.reveal-visible{opacity:1;transform:translateY(0);} @keyframes heroFadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}} .hero-anim{opacity:0;animation:heroFadeUp .85s ease forwards;} @media (prefers-reduced-motion: reduce){ .reveal{opacity:1 !important;transform:none !important;transition:none !important;} .hero-anim{opacity:1 !important;animation:none !important;} } /* ---------- EDITORIAL CARDS (packages) ---------- */ .ticket{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 26px rgba(30,20,8,.08);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .25s, box-shadow .25s;} .ticket:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(30,20,8,.14);} .ticket .photo{position:relative;height:180px;overflow:hidden;} .ticket .photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;} .ticket:hover .photo img{transform:scale(1.07);} .ticket .loc-badge{position:absolute;top:12px;left:12px;background:rgba(17,24,44,.74);color:#fff;font-size:11px;font-weight:600;padding:5px 10px;border-radius:100px;} .ticket .tags{position:absolute;bottom:10px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:5px;} .ticket .tags span{background:var(--marigold);color:#fff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;text-transform:uppercase;} .ticket .body{padding:19px 19px 6px;flex:1;} .ticket .body h3{font-size:19.5px;font-weight:600;margin-bottom:6px;font-style:italic;} .ticket .duration{font-size:12.5px;color:var(--muted);margin-bottom:10px;font-family:'IBM Plex Mono',monospace;} .inclusions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;} .inclusions span{font-size:11px;background:var(--mist);border:1px solid var(--line);padding:4px 9px;border-radius:8px;color:var(--pine);font-weight:600;} .stub-divider{height:1px;border:none;margin:16px 0 0;background:linear-gradient(90deg, transparent, var(--line) 12%, var(--line) 88%, transparent);} .price-stub{padding:15px 19px 19px;display:flex;flex-direction:column;gap:10px;} .variant-list{display:flex;flex-direction:column;gap:8px;} .variant-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--mist);border-radius:10px;border-left:3px solid var(--marigold);flex-wrap:wrap;} .vl-name{font-size:13px;font-weight:700;color:var(--ink);flex:1;min-width:70px;} .vl-price{font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--pine);font-size:14.5px;white-space:nowrap;} html[data-theme="dark"] .vl-price{color:var(--marigold);} .vl-btn{width:auto !important;padding:7px 14px !important;flex-shrink:0;} .wa-btn{display:flex;align-items:center;gap:6px;justify-content:center;background:#25D366;color:#fff;border:none;border-radius:100px;padding:9px 12px;font-size:12.5px;font-weight:700;white-space:nowrap;transition:background .2s;width:100%;} .wa-btn:hover{background:#1eb757;} .view-btn{display:block;text-align:center;background:transparent;color:var(--pine);border:1.5px solid var(--pine);border-radius:100px;padding:9px 12px;font-size:12.5px;font-weight:700;margin-top:8px;transition:all .2s;} .view-btn:hover{background:var(--pine);color:#fff;} html[data-theme="dark"] .view-btn{color:var(--ink);border-color:var(--line);} html[data-theme="dark"] .view-btn:hover{background:var(--card);border-color:var(--marigold);color:var(--marigold);} /* ---------- ROOM / TAXI CARDS ---------- */ .room-card, .taxi-top-card{background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 26px rgba(30,20,8,.08);display:flex;flex-direction:column;} .room-card .photo, .taxi-top-card .photo{height:180px;position:relative;} .room-card .photo img, .taxi-top-card .photo img{width:100%;height:100%;object-fit:cover;} .star-badge{position:absolute;top:12px;right:12px;background:rgba(17,24,44,.74);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:100px;} .room-card .body, .taxi-top-card .body{padding:17px 17px 19px;flex:1;display:flex;flex-direction:column;} .room-card h4, .taxi-top-card h4{font-size:17.5px;margin-bottom:4px;font-style:italic;} .room-type-tag{font-size:11.5px;color:var(--marigold-dark);font-weight:700;margin-bottom:8px;font-family:'IBM Plex Mono',monospace;} .amenities{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;} .amenities span{font-size:11px;background:var(--mist);border:1px solid var(--line);padding:4px 8px;border-radius:7px;} .price-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;} .price-opt{display:flex;flex-direction:column;} .price-opt .label{font-size:10.5px;text-transform:uppercase;color:var(--muted);font-weight:700;letter-spacing:.06em;font-family:'IBM Plex Mono',monospace;} .price-opt .amt{font-family:'IBM Plex Mono',monospace;font-size:18px;font-weight:700;color:var(--pine);} /* ---------- TAXI TRIP CARDS ---------- */ .taxi-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);padding:20px;box-shadow:0 10px 26px rgba(30,20,8,.08);} .taxi-card h3{font-size:18.5px;margin-bottom:4px;font-style:italic;} .taxi-card .duration{font-size:12.5px;color:var(--muted);margin-bottom:14px;font-family:'IBM Plex Mono',monospace;} .car-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);} .car-row:first-of-type{border-top:none;} .car-info{display:flex;align-items:center;gap:10px;} .car-icon{font-size:22px;} .car-name{font-weight:700;font-size:14px;} .car-seats{font-size:11.5px;color:var(--muted);} .car-price{font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--pine);font-size:15px;margin-right:12px;} .car-action{display:flex;align-items:center;gap:12px;} /* ---------- ACTIVITIES ---------- */ .activity-card{background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 26px rgba(30,20,8,.08);text-align:center;padding:20px 18px;display:flex;flex-direction:column;align-items:center;} .activity-card .photo{width:100%;height:130px;border-radius:12px;overflow:hidden;margin-bottom:14px;background:var(--mist);} .activity-card .photo img{width:100%;height:100%;object-fit:cover;} .activity-icon{width:58px;height:58px;border-radius:50%;background:var(--mist);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:14px;} .activity-card h4{font-size:16.5px;margin-bottom:6px;font-style:italic;} .activity-card .loc{font-size:12px;color:var(--muted);margin-bottom:10px;} .activity-card .amt{font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--pine);font-size:16px;margin-bottom:12px;} /* ---------- PACKAGE DETAIL PAGE ---------- */ .detail-section{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);padding:28px;margin-bottom:26px;box-shadow:0 10px 26px rgba(30,20,8,.06);} .detail-section h2{font-size:22px;margin-bottom:18px;font-style:italic;} .itinerary-day{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line);} .itinerary-day:first-child{border-top:none;} .itinerary-day .day-badge{flex:0 0 auto;background:var(--pine);color:#fff;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:12.5px;padding:8px 12px;border-radius:10px;height:fit-content;white-space:nowrap;} .itinerary-day .day-content h4{font-size:15.5px;margin-bottom:6px;font-style:normal;font-weight:700;font-family:'Manrope',sans-serif;} .itinerary-day .day-content p{font-size:14px;color:var(--muted);line-height:1.6;margin:0;} .two-col-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px;} @media(max-width:640px){.two-col-lists{grid-template-columns:1fr;}} .check-list, .cross-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;} .check-list li, .cross-list li{font-size:14px;display:flex;gap:8px;line-height:1.5;} .check-list li::before{content:"✔";color:#1a8f4c;font-weight:700;} .cross-list li::before{content:"✕";color:#c0392b;font-weight:700;} .variant-picker{display:flex;flex-direction:column;gap:14px;} .variant-card{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:var(--card);} .variant-card .vinfo strong{font-size:16px;display:block;margin-bottom:4px;font-family:'Newsreader',serif;font-style:italic;} .variant-card .vinfo span{font-size:12.5px;color:var(--muted);display:block;} .variant-card .vprice{font-family:'IBM Plex Mono',monospace;font-size:19px;font-weight:700;color:var(--pine);} html[data-theme="dark"] .variant-card .vprice{color:var(--marigold);} .vinfo-action{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;} .pdf-btn{display:inline-flex;align-items:center;gap:8px;background:var(--mist);border:1px solid var(--line);padding:10px 18px;border-radius:10px;font-weight:700;font-size:13.5px;color:var(--marigold-dark);} .rating-stars{color:var(--marigold-dark);font-size:13px;font-weight:700;} /* ---------- PACKAGE PAGE: MAIN CONTENT + STICKY VARIANT SIDEBAR ---------- Mobile: single column, sidebar (variant card) appears FIRST — same position as before the redesign. Desktop: two columns with the sidebar pinned on the right and following the scroll. */ .package-layout{display:flex;flex-direction:column;gap:24px;} .package-main{flex:1;min-width:0;} .package-sidebar{width:100%;} .package-sidebar .sidebar-card{margin-bottom:0;} @media (min-width:901px){ .package-layout{flex-direction:row-reverse;align-items:flex-start;gap:30px;} .package-sidebar{width:360px;flex-shrink:0;position:sticky;top:96px;} .package-main{flex:1;min-width:0;} } /* ---------- FOOTER ---------- */ footer{background:var(--pine-dark);color:#cfd3e0;padding:56px 28px 130px;margin-top:60px;} .footer-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr 1fr 1.1fr;gap:34px;} footer h4{color:#fff;font-size:15px;margin-bottom:12px;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.05em;font-weight:600;} footer p, footer a{font-size:13.5px;line-height:1.9;color:#b7bcce;} footer .brand{color:#fff;margin-bottom:10px;} footer a:hover{color:var(--marigold);} .footer-brand-col{display:flex;flex-direction:column;gap:12px;align-items: center;} .footer-logo{max-width: 270px;max-height: 150px;width:auto;height:auto;object-fit:contain;object-position:left;} .social-row{display:flex;gap:10px;margin-top:4px;} .social-icon{ width:37px;height:37px;border-radius:50%;background:rgba(255,255,255,.08); display:flex;align-items:center;justify-content:center;color:#f3ede0; transition:background .2s, color .2s, transform .2s;flex-shrink:0; } .social-icon:hover{background:var(--marigold);color:#fff;transform:translateY(-2px);} .footer-map-col{min-width:0;} .footer-map{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.14);height:150px;} .footer-map iframe{width:100%;height:100%;border:0;filter:grayscale(.25) contrast(1.05);} .footer-bottom{max-width:1440px;margin:36px auto 0;padding:20px 28px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8891a5;text-align:center;} @media(max-width:980px){.footer-grid{grid-template-columns:1fr 1fr;}} @media(max-width:600px){.footer-grid{grid-template-columns:1fr;}} /* ---------- FLOATING ACTION BUTTONS ---------- */ .fab-stack{position:fixed;right:20px;bottom:96px;z-index:70;display:flex;flex-direction:column;gap:12px;align-items:flex-end;} .fab{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.28);transition:transform .2s;} .fab:active{transform:scale(.92);} .fab.whatsapp{background:#25D366;} .fab.call{background:var(--marigold);color:#fff;} @media(min-width:769px){ .fab-stack{bottom:28px;} } /* ---------- MOBILE BOTTOM NAV ---------- */ .mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:65;background:var(--card);border-top:1px solid var(--line);display:none;grid-template-columns:repeat(5,1fr);box-shadow:0 -6px 20px rgba(30,20,8,.08);transition:transform .3s ease;} .mobile-nav.hide-nav{transform:translateY(100%);} .mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;font-size:10.5px;font-weight:600;color:var(--muted);} .mobile-nav a .ic{font-size:19px;} @media(max-width:768px){ .mobile-nav{display:grid;} } /* ---------- MODALS (booking + video) ---------- */ .modal-overlay{position:fixed;inset:0;background:rgba(17,20,25,.58);z-index:100;display:none;align-items:center;justify-content:center;padding:20px;} .modal-overlay.open{display:flex;} #genericListOverlay{z-index:95;} #modalOverlay{z-index:105;} #videoModalOverlay{z-index:110;} .modal{background:var(--card);border-radius:20px;max-width:420px;width:100%;padding:26px;position:relative;max-height:90vh;overflow-y:auto;} .modal-close{position:absolute;top:16px;right:16px;background:var(--mist);border:none;width:32px;height:32px;border-radius:50%;font-size:16px;color:var(--muted);} .modal h3{font-size:20px;margin-bottom:4px;font-style:italic;} .modal .modal-meta{font-size:13px;color:var(--muted);margin-bottom:18px;} .modal .modal-meta strong{color:var(--pine);} .form-group{margin-bottom:14px;} .form-group label{display:block;font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px;} .form-group input, .form-group select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:14px;font-family:'Manrope',sans-serif;background:var(--input-bg);color:var(--ink);} .total-price-line{background:var(--mist);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13.5px;font-weight:600;margin-bottom:14px;display:flex;justify-content:space-between;} .total-price-line .amt{font-family:'IBM Plex Mono',monospace;font-size:16px;color:var(--pine);} html[data-theme="dark"] .total-price-line .amt{color:var(--marigold);} .submit-wa{width:100%;background:#25D366;color:#fff;border:none;border-radius:100px;padding:13px;font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;transition:background .2s;} .submit-wa:hover{background:#1eb757;} .video-modal .modal{max-width:500px;padding:0;background:#000;border-radius:16px;overflow:hidden;} .video-modal .modal-close{background:rgba(255,255,255,.15);color:#fff;top:12px;right:12px;} .video-frame-wrap{position:relative;padding-top:175%;} .video-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;} .static-page{max-width:820px;margin:0 auto;padding:60px 24px 100px;} .static-page h1{font-size:33px;margin-bottom:20px;font-style:italic;} .static-page h4{margin-top:26px;margin-bottom:8px;font-size:17px;font-family:'Manrope',sans-serif;font-weight:700;} .static-page p{color:var(--muted);line-height:1.75;font-size:14.5px;} /* ---------- DARK MODE CONTRAST FIXES ---------- */ /* elements that print navy text on a mist/card background need a lighter accent once the surface itself goes dark */ html[data-theme="dark"] .inclusions span, html[data-theme="dark"] .price-opt .amt, html[data-theme="dark"] .car-price, html[data-theme="dark"] .activity-card .amt, html[data-theme="dark"] .variant-card .vprice, html[data-theme="dark"] .pdf-btn, html[data-theme="dark"] .modal .modal-meta strong{ color:var(--marigold); } html[data-theme="dark"] .itinerary-day .day-badge{background:var(--marigold);color:#1c1206;} html[data-theme="dark"] .video-frame-wrap{background:#000;} html[data-theme="dark"] .search-bar{box-shadow:0 24px 50px rgba(0,0,0,.5);} html[data-theme="dark"] .ticket, html[data-theme="dark"] .room-card, html[data-theme="dark"] .taxi-card, html[data-theme="dark"] .taxi-top-card, html[data-theme="dark"] .activity-card, html[data-theme="dark"] .detail-section{ box-shadow:0 10px 26px rgba(0,0,0,.32); }