/*
Theme Name: Livique Stays
Theme URI: https://liviquestays.com/
Author: Livique Stays
Description: Premium heritage hospitality website for Livique Stays with editable WordPress properties.
Version: 2.0
*/
:root{--navy:#081522;--navy2:#0d1d2c;--gold:#caa15a;--gold2:#efd39a;--cream:#f8f3e8;--warm:#fffdf8;--ink:#18232d;--muted:#66727e;--line:#e7ddce;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,sans-serif;color:var(--ink);background:var(--warm);line-height:1.75}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.narrow{max-width:820px}.gold-text{color:var(--gold)}
h1,h2,h3,h4{font-family:Montserrat,sans-serif;line-height:1.18;margin-top:0}h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.025em}h3{font-size:20px}.eyebrow{font:600 11px/1.3 Montserrat,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.lead{font-size:18px;color:#596775}.small{font-size:14px;color:var(--muted)}
.nav{position:absolute;top:0;left:0;right:0;z-index:50;background:linear-gradient(180deg,rgba(4,14,25,.92),rgba(4,14,25,.5) 70%,transparent);border-bottom:1px solid rgba(255,255,255,.1)}.navin{min-height:112px;display:flex;align-items:center;gap:40px}.logo{width:185px;height:92px;object-fit:contain;display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4))}.menu{margin-left:auto;display:flex;align-items:center;gap:25px;font:600 11px Montserrat,sans-serif;letter-spacing:.09em;text-transform:uppercase}.menu ul{display:flex;list-style:none;margin:0;padding:0;gap:25px}.menu li{margin:0}.menu a{color:#fff;opacity:.97;padding:43px 0 38px;border-bottom:1px solid transparent}.menu a:hover{color:var(--gold2);border-color:var(--gold)}.nav-cta{border:1px solid rgba(255,255,255,.55)!important;padding:12px 18px!important;border-bottom-color:rgba(255,255,255,.55)!important}.nav-cta:hover{background:var(--gold);border-color:var(--gold)!important;color:#fff!important}.site-menu-mobile{display:none}
.hero{min-height:100vh;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(5,17,29,.95) 0%,rgba(5,17,29,.72) 39%,rgba(5,17,29,.24) 73%,rgba(5,17,29,.15)),url('assets/hero-bg.png') center/cover no-repeat}.hero-copy{max-width:860px;padding:150px 0 90px}.hero h1{max-width:850px;margin:0 0 25px;font-size:clamp(43px,6vw,78px);font-weight:700;letter-spacing:-.045em}.hero h1 .gold{color:var(--gold2)}.hero p{font-size:18px;max-width:760px;color:rgba(255,255,255,.9);margin:0}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 25px;border:1px solid var(--gold);font:600 11px Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:.25s}.btn:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#fff}.ghost{color:#fff;border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.05)}.darkbtn{color:#fff;background:var(--navy);border-color:var(--navy)}
.section{padding:105px 0}.section.cream{background:#faf7f1}.section.darksec{background:var(--navy);color:#fff}.sectionhead{max-width:760px;margin-bottom:48px}.split{display:grid;grid-template-columns:1.02fr .98fr;gap:78px;align-items:center}.frame{padding:18px 0 0 18px;position:relative}.frame:before{content:'';position:absolute;left:0;top:0;width:72%;height:72%;border:1px solid var(--gold)}.frame img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px}.stat{padding:25px 20px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{font:700 34px Montserrat;color:var(--gold)}.stat span{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #eee5d8;padding:30px;transition:.25s}.card:hover,.property:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(17,28,39,.08)}.icon{width:44px;height:44px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);margin-bottom:20px;font-family:Montserrat}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.check{border-top:1px solid #ffffff24;padding:18px 0;font-family:Montserrat}.check:before{content:'✦';color:var(--gold);margin-right:10px}
.process{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.step{border-top:1px solid var(--gold);padding:18px 12px}.step b{font:700 25px Montserrat;color:var(--gold)}.step h4{font-size:14px;margin:10px 0 5px}.step p{font-size:12px;color:var(--muted);margin:0}.properties{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.property{background:#fff;border:1px solid #eee5d8;transition:.25s;overflow:hidden}.property img{width:100%;height:280px;object-fit:cover;display:block}.property-body{padding:25px}.property-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.pill{font-size:11px;padding:5px 9px;background:#f6f0e6;color:#5f574a}.property-location{color:var(--muted);font-size:13px}.property-empty{background:var(--cream);padding:45px;border:1px dashed #d8c9b2}
.pagehero{padding:190px 0 125px;background:linear-gradient(90deg,rgba(7,22,35,.94),rgba(7,22,35,.42)),url('assets/hero-bg.png') center/cover;color:#fff}.pagehero h1{font-size:clamp(42px,5vw,68px);margin-bottom:0}.pagehero p{max-width:700px;color:#e7e8e8}.content-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:70px}.rich p{margin:0 0 20px}.rich ul{padding-left:20px}.quote{border-left:2px solid var(--gold);padding:5px 0 5px 25px;font:500 22px/1.6 Montserrat;color:#34404a;margin:35px 0}.quote small{display:block;font:500 12px Poppins;color:var(--gold);margin-top:15px;text-transform:uppercase;letter-spacing:.12em}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value{padding:25px;background:#fff;border:1px solid var(--line)}.value h4{margin:0;color:var(--gold);font-size:15px}
.owner-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:30px 0}.owner-list div{padding:17px 20px;background:#faf7f1;border:1px solid var(--line)}.owner-list div:before{content:'✓';color:var(--gold);font-weight:700;margin-right:10px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.experience{min-height:250px;display:flex;align-items:end;padding:26px;color:#fff;background:linear-gradient(180deg,transparent 20%,rgba(5,17,29,.9)),url('assets/hero-bg.png') center/cover}.experience h3{margin:0;color:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-card{padding:28px;background:#faf7f1;border:1px solid var(--line);margin-bottom:15px}.contact-card strong{display:block;font:600 11px Montserrat;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font:600 11px Montserrat;text-transform:uppercase;letter-spacing:.1em}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#fff;padding:14px 15px;font:14px Poppins;color:var(--ink);outline:none}.field textarea{min-height:145px;resize:vertical}.notice{padding:15px 18px;background:#f1eadc;border-left:3px solid var(--gold);margin-bottom:25px;font-size:14px}
.footer{background:#07131f;color:#b7c2cc;padding:70px 0 22px}.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer h4{color:#fff;font-size:14px;letter-spacing:.05em;text-transform:uppercase}.footerlogo{width:190px;height:auto;display:block;background:transparent;filter:drop-shadow(0 3px 12px rgba(0,0,0,.35));margin-bottom:20px}.footer a:hover{color:var(--gold2)}.socials{display:flex;gap:10px;margin-top:18px}.socials a{width:34px;height:34px;border:1px solid #ffffff22;display:grid;place-items:center;color:#fff;font:600 11px Montserrat}.copyright{border-top:1px solid #ffffff18;margin-top:40px;padding-top:18px;font-size:12px}
@media(max-width:980px){.menu ul{gap:14px}.navin{gap:20px}.logo{width:155px}.cards,.properties,.checks{grid-template-columns:1fr 1fr}.split,.content-grid,.contact-grid{grid-template-columns:1fr}.process{grid-template-columns:repeat(3,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.statgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
.menu{position:fixed;top:85px;left:0;right:0;display:block;margin:0;padding:18px 6%;background:rgba(7,19,31,.98);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 18px 35px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;max-height:calc(100vh - 85px);overflow-y:auto}
.menu ul{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
.menu li{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}
.menu li:last-child{border-bottom:0}
.menu a,.menu .nav-cta{display:block;width:100%;padding:15px 4px!important;border:0!important;color:#fff!important;background:transparent!important}
.menu a:hover,.menu .nav-cta:hover{color:var(--gold2)!important}
body.livique-menu-open{overflow:hidden}
body.livique-menu-open .menu{opacity:1;visibility:visible;transform:translateY(0)}
.site-menu-mobile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto;width:46px;height:46px;padding:10px;border:1px solid rgba(255,255,255,.25);background:rgba(5,17,29,.35);color:#fff;cursor:pointer;position:relative;z-index:60}
.site-menu-mobile span{display:block;width:24px;height:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}
body.livique-menu-open .site-menu-mobile span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.livique-menu-open .site-menu-mobile span:nth-child(2){opacity:0}
body.livique-menu-open .site-menu-mobile span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.navin{min-height:85px}.logo{width:140px;height:70px}.hero{min-height:94vh;background-position:62% center}.hero-copy{padding:120px 0 70px}.hero h1{font-size:42px}.hero p{font-size:16px}.section{padding:75px 0}.cards,.properties,.checks,.process,.value-grid,.experience-grid,.owner-list,.form-grid,.statgrid,.footgrid{grid-template-columns:1fr}.pagehero{padding:145px 0 90px}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.field.full{grid-column:auto}.frame{padding-left:10px}}

/* Mobile navigation hotfix */
.site-menu-mobile{display:none;appearance:none;-webkit-appearance:none;}
@media(max-width:700px){
  .site-menu-mobile{display:flex!important;position:relative!important;z-index:10001!important;width:52px!important;height:52px!important;min-width:52px!important;flex:0 0 52px!important;margin-left:auto!important;padding:10px!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:2px!important;background:rgba(7,19,31,.72)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;cursor:pointer!important;touch-action:manipulation!important;}
  .site-menu-mobile i{display:block!important;width:28px!important;height:3px!important;min-height:3px!important;background:#fff!important;border-radius:2px!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:transform .22s ease,opacity .18s ease!important;}
  .site-menu-mobile i:nth-child(1),.site-menu-mobile i:nth-child(2),.site-menu-mobile i:nth-child(3){opacity:1!important;}
  body.livique-menu-open .site-menu-mobile i:nth-child(1){transform:translateY(9px) rotate(45deg)!important;}
  body.livique-menu-open .site-menu-mobile i:nth-child(2){opacity:0!important;}
  body.livique-menu-open .site-menu-mobile i:nth-child(3){transform:translateY(-9px) rotate(-45deg)!important;}
  .nav{z-index:10000!important;}
  .navin{position:relative!important;z-index:10000!important;min-height:85px!important;}
  .menu{position:fixed!important;z-index:9999!important;top:85px!important;left:0!important;right:0!important;width:100%!important;display:block!important;padding:12px 24px 24px!important;background:rgba(7,19,31,.99)!important;border-top:1px solid rgba(255,255,255,.15)!important;box-shadow:0 20px 40px rgba(0,0,0,.45)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-10px)!important;transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important;max-height:calc(100dvh - 85px)!important;overflow-y:auto!important;}
  body.livique-menu-open .menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
  .menu ul{display:flex!important;flex-direction:column!important;width:100%!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important;}
  .menu li{width:100%!important;border-bottom:1px solid rgba(255,255,255,.12)!important;}
  .menu a,.menu .nav-cta{display:block!important;width:100%!important;padding:17px 4px!important;border:0!important;background:transparent!important;color:#fff!important;font:600 13px Montserrat,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
  .menu a:hover,.menu .nav-cta:hover{color:var(--gold2)!important;background:rgba(255,255,255,.03)!important;}
}

/* LIVIQUE FINAL MOBILE MENU - robust hamburger */
@media (max-width:700px){
  .site-menu-mobile{
    display:flex!important;
    width:52px!important;height:52px!important;min-width:52px!important;
    padding:10px!important;margin-left:auto!important;
    position:relative!important;z-index:10002!important;
    flex:0 0 52px!important;
    align-items:center!important;justify-content:center!important;
    flex-direction:column!important;gap:6px!important;
    border:1px solid rgba(255,255,255,.4)!important;
    background:rgba(7,19,31,.78)!important;
    cursor:pointer!important;touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .site-menu-mobile span{
    display:block!important;
    width:28px!important;height:3px!important;min-height:3px!important;
    margin:0!important;padding:0!important;
    background:#fff!important;border-radius:2px!important;
    opacity:1!important;visibility:visible!important;
    transform:none!important;
  }
  .site-menu-mobile.is-open span:nth-child(1){transform:translateY(9px) rotate(45deg)!important;}
  .site-menu-mobile.is-open span:nth-child(2){opacity:0!important;}
  .site-menu-mobile.is-open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)!important;}
  .menu{
    position:fixed!important;top:85px!important;left:0!important;right:0!important;
    width:100%!important;z-index:10001!important;
    display:block!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-8px)!important;
    background:rgba(7,19,31,.99)!important;
    max-height:calc(100dvh - 85px)!important;overflow-y:auto!important;
  }
  .menu.is-open,.livique-menu-open .menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateY(0)!important;
  }
}


/* === LIVIQUE MOBILE MENU FINAL HOTFIX v3.1 === */
.site-menu-mobile{display:none;}
@media (max-width:700px){
  .site-menu-mobile{
    display:flex!important; width:52px!important; height:52px!important; min-width:52px!important;
    flex:0 0 52px!important; margin-left:auto!important; padding:0!important;
    align-items:center!important; justify-content:center!important;
    position:relative!important; z-index:100002!important;
    border:1px solid rgba(255,255,255,.45)!important; border-radius:2px!important;
    background:rgba(7,19,31,.82)!important; cursor:pointer!important;
    touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important;
  }
  .site-menu-mobile .menu-icon{
    display:block!important; width:28px!important; height:3px!important; min-height:3px!important;
    position:relative!important; margin:0!important; padding:0!important;
    background:#fff!important; border-radius:3px!important; opacity:1!important; visibility:visible!important;
    box-shadow:0 9px 0 #fff, 0 18px 0 #fff!important;
    transform:none!important; transition:background .18s ease, box-shadow .18s ease, transform .22s ease!important;
  }
  .site-menu-mobile.is-open .menu-icon{
    background:transparent!important; box-shadow:none!important;
  }
  .site-menu-mobile .menu-icon::before,
  .site-menu-mobile .menu-icon::after{
    content:""!important; display:block!important; position:absolute!important; left:0!important; top:0!important;
    width:28px!important; height:3px!important; border-radius:3px!important;
    background:#fff!important; opacity:0!important; transform:rotate(0deg)!important;
    transition:opacity .18s ease, transform .22s ease!important;
  }
  .site-menu-mobile.is-open .menu-icon::before{opacity:1!important; transform:rotate(45deg)!important;}
  .site-menu-mobile.is-open .menu-icon::after{opacity:1!important; transform:rotate(-45deg)!important;}
  .nav{z-index:100000!important;}
  .navin{position:relative!important; z-index:100001!important;}
  .menu{z-index:99999!important;}
}
