/* Rossa Mega Menu — ported 1:1 from the supplied design (rossa-dropdown-design.html) Colours are CSS variables; defaults below, overridable from Mega Menu → General. */ :root{ --rmm-top:#ffffff;--rmm-top-hover:#e9c99a;--rmm-accent:#c59a65;--rmm-gold:#8b6537; --rmm-panel-bg:#f8f5ef;--rmm-foot-bg:#eee8dc;--rmm-ink:#343a26;--rmm-muted:#77796c;--rmm-line:#ded8cb; --rmm-panel-w:1180px; --rmm-sans:Satoshi,"Satoshi Medium",Poppins,Arial,sans-serif; --rmm-serif:zodiak,Zodiak,Georgia,serif; } .rmm,.rmm *{box-sizing:border-box} .rmm{font-family:var(--rmm-sans);font-size:16px;line-height:1.4;color:var(--rmm-ink)} .rmm a{color:inherit;text-decoration:none} .rmm button,.rmm-drawer button,.rmm-shell button{font:inherit;cursor:pointer;background:none;border:0;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:normal;color:inherit;-webkit-tap-highlight-color:transparent} .rmm :focus-visible,.rmm-drawer :focus-visible,.rmm-shell :focus-visible{outline:2px solid #aa7d43;outline-offset:4px} .rmm-drawer :focus:not(:focus-visible){outline:none} .rmm p,.rmm h2,.rmm h3{margin:0} /* ---------- Top-level (desktop) ---------- */ .rmm--desktop{position:relative} .rmm-nav{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:nowrap} .rmm-nav .rmm-item{display:inline-flex;align-items:center;border:0;border-bottom:2px solid transparent;padding:18px 0;color:var(--rmm-top);font-size:14px;font-weight:500;white-space:nowrap;transition:color .2s,border-color .2s;line-height:1.3} .rmm-nav .rmm-item:hover,.rmm-nav .rmm-item.is-current{color:var(--rmm-top-hover)} .rmm-nav .rmm-trigger[aria-expanded="true"]{border-bottom-color:var(--rmm-accent);color:var(--rmm-top-hover)} .rmm-chev{margin-left:8px;flex:none;transition:transform .2s} .rmm-trigger[aria-expanded="true"] .rmm-chev,.rmm-mtrigger[aria-expanded="true"] .rmm-chev{transform:rotate(180deg)} .rmm-arrow{color:var(--rmm-gold)} /* ---------- Shell / panel (moved to by JS, positioned under the header) ---------- */ .rmm-shell{position:fixed;left:50%;transform:translateX(-50%);width:min(var(--rmm-panel-w),calc(100% - 64px));z-index:1001;box-shadow:0 25px 35px rgba(23,31,36,.2);font-family:var(--rmm-sans);color:var(--rmm-ink);font-size:16px;line-height:1.4} .rmm-shell[hidden],.rmm-panel[hidden],.rmm-shade[hidden],.rmm-drawer[hidden],.rmm-mpanel[hidden]{display:none!important} .rmm-shell *,.rmm-drawer *{box-sizing:border-box} .rmm-shell a,.rmm-drawer a{color:inherit;text-decoration:none} .rmm-shell p,.rmm-shell h2,.rmm-shell h3,.rmm-drawer p,.rmm-drawer h2,.rmm-drawer h3{margin:0;padding:0} .rmm-panel{background:var(--rmm-panel-bg);border-top:2px solid var(--rmm-accent);animation:rmm-reveal .18s ease-out} @keyframes rmm-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}} .rmm-inside{position:relative;padding:34px 38px;overflow:hidden} .rmm-eyebrow{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--rmm-gold);margin:0 0 13px!important;font-family:var(--rmm-sans);line-height:1.4} .rmm-h2{font:26px/1.4 var(--rmm-serif);font-weight:400;margin:0 0 19px!important;color:var(--rmm-ink);letter-spacing:0} .rmm-h3{font:19px/1.5 var(--rmm-serif);font-weight:400;margin:0 0 8px!important;color:var(--rmm-ink);letter-spacing:0} .rmm-links{display:grid;gap:0} .rmm-links a{padding:9px 0;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;line-height:1.4;transition:color .2s} .rmm-links a .rmm-arrow{color:#9c784d} .rmm-links a:hover{color:#946b3b} .rmm-secondary{margin-top:20px!important;font-size:12px;line-height:1.8;color:var(--rmm-muted)} .rmm-text-link{display:inline-block;font-size:12px;letter-spacing:.4px;border-bottom:1px solid #b99160;padding-bottom:6px;margin-top:15px;line-height:1.4;transition:color .2s} .rmm-text-link:hover{color:#946b3b} .rmm-solid{background:var(--rmm-ink);color:#fff!important;padding:13px 22px;border:1px solid var(--rmm-ink);display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;line-height:1.3;transition:background .2s} .rmm-solid:hover{background:#4e553d} .rmm-solid .rmm-arrow{color:#fff} .rmm-solid--spaced{margin-top:18px} .rmm-solid--block{display:flex;width:100%} .rmm-photo{width:100%;height:163px;object-fit:cover;display:block;margin:0} .rmm-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font:17px/1.4 var(--rmm-serif);transition:color .2s} .rmm-caption:hover{color:#946b3b} .rmm-foot{background:var(--rmm-foot-bg);padding:14px 38px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#666b58;line-height:1.5} .rmm-foot a{color:var(--rmm-ink);transition:color .2s} .rmm-foot a:hover{color:#946b3b} /* Rooms */ .rmm-rooms{display:grid;grid-template-columns:1.1fr .85fr 1.05fr;gap:36px} .rmm-column+.rmm-column{border-left:1px solid var(--rmm-line);padding-left:32px} /* Packages */ .rmm-packages{display:grid;grid-template-columns:220px 1fr;gap:35px} .rmm-intro{border-right:1px solid var(--rmm-line);padding-right:25px} .rmm-intro p:not(.rmm-eyebrow){font-size:13px;line-height:1.8;color:#707463} .rmm-package-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:0} .rmm-package{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:13px 6px;border-bottom:1px solid #e3ddd1;transition:background .2s} .rmm-package:hover{background:var(--rmm-foot-bg)} .rmm-package:nth-last-child(-n+2){border-bottom:0} .rmm-package .rmm-h3{font-size:16px;margin-bottom:5px!important} .rmm-package p{font-size:12px;color:#77796d;line-height:1.6;margin:0 0 6px!important} .rmm-price{font-size:12px;color:var(--rmm-gold)} .rmm-icon{color:#ae814c;font-size:24px;font-family:Georgia,serif;font-weight:400;line-height:1.5;display:block} .rmm-icon--img img{width:26px;height:26px;object-fit:contain;display:block;margin-top:4px} /* Le Jardin */ .rmm-jardin{display:grid;grid-template-columns:1fr 1fr;gap:48px} .rmm-jardin-copy{padding:4px 8px} .rmm-jardin-copy .rmm-h2{max-width:350px} .rmm-jardin-links{display:flex;gap:30px;margin:20px 0 24px;font-size:14px;flex-wrap:wrap} .rmm-jardin-links .rmm-text-link{margin-top:0} .rmm-jardin-media{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center} .rmm-jardin-media .rmm-photo{height:220px} .rmm-good p{font-size:12px;line-height:1.7;margin-bottom:18px!important;color:var(--rmm-ink)} .rmm-good b{display:block;font-weight:400;color:var(--rmm-gold)} .rmm-botanical{position:absolute;right:-20px;bottom:-60px;width:190px;height:230px;opacity:.055;pointer-events:none;border-left:3px solid var(--rmm-ink);transform:rotate(30deg)} .rmm-botanical i{position:absolute;width:100px;height:40px;border:2px solid var(--rmm-ink);border-radius:100% 0 100% 0;left:0;transform:rotate(-20deg)} .rmm-botanical i:nth-child(2){top:55px}.rmm-botanical i:nth-child(3){top:110px}.rmm-botanical i:nth-child(4){top:165px} /* Page dim */ .rmm-shade{position:fixed;inset:0;background:rgba(16,24,15,.2);z-index:1000;pointer-events:none;animation:rmm-fade .2s ease-out} @keyframes rmm-fade{from{opacity:0}to{opacity:1}} /* ---------- Desktop tweaks ---------- */ @media (max-width:1050px){ .rmm-nav{gap:22px} .rmm-packages{grid-template-columns:180px 1fr} .rmm-inside{padding:28px} .rmm-rooms{gap:24px} .rmm-column+.rmm-column{padding-left:24px} .rmm-jardin{gap:25px} .rmm-jardin-media{gap:15px} } /* ---------- Mobile widget ---------- */ .rmm--mobile{display:inline-block;line-height:0} .rmm .rmm-burger{display:inline-flex;align-items:center;gap:10px;padding:8px;color:var(--rmm-mob-toggle,#fff);font-size:13px;line-height:1} .rmm-burger-lines{display:inline-flex;flex-direction:column;gap:5px;width:22px} .rmm-burger-lines i{display:block;height:1.5px;background:currentColor} .rmm-drawer{position:fixed;inset:0;z-index:100000;background:var(--rmm-mob-bg,#f8f5ef);color:var(--rmm-mob-ink,#343a26);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;font-family:var(--rmm-sans);font-size:16px;line-height:1.4;animation:rmm-slide .25s ease-out} @keyframes rmm-slide{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}} .rmm-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--rmm-line)} .rmm-drawer-logo{height:44px;width:auto;max-width:140px;object-fit:contain;display:block} .rmm-drawer .rmm-close{font-size:13px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;padding:8px 0;color:inherit} .rmm-close span{font-size:22px;line-height:1} .rmm-mnav{display:flex;flex-direction:column;padding:6px 22px 20px;flex:1} .rmm-drawer .rmm-mitem{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:14px 0;min-height:48px;font-size:15px;font-weight:500;border-bottom:1px solid var(--rmm-line);color:inherit} .rmm-drawer .rmm-mitem.is-current{color:var(--rmm-gold)} .rmm-drawer .rmm-mtrigger[aria-expanded="true"]{color:var(--rmm-gold);border-bottom-color:transparent} .rmm-macc{display:flex;flex-direction:column} .rmm-mpanel{border-top:0;border-bottom:1px solid var(--rmm-line);margin-bottom:4px;animation:none;background:transparent} .rmm-mpanel .rmm-inside{padding:6px 0 22px} .rmm-mpanel .rmm-rooms,.rmm-mpanel .rmm-packages,.rmm-mpanel .rmm-jardin{grid-template-columns:1fr;gap:25px} .rmm-mpanel .rmm-column+.rmm-column{border-left:0;border-top:1px solid var(--rmm-line);padding:22px 0 0} .rmm-mpanel .rmm-intro{border:0;padding:0} .rmm-mpanel .rmm-intro .rmm-h2{margin-bottom:7px!important} .rmm-mpanel .rmm-intro p:not(.rmm-eyebrow){margin:0} .rmm-mpanel .rmm-package-grid{grid-template-columns:1fr} .rmm-mpanel .rmm-package:nth-last-child(2){border-bottom:1px solid #e3ddd1} .rmm-mpanel .rmm-foot{padding:17px 0;gap:12px;flex-wrap:wrap;background:transparent;border-top:1px solid var(--rmm-line)} .rmm-mpanel .rmm-jardin-media{grid-template-columns:1fr 1fr} .rmm-mpanel .rmm-jardin-media .rmm-photo{height:190px} .rmm-mpanel .rmm-rooms .rmm-photo{height:200px} .rmm-mpanel .rmm-jardin-links{gap:25px} .rmm-mpanel .rmm-jardin-copy{padding:0} .rmm-mpanel .rmm-botanical{display:none} .rmm-drawer-foot{padding:18px 22px 28px;border-top:1px solid var(--rmm-line)} .rmm-drawer-btns{display:flex;gap:10px} .rmm-drawer-btns .rmm-solid{flex:1 1 0;min-width:0;padding:13px 14px;gap:10px;white-space:nowrap} .rmm-drawer .rmm-solid--outline{background:transparent;color:var(--rmm-ink)!important} .rmm-drawer .rmm-solid--outline .rmm-arrow{color:var(--rmm-gold)} .rmm-drawer .rmm-solid--outline:hover{background:var(--rmm-foot-bg)} @media (max-width:360px){.rmm-drawer-btns{flex-direction:column}} .rmm-note{font-size:12px;color:var(--rmm-muted);margin-top:12px!important;text-align:center} body.rmm-drawer-open{overflow:hidden} @media (max-width:480px){.rmm-mpanel .rmm-jardin-media{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){.rmm-panel,.rmm-shade,.rmm-drawer,.rmm-chev{animation:none!important;transition:none!important}}