/* ════════════════════════════════════════════════════════════════ NOIR & NEAT — PALETTE C THEME LAYER (nn-theme-c.css) Warm Greige · Stone · Soft White · Matte Black · Antique Gold ---------------------------------------------------------------- This file re-skins the entire site. It changes ONLY appearance: no HTML structure, no JavaScript, no booking logic is affected. TO REVERT to the original dark design: remove the two lines that link this stylesheet + the Playfair Display font from each page's (marked with "nn-theme-c"). Nothing else to undo. ════════════════════════════════════════════════════════════════ */ /* ── 1. PALETTE ───────────────────────────────────────────────── */ :root{ --black:#d8d0c7; /* page ground → warm greige (#D8D0C7) */ --black2:#f6f3ee; /* raised surfaces → soft white (#F6F3EE) */ --black3:#eae4da; /* alternate sections */ --black4:#ddd5c9; --cream:#181818; /* body text → matte black (#181818) */ --gold:#6b6355; /* utility labels → warm graphite */ --gold-light:#3c372e; --gold-dim:#4f4a40; --gold-accent:#9a7d45;/* antique gold, deepened for text contrast */ --border:rgba(24,24,24,0.15); --border2:rgba(24,24,24,0.08); --green:#2e7d55; --red:#a8443c; --metallic:linear-gradient(135deg,#0f0f0f,#242424,#3d3d3d,#242424,#0f0f0f); /* matte black */ --white:#181818; --silver1:#4f4a40; --silver2:#2c2822; --scan:rgba(24,24,24,0.04); } /* ── 2. GROUND & TYPE ─────────────────────────────────────────── */ html,body{background:#d8d0c7 !important;color:#181818 !important;font-weight:400 !important;} h1,h2,h3,h4,h5,h6,blockquote{font-family:'Playfair Display',serif !important;} .hero,.why-section,.process-section,.page-section{background:transparent !important;} .trust-section,.stat-cell{background:#f6f3ee !important;} .services-section,.page-section-alt{background:#eae4da !important;} .testimonials-section{background:#d8d0c7 !important;} .gift-banner{background:linear-gradient(rgba(246,243,238,0.9),rgba(246,243,238,0.9)), url('nn-img/bottle.jpg') center/cover no-repeat !important; border:1px solid rgba(184,153,94,0.5) !important;} /* headings that hardcoded white → matte black */ .hero-title,.section-heading,.dispatch-heading,.why-card-title,.svc-name,.ps-title, .ts-num,.gb-title,.cta-heading,.stat-num,.hs-num,.fl-card-title{color:#181818 !important;} .hero-desc{color:#443f37 !important;font-weight:400 !important;font-size:15px !important;} .hero-eyebrow,.section-tag{color:#8a6f35 !important;font-weight:600 !important;} .stat-label,.hs-label{color:#4f4a40 !important;font-weight:600 !important;} .ts-item{color:#181818 !important;font-weight:600 !important;} .ts-icon{color:#9a7d45 !important;} .trust-strip{background:#f6f3ee !important;} /* ── 3. NAV ───────────────────────────────────────────────────── */ nav{background:rgba(246,243,238,0.96) !important;border-bottom:1px solid var(--border) !important;} .nn-mobile-menu,.nav-drawer{background:rgba(246,243,238,0.99) !important;} .nn-drop-menu{background:#f6f3ee !important;border:1px solid var(--border) !important;} .nn-logo{color:#181818 !important;font-family:'Playfair Display',serif !important;} .nn-logo span{color:#9a7d45 !important;} .nn-logo sup{color:#6b6355 !important;} .nn-nav-links a{color:#3c372e !important;font-weight:600 !important;} .nav-links a{font-weight:600 !important;} .nn-drop-menu a,.nn-mobile-menu a{color:#2c2822 !important;} .nn-hamburger span{background:#181818 !important;} .nn-nav-links a:hover,.nn-nav-links a.active,.nn-drop-menu a:hover, .nn-mobile-menu a:hover,.nav-links a:hover,.nav-drawer a:hover, .nn-lang-btn:hover:not(.active){color:#181818 !important;} .nn-nav-links a.active{border-bottom-color:#b8995e !important;} .nn-drop-menu a:hover{background:rgba(24,24,24,0.04) !important;} .nn-lang-btn{color:#4f4a40 !important;} .nn-lang-btn.active{background:#9a7d45 !important;color:#f6f3ee !important;} .nn-lang{border-color:rgba(184,153,94,0.65) !important;} .nn-util-bar{background:#111111 !important;} .nn-util-left,.nn-util-right a{font-weight:500 !important;} /* ── 4. BUTTONS (matte-black blocks, soft-white lettering) ────── */ .btn-primary,.fl-form-submit,.nav-book,.nav-drawer a.drawer-book{color:#f6f3ee !important;} .btn-primary:hover,.fl-form-submit:hover{filter:none !important;box-shadow:0 0 0 1px #b8995e !important;} .btn-outline{border-color:rgba(24,24,24,0.3) !important;} .btn-outline:hover{color:#181818 !important;border-color:#b8995e !important;} /* ── 5. RUNNING BANNER (black band, antique-gold lettering) ───── */ .marquee-wrap{background:#111111 !important; border-top:1px solid rgba(184,153,94,0.55) !important; border-bottom:1px solid rgba(184,153,94,0.55) !important;} .marquee-item{color:#b8995e !important;font-weight:600 !important;font-size:11px !important;} .marquee-dot{background:#b8995e !important;} /* ── 6. HOMEPAGE HERO (living-room photography backdrop) ──────── */ .hero{background: linear-gradient(90deg,#d8d0c7 0%,#d8d0c7 44%,rgba(216,208,199,0.72) 62%,rgba(216,208,199,0.18) 82%,rgba(216,208,199,0.05) 100%), url('nn-img/living.jpg') right center/cover no-repeat !important;} @media (max-width:900px){ .hero{background: linear-gradient(rgba(216,208,199,0.93),rgba(216,208,199,0.93)), url('nn-img/living.jpg') center/cover no-repeat !important;} } .hero-grid{background-image:linear-gradient(rgba(24,24,24,0.045) 1px,transparent 1px), linear-gradient(90deg,rgba(24,24,24,0.045) 1px,transparent 1px) !important;} .orb-1{background:rgba(184,153,94,0.10) !important;} .orb-2{background:rgba(24,24,24,0.05) !important;} .orb-3{background:rgba(184,153,94,0.07) !important;} .hero-scanline{background:linear-gradient(90deg,transparent,rgba(184,153,94,0.5),transparent) !important;} /* ── 7. INNER-PAGE HEROES (soft kitchen wash, text-safe veil) ─── */ .page-hero,.page-hero-sm{background: linear-gradient(rgba(216,208,199,0.92),rgba(216,208,199,0.92)), url('nn-img/kitchen.jpg') center/cover no-repeat !important;} /* ── 8. EVENT BAND (satin shimmer, matte-black lettering) ─────── */ section[style*="#0a0a0a"]{background:linear-gradient(135deg, #b9ae9f 0%,#d3c8b8 24%,#f6efe1 48%,#d8cbb4 62%,#a89b87 100%) !important; border-top:1px solid rgba(184,153,94,0.5) !important; border-bottom:1px solid rgba(184,153,94,0.5) !important;} section[style*="#0a0a0a"] .section-heading{color:#181818 !important;} section[style*="#0a0a0a"] .section-tag{color:#6e5526 !important;} section[style*="#0a0a0a"] p{color:#221d16 !important;font-weight:500 !important;} section[style*="#0a0a0a"] div[style*="color:#fff"]{color:#181818 !important;font-weight:600 !important;} section[style*="#0a0a0a"] div[style*="border"]{border-color:rgba(24,24,24,0.3) !important;background:rgba(246,243,238,0.72) !important;} section[style*="#0a0a0a"] .btn-primary{background:#181818 !important;color:#f6f3ee !important;} section[style*="#0a0a0a"] .btn-outline{border-color:rgba(24,24,24,0.4) !important;color:#181818 !important;} /* ── 9. BLACK BANDS: dispatch · CTA · waitlist · footer ───────── */ .dispatch-section{background:#111111 !important;color:#cfc8bc !important; border-top:1px solid rgba(184,153,94,0.45) !important; border-bottom:1px solid rgba(184,153,94,0.45) !important;} .dispatch-section p{color:#cfc8bc !important;} .dispatch-section .dispatch-heading{color:#f6f3ee !important;} .dispatch-section .section-tag{color:#b8995e !important;} .dispatch-section .btn-primary{background:#f6f3ee !important;color:#111111 !important;} .dispatch-section .btn-outline{border-color:rgba(255,255,255,0.35) !important;color:#f6f3ee !important;} .cta-section{background:#111111 !important;color:#cfc8bc !important; border-top:1px solid rgba(184,153,94,0.45) !important;} .cta-section p{color:#cfc8bc !important;} .cta-section .cta-heading{color:#f6f3ee !important;} .cta-section .section-tag{color:#b8995e !important;} .cta-section .btn-primary{background:transparent !important;color:#b8995e !important; border:1px solid #b8995e !important;} .cta-section .btn-primary:hover{background:#b8995e !important;color:#111111 !important;box-shadow:none !important;} .cta-section .btn-outline{border-color:rgba(255,255,255,0.35) !important;color:#f6f3ee !important;} section[style*="#0c0c0c"]{background: linear-gradient(rgba(15,14,13,0.92),rgba(15,14,13,0.92)), url('nn-img/towels.jpg') center/cover no-repeat !important;} section[style*="#0c0c0c"] h2[style*="color:#fff"]{color:#f6f3ee !important;} section[style*="#0c0c0c"] p[style*="#bdb393"]{color:#b3a77f !important;} section[style*="#0c0c0c"] div[style*="#c8b98a"]{color:#b8995e !important;} #waitlistEmail{background:rgba(255,255,255,0.07) !important;color:#f6f3ee !important; border:1px solid rgba(184,153,94,0.55) !important;} #waitlistEmail::placeholder{color:rgba(246,243,238,0.4) !important;} #waitlistSuccess{background:rgba(46,125,85,0.12) !important; border-color:rgba(46,125,85,0.4) !important;color:#7bc9a0 !important;} .footer,.page-footer{background:#111111 !important; border-top:1px solid rgba(184,153,94,0.5) !important;color:#bdb6a9 !important;} .footer a,.page-footer a{color:#bdb6a9 !important;} .footer a:hover,.page-footer a:hover{color:#f6f3ee !important;} .pf-legal a{color:#8f887b !important;} .pf-legal a:hover{color:#f6f3ee !important;} /* ── 10. FORMS (booking, contact, logins — light treatment) ───── */ .fl-form-group label{color:#4f4a40 !important;font-weight:600 !important;} .fl-form-group input,.fl-form-group select,.fl-form-group textarea{ background:rgba(255,255,255,0.55) !important;color:#181818 !important; border-bottom:1px solid rgba(24,24,24,0.3) !important;font-weight:400 !important;} .fl-form-group input:focus,.fl-form-group select:focus,.fl-form-group textarea:focus{ border-bottom-color:#9a7d45 !important;} .fl-form-group input::placeholder,.fl-form-group textarea::placeholder{color:#8a8375 !important;} .fl-form-group select{ background-image:url("data:image/svg+xml;utf8,") !important; background-repeat:no-repeat !important;background-position:right 8px center !important;} .fl-form-group select option{background:#f6f3ee !important;color:#181818 !important;} .fl-card{background:#f6f3ee !important;border:1px solid var(--border2) !important;} .fl-acc-item{background:#f6f3ee !important;} /* ── 11. PRE-LAUNCH BAR (real ids; bar stays black, gold CTA) ── */ #nn-prelaunch-bar{background:#111111 !important; border-top:1px solid rgba(184,153,94,0.6) !important;color:#f6f3ee !important;} #nn-prelaunch-bar a{background:linear-gradient(135deg,#c9ab6b,#b8995e) !important;color:#181818 !important;} #nn-prelaunch-paynote{background:rgba(184,153,94,0.12) !important; border:1px solid rgba(154,125,69,0.45) !important;color:#181818 !important;} /* ════════════════════════════════════════════════════════════════ v2 LEGIBILITY LAYER — auto-generated from a scan of all pages. Fixes white lettering on light surfaces, bolds thin text, deepens champagne gold, flattens buttons to solid matte black. ════════════════════════════════════════════════════════════════ */ /* flat matte-black buttons (mockup style) */ :root{--metallic:#181818;} /* every class that hardcoded white text → matte black */ .about-pull,.ac-title,.acct-section-title,.act,.addon-name,.agree-title,.appl-name,.as-num,.astat-num,.attack-title,.auto-title,.badge-check,.badge-name,.bk-service,.book-step-title,.book-title,.btn-accept,.btn-green,.c-name,.category-title,.cfc-title,.cl-name,.cl-vbadge,.comp-title,.conf-title,.contact-info-value,.cover-title,.csc-title,.cta-heading,.dispatch-heading,.faq-section-title,.fl-card-title,.freq-btn-name,.gb-title,.google-btn,.google-cta-title,.gp-amount,.hero-title,.hs-num,.it-head,.job-offer-service,.job-title,.jod-val,.legal-title,.modal-doc-name,.modal-title,.more-title,.nav-badge,.order-total-label,.panel-title,.payment-section-title,.pb-brand,.pb-label,.perks-body-title,.pname,.profile-name,.progress-num,.ps-title,.pt-head,.rb-title,.rc-name,.ref-step-title,.rev-name,.s-title,.section-heading,.stat-num,.step-num,.step-title,.svc-btn-name,.svc-name,.ts-num,.vc-title,.vp-badge,.vp-name,.week-name,.why-card-title{color:#181818 !important;} /* inline white text → matte black (light surfaces) */ [style*="color:#fff"]{color:#181818 !important;} /* …but keep light lettering inside the black bands */ .dispatch-section [style*="color:#fff"],.cta-section [style*="color:#fff"], .footer [style*="color:#fff"],.page-footer [style*="color:#fff"], section[style*="#0c0c0c"] [style*="color:#fff"]{color:#f6f3ee !important;} .dispatch-section .stat-num,.cta-section .stat-num{color:#f6f3ee !important;} /* thin 300-weight text → readable 400 */ .about-pull,.addon-name,.agree-title,.app-logo,.areas-zone-heading,.as-num,.astat-num,.attack-title,.badge-name,.book-step-title,.book-title,.brand,.brand-mark,.bs-num,.category-title,.clause-title,.completion-title,.conf-title,.cover-logo,.cover-title,.credit-num,.ct-head,.cta-heading,.dispatch-heading,.earn-big-num,.earn-num,.edit-input,.edit-select,.eh-title,.faq-section-title,.fl-card-title,.fp-name,.ft-brand,.gb-title,.gp-amount,.hero-title,.hero-tm,.hs-num,.job-earn,.kpi-value,.legal-title,.mb-summary-value,.mb-textarea,.meta-val,.modal-title,.panel-title,.pb-section-title,.ph-logo,.pname,.profile-name,.progress-num,.rat-big,.review-textarea,.room-name,.s-title,.section-heading,.stat-num,.svc-name,.tab-headline,.tnav-logo,.ts-num,.vc-title,.vls-logo,.vp-name,.why-card-title{font-weight:400 !important;} /* champagne gold → deep antique gold (reads on light) */ .active,.addon-price,.addr-label,.agree-num,.appl-new,.attack-tag,.avail,.bar,.bar-value,.book-step-num,.brand,.brand-mark,.bt-price,.btn-gold,.checkbox,.closing-quote,.credit-num,.eb-val,.fl-acc-icon,.fl-section-tag,.form-section-hdr,.freq-btn-save,.ft-head,.gold,.hero-eyebrow,.hero-tag,.job-amt,.legal-num,.lf-num,.lf-title,.link,.map-label,.mb-radio-dot,.mb-section-title,.mb-summary-label,.mb-summary-value,.mb-tg-box,.modal-doc-arrow,.modal-doc-icon,.modal-section-title,.modal-tag,.new-booking-btn,.on,.order-total-val,.pb-val,.pf-head,.photo-reminder-tag,.progress-pct,.progress-stat,.ps-num,.rating-label,.ref-code-val,.ref-copy-btn,.ref-step-num,.required,.section-tag,.selected,.send,.soon,.star,.step-num,.svc-price,.tb-badge,.toast,.upcoming,.vc-num,.week-num{color:#8a6f35 !important;} .dispatch-section .section-tag,.cta-section .section-tag{color:#b8995e !important;} section[style*="#0c0c0c"] div[style*="#c8b98a"]{color:#b8995e !important;} [style*="color:#c8b98a"]{color:#8a6f35 !important;} section[style*="#0c0c0c"] [style*="color:#c8b98a"],.dispatch-section [style*="color:#c8b98a"], .cta-section [style*="color:#c8b98a"],.footer [style*="color:#c8b98a"]{color:#b8995e !important;} /* headings: Playfair at a confident weight, matte black */ .about-pull,.acct-section-title,.addon-name,.agree-title,.app-logo,.appl-name,.areas-zone-heading,.as-num,.astat-num,.attack-title,.badge-brand,.badge-name,.bk-service,.book-step-title,.book-title,.brand,.brand-mark,.bs-num,.c-headline,.category-desc,.category-title,.cfc-title,.cl-name,.clause-title,.closing-quote,.comp-title,.completion-title,.conf-title,.cover-brand,.cover-logo,.cover-title,.credit-num,.csc-title,.ct-head,.cta-heading,.df-brand,.dispatch-heading,.dispatch-pull,.earn-big-num,.earn-num,.eh-title,.faq-section-title,.fl-card-title,.footer-logo,.founder-pull,.founder-sign,.fp-name,.freq-btn-name,.ft-brand,.gb-title,.gp-amount,.gp-logo,.hero-title,.hs-num,.item-note,.job-earn,.kpi-value,.legal-title,.mb-summary-value,.meta-val,.modal-doc-icon,.modal-msg,.modal-title,.nav-logo,.panel-title,.payment-section-title,.pb-brand,.pb-section-title,.perks-body-title,.pf-brand,.ph-logo,.photo-reminder-title,.pname,.profile-name,.progress-num,.ps-title,.rat-big,.rb-title,.rc-name,.ref-step-title,.room-name,.s-intro,.s-title,.section-heading,.stat-num,.step-title,.svc-btn-name,.svc-name,.t-quote,.tab-headline,.tab-tagline,.tnav-logo,.ts-num,.vc-title,.vls-logo,.vp-name,.week-name,.why-card-title{font-family:'Playfair Display',serif !important;font-weight:600 !important;} h1,h2,h3,h4,h5,h6{font-weight:600 !important;} .nav-logo,.nn-logo{color:#181818 !important;font-weight:500 !important;} /* keep black-band headings light after the auto-rules above */ .dispatch-section .dispatch-heading,.cta-section .cta-heading{color:#f6f3ee !important;} section[style*="#0c0c0c"] h2[style*="color:#fff"]{color:#f6f3ee !important;} section[style*="#0a0a0a"] div[style*="color:#fff"]{color:#181818 !important;} /* gift banner: show the bottle, keep text on a solid panel */ .gift-banner{background: linear-gradient(90deg,#f6f3ee 0%,#f6f3ee 52%,rgba(246,243,238,0.82) 66%,rgba(246,243,238,0.25) 85%,rgba(246,243,238,0.05) 100%), url('nn-img/bottle.jpg') right center/cover no-repeat !important;} @media (max-width:760px){ .gift-banner{background: linear-gradient(rgba(246,243,238,0.92),rgba(246,243,238,0.92)), url('nn-img/bottle.jpg') center/cover no-repeat !important;} } /* ── homepage gallery strip (new section) ── */ .nn-gal{background:#f6f3ee;padding:56px 40px 64px;} .nn-gal-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;} .nn-gal figure{position:relative;overflow:hidden;aspect-ratio:4/3;margin:0;} .nn-gal img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;} .nn-gal figure:hover img{transform:scale(1.04);} .nn-gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px; font-size:9px;letter-spacing:0.26em;text-transform:uppercase;font-weight:600;color:#f6f3ee; background:linear-gradient(transparent,rgba(24,24,24,0.55));} @media (max-width:900px){.nn-gal{padding:40px 20px;}.nn-gal-inner{grid-template-columns:1fr;}} /* ── black-band guards: re-lighten inside dark surfaces ── */ .page-footer .pf-brand,.footer .pf-brand{color:#f6f3ee !important;} .page-footer .pf-brand span,.footer .pf-brand span{color:#b8995e !important;} .page-footer .pf-head,.footer .pf-head{color:#f6f3ee !important;} .page-footer .pf-desc,.footer .pf-desc{color:#bdb6a9 !important;} .page-footer .pf-links a,.footer .pf-links a{color:#bdb6a9 !important;} .page-footer .pf-links a:hover,.footer .pf-links a:hover{color:#f6f3ee !important;} .dispatch-section [class*="title"],.dispatch-section [class*="heading"], .cta-section [class*="title"],.cta-section [class*="heading"]{color:#f6f3ee !important;} .dispatch-section [class*="num"],.cta-section [class*="num"]{color:#f6f3ee !important;} section[style*="#0c0c0c"] [class*="title"],section[style*="#0c0c0c"] h2{color:#f6f3ee !important;} /* prelaunch bar text stays light */ #nn-prelaunch-bar,#nn-prelaunch-bar span{color:#f6f3ee !important;} #nn-prelaunch-bar a{color:#181818 !important;} /* ════════════════════════════════════════════════════════════════ v3 REFINEMENTS ════════════════════════════════════════════════════════════════ */ /* nav wordmark: back to the original slender serif */ .nn-logo,.nav-logo{font-family:'Cormorant Garamond',serif !important;font-weight:400 !important;} /* the real nav Book Now (.nn-nav-cta) — solid black, white lettering */ .nn-nav-cta,.nn-mob-cta,.nav-book,.nav-drawer a.drawer-book{ background:#181818 !important;color:#f6f3ee !important;} .nn-nav-cta:hover,.nav-book:hover{filter:none !important;box-shadow:0 0 0 1px #b8995e !important;} /* gallery: all three photos identical size */ .nn-gal-inner{grid-template-columns:repeat(3,1fr) !important;} /* display headings: one notch smaller, one notch lighter */ .dispatch-heading{font-size:clamp(34px,4.6vw,56px) !important;font-weight:500 !important;} .cta-heading{font-size:clamp(34px,4.8vw,60px) !important;font-weight:500 !important;} .section-heading{font-size:clamp(28px,4.2vw,52px) !important;font-weight:500 !important;} .book-title{font-size:clamp(30px,4.6vw,46px) !important;font-weight:500 !important;} .about-pull{font-size:clamp(24px,3.4vw,38px) !important;font-weight:500 !important;} .gb-title,.why-card-title,.fl-card-title,.faq-section-title{font-weight:500 !important;} /* ════════════════════════════════════════════════════════════════ v4 REFINEMENTS ════════════════════════════════════════════════════════════════ */ /* floating hero stats: frosted chips, nudged inward, fully readable */ .hero-stats{right:90px !important;gap:14px !important;} .hs-item{background:rgba(246,243,238,0.9) !important;border:1px solid rgba(184,153,94,0.45) !important; padding:10px 16px !important;text-align:right !important;backdrop-filter:blur(4px);} .hs-num{color:#181818 !important;font-weight:500 !important;font-size:26px !important;} .hs-label{color:#8a6f35 !important;font-weight:600 !important;} @media (max-width:1100px){.hero-stats{right:40px !important;}} /* cursor: matte black, easy to see */ #nn-cursor{background:#181818 !important;} #nn-cursor-ring{border-color:rgba(24,24,24,0.45) !important;} #nn-cursor-ring.hover{border-color:rgba(24,24,24,0.75) !important;background:rgba(24,24,24,0.05) !important;} /* default inner-page hero: towel-detail wash (unique image, no reuse) */ .page-hero,.page-hero-sm{background: linear-gradient(rgba(216,208,199,0.92),rgba(216,208,199,0.92)), url('nn-img/towels-close.jpg') center/cover no-repeat !important;} /* ════════════════════════════════════════════════════════════════ v5 REFINEMENTS ════════════════════════════════════════════════════════════════ */ /* hero wordmark: original grand scale, but airy — light weight, not bold */ .hero-title{font-weight:400 !important;} /* FAQ jump pills: uniform black outline, fully legible */ .faq-cat-btn{color:#181818 !important;font-weight:600 !important; border:1px solid rgba(24,24,24,0.45) !important;background:#f6f3ee !important;} .faq-cat-btn[style*="rgba(200,185,138,0.08)"]{ background:rgba(184,153,94,0.16) !important;border:1px solid rgba(24,24,24,0.45) !important;} .faq-cat-btn:hover{border-color:#8a6f35 !important;color:#181818 !important;} /* gift occasion cards: light panels, matte-black descriptions */ [style*="rgba(20,20,20,0.4)"]{background:#f6f3ee !important; border:1px solid rgba(24,24,24,0.18) !important;} [style*="rgba(232,228,222"]{color:#2c2822 !important;} /* gift banner: candle photo, stronger text-safe fade */ .gift-banner{background: linear-gradient(90deg,#f6f3ee 0%,#f6f3ee 58%,rgba(246,243,238,0.9) 70%,rgba(246,243,238,0.35) 86%,rgba(246,243,238,0.1) 100%), url('nn-img/candle2.jpg') right center/cover no-repeat !important;} @media (max-width:760px){ .gift-banner{background: linear-gradient(rgba(246,243,238,0.94),rgba(246,243,238,0.94)), url('nn-img/candle2.jpg') center/cover no-repeat !important;} } /* ════════════════════════════════════════════════════════════════ v6 REFINEMENTS — back-office & login legibility ════════════════════════════════════════════════════════════════ */ /* every hardcoded silver-gradient button → matte black, white lettering */ .login-btn,.nn-mob-cta,.nn-nav-cta{background:#181818 !important;color:#f6f3ee !important;} [style*="linear-gradient(135deg,#707070"]{background:#181818 !important;color:#f6f3ee !important;} /* off-white text shades → matte black on light surfaces */ .alt-link,.apply-link,.arr-s,.divider,.form-footer,.form-subtitle,.left-desc,.left-footer,.log-text,.nn-logo,.nn-mob-section,.penalty-warning,.perk-text,.stat-label,.toggle-pw{color:#181818 !important;} [style*="color:#f0ece6"],[style*="color:#e8e2d0"],[style*="color:#ece8e0"]{color:#181818 !important;} /* …re-lighten inside the black bands & footer */ .dispatch-section .page-footer .pf-brand,.footer .pf-brand,.page-footer .pf-head,.footer .pf-head{color:#f6f3ee !important;} .page-footer .pf-desc,.footer .pf-desc,.page-footer .pf-links a,.footer .pf-links a{color:#bdb6a9 !important;} .dispatch-section p,.cta-section p{color:#cfc8bc !important;} .dispatch-section .dispatch-heading,.cta-section .cta-heading{color:#f6f3ee !important;} section[style*="#0c0c0c"] h2[style*="color:#fff"]{color:#f6f3ee !important;} section[style*="#0c0c0c"] p[style*="#bdb393"]{color:#b3a77f !important;} #nn-prelaunch-bar,#nn-prelaunch-bar span{color:#f6f3ee !important;} #nn-prelaunch-bar a{color:#181818 !important;} /* ════════════════════════════════════════════════════════════════ v7 REFINEMENTS — full-brightness sweep + dashboards ════════════════════════════════════════════════════════════════ */ /* any light text on a light surface → matte black (dark-bg rules skipped) */ .about-pull,.ac-title,.acct-section-title,.act,.active,.addon-name,.agree-title,.appl-name,.arr-s,.as-num,.astat-num,.attack-title,.auto-title,.badge-check,.badge-name,.bk-service,.book-step-title,.book-title,.btn-accept,.btn-green,.btn-outline,.c-name,.category-title,.cfc-title,.cl-name,.cl-vbadge,.code-input,.comp-title,.conf-title,.contact-info-value,.cover-logo,.cover-title,.csc-title,.cta-heading,.dispatch-heading,.faq-section-title,.fl-card-title,.foot-copy,.form-title,.freq-btn-name,.gb-title,.go,.google-btn,.google-cta-title,.gp-amount,.hero-title,.hs-num,.item,.job-offer-service,.job-title,.jod-val,.kpi-value,.left-desc,.left-title,.legal-title,.log-text,.mb-radio-label,.modal-doc-name,.modal-title,.more-title,.nav-badge,.nn-lang-btn,.nn-logo,.nn-mob-section,.nn-util-left,.order-total-label,.panel-title,.payment-section-title,.pb-brand,.pb-label,.penalty-warning,.perk-text,.perks-body-title,.photo-reminder,.pname,.profile-name,.progress-num,.ps-title,.rb-title,.rc-name,.ref-step-title,.rev-name,.s-tag,.s-title,.sb-num,.section-heading,.stat-num,.step-title,.stop,.svc-btn-name,.svc-name,.task,.ts-num,.vc-title,.vp-badge,.vp-name,.week-name,.why-card-title{color:#181818 !important;} [style*="color:#ccc"]{color:#181818 !important;} [style*="color:#d0d0d0"]{color:#181818 !important;} [style*="color:#e8e4de"]{color:#181818 !important;} [style*="color:#fff"]{color:#181818 !important;} [style*="color:rgba(200,196,190,0.55)"]{color:#181818 !important;} [style*="color:rgba(200,196,190,0.7)"]{color:#181818 !important;} [style*="color:rgba(232,228,222,0.6)"]{color:#181818 !important;} [style*="color:rgba(232,228,222,0.75)"]{color:#181818 !important;} [style*="color:rgba(232,228,222,0.85)"]{color:#181818 !important;} [style*="color:rgba(255,255,255,0.72)"]{color:#181818 !important;} /* re-assert light text inside the black surfaces */ .dispatch-section p,.cta-section p{color:#cfc8bc !important;} .dispatch-section .dispatch-heading,.cta-section .cta-heading, .dispatch-section .section-tag,.cta-section .section-tag{color:inherit !important;} .dispatch-section .dispatch-heading,.cta-section .cta-heading{color:#f6f3ee !important;} .dispatch-section .section-tag,.cta-section .section-tag{color:#b8995e !important;} section[style*="#0c0c0c"] h2[style*="color:#fff"]{color:#f6f3ee !important;} section[style*="#0c0c0c"] p[style*="#bdb393"]{color:#b3a77f !important;} .page-footer .pf-brand,.footer .pf-brand,.page-footer .pf-head,.footer .pf-head{color:#f6f3ee !important;} .page-footer .pf-desc,.footer .pf-desc,.page-footer .pf-links a,.footer .pf-links a{color:#bdb6a9 !important;} #nn-prelaunch-bar,#nn-prelaunch-bar span{color:#f6f3ee !important;} #nn-prelaunch-bar a{color:#181818 !important;} .marquee-item{color:#b8995e !important;} /* ════════════════════════════════════════════════════════════════ v8 — inline dark cards → light surfaces (dashboards, portals, apps) ════════════════════════════════════════════════════════════════ */ [style*="background-color:#080808"],[style*="background-color:#0a0a0a"], [style*="background-color:#0f0f0f"],[style*="background-color:#111"], [style*="background-color:#161616"],[style*="background-color:#1a1a1a"], [style*="background:#080808"],[style*="background:#0f0f0f"], [style*="background:#111"],[style*="background:#161616"], [style*="background:#1a1a1a"],[style*="background:#181818"]{ background:#f6f3ee !important;color:#181818 !important; border-color:rgba(24,24,24,0.18) !important;} [style*="background-color:#c8b98a"]{background:#9a7d45 !important;color:#f6f3ee !important;} /* ════════════════════════════════════════════════════════════════ v9 — element-level text (bare labels, inputs, placeholders) ════════════════════════════════════════════════════════════════ */ label{color:#181818 !important;font-weight:600 !important;} input,select,textarea{color:#181818 !important;} input::placeholder,textarea::placeholder{color:#8a8375 !important;} .form-subtitle,.form-eyebrow,.form-note{color:#4f4a40 !important;} a[data-en*="Return"],a[data-en*="Back to"]{color:#181818 !important;border-color:rgba(24,24,24,0.3) !important;} /* dark-zone inputs stay light */ #waitlistEmail{color:#f6f3ee !important;} #waitlistEmail::placeholder{color:rgba(246,243,238,0.4) !important;} /* gift banner: full-width candle photo, soft dreamy veil, solid text side */ .gift-banner{background: linear-gradient(90deg,#f6f3ee 0%,#f6f3ee 46%,rgba(246,243,238,0.86) 60%,rgba(246,243,238,0.55) 100%), url('nn-img/candle.jpg') center right/cover no-repeat !important; border:1px solid rgba(184,153,94,0.5) !important;} @media (max-width:760px){ .gift-banner{background: linear-gradient(rgba(246,243,238,0.9),rgba(246,243,238,0.9)), url('nn-img/candle.jpg') center/cover no-repeat !important;} } /* ════════════════════════════════════════════════════════════════ v10 — faint text darkened, inputs lightened, bed-detail banner ════════════════════════════════════════════════════════════════ */ .about-pull,.ac-title,.acct-section-title,.act,.active,.addon-name,.agree-title,.alt-link,.appl-name,.apply-link,.arr-s,.as-num,.astat-num,.attack-title,.auto-title,.badge-check,.badge-name,.bk-service,.book-step-title,.book-title,.btn-accept,.btn-green,.btn-outline,.c-name,.card-top,.category-title,.cfc-title,.check-label,.cl-name,.cl-vbadge,.clause-ref,.code-input,.comp-title,.conf-title,.contact-info-value,.contract-ref,.contract-sub,.cover-logo,.cover-title,.csc-title,.ct-ref,.cta-heading,.df-contact,.dispatch-heading,.faq-section-title,.fl-card-title,.foot-copy,.form-subtitle,.form-title,.freq-btn-name,.gb-title,.google-btn,.google-cta-title,.gp-amount,.hero-title,.hs-num,.it-label,.job-offer-service,.job-title,.jod-val,.kpi-value,.left-desc,.left-footer,.left-title,.legal-title,.log-text,.map-bot-info,.mb-radio-label,.modal-doc-name,.modal-title,.more-title,.nav-badge,.nn-lang-btn,.nn-logo,.nn-mob-section,.nn-util-left,.order-total-label,.panel-title,.payment-section-title,.pb-brand,.pb-label,.penalty-warning,.perk-text,.perks-body-title,.ph-ref,.pname,.profile-name,.progress-num,.ps-title,.pt-label,.rb-title,.rc-name,.ref-step-title,.rev-name,.s-label,.s-tag,.s-title,.sb-heading,.sb-num,.sb-prog-top,.section-heading,.sig-field-label,.sig-initials-box,.sig-label,.stat-label,.stat-num,.step-title,.success-id,.svc-btn-name,.svc-name,.toggle-pw,.ts-num,.vc-title,.vp-badge,.vp-name,.w-id-label,.week-name,.why-card-title{color:#181818 !important;} [style*="rgba(245,240,232,0.3"]{color:#181818 !important;} /* form fields: light boxes, dark typing — everywhere */ input,select,textarea{background:rgba(255,255,255,0.92) !important; border:1px solid rgba(24,24,24,0.28) !important;color:#181818 !important;} input:focus,select:focus,textarea:focus{border-color:#9a7d45 !important;} /* remaining inline dark boxes */ [style*="background:#0c0c0c"],[style*="background:#141414"], [style*="background-color:#0c0c0c"],[style*="background-color:#141414"], [style*="background:#101010"],[style*="background:#121212"], [style*="background:#1c1c1c"],[style*="background:#202020"]{ background:#f6f3ee !important;color:#181818 !important;} /* dark-zone re-asserts */ #waitlistEmail{background:rgba(255,255,255,0.07) !important;color:#f6f3ee !important; border:1px solid rgba(184,153,94,0.55) !important;} .page-footer .pf-brand,.footer .pf-brand,.page-footer .pf-head,.footer .pf-head{color:#f6f3ee !important;} .page-footer .pf-desc,.footer .pf-desc,.page-footer .pf-links a,.footer .pf-links a{color:#bdb6a9 !important;} .dispatch-section p,.cta-section p{color:#cfc8bc !important;} .marquee-item{color:#b8995e !important;} #nn-prelaunch-bar,#nn-prelaunch-bar span{color:#f6f3ee !important;} /* gift banner: bed-linen detail instead of the candle */ .gift-banner{background: linear-gradient(90deg,#f6f3ee 0%,#f6f3ee 46%,rgba(246,243,238,0.86) 60%,rgba(246,243,238,0.5) 100%), url('nn-img/bed-detail.jpg') center right/cover no-repeat !important;} @media (max-width:760px){ .gift-banner{background: linear-gradient(rgba(246,243,238,0.9),rgba(246,243,238,0.9)), url('nn-img/bed-detail.jpg') center/cover no-repeat !important;} }