/*
Theme Name: Velvet Dreams & Co
Description: Luxury wedding and event venue theme in burgundy, gold and ivory. Auto-creates pages and menus on activation.
Version: 1.0
Author: Velvet Dreams & Co
Text Domain: velvet-dreams
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--bg:#150609;--bg2:#1F0A10;--cream:#F4EBDC;--gold:#C9A25C;--wine:#5C0B1E;--ink:#2B0A13;--line:rgba(201,162,92,.35);color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--cream);font:300 16px/1.7 Jost,system-ui,sans-serif}
h1,h2,h3{font-family:Cinzel,Georgia,serif;font-weight:400;margin:0;letter-spacing:.06em;line-height:1.2}
a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
img{max-width:100%;height:auto}
.script{font:1.7rem "Pinyon Script",cursive;color:var(--gold)}
.site-header{position:sticky;top:0;z-index:99;background:#150609;border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 4vw;max-width:1200px;margin:auto}
.bar nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font:400 .8rem Cinzel,serif;letter-spacing:.14em;text-transform:uppercase}
.bar nav.r ul{justify-content:flex-end;align-items:center}
.bar nav a{text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
.bar nav a:hover,.bar .current-menu-item>a{border-color:var(--gold)}
.logo{width:74px;height:74px;border-radius:50%;background:var(--logo) center/cover;display:block}
.btn,.bar li.btn>a{display:inline-block;padding:11px 26px;border:1px solid var(--gold);background:var(--wine);color:var(--cream);font:400 .78rem Cinzel,serif;letter-spacing:.16em;text-decoration:none;cursor:pointer}
.bar li.btn>a{padding:9px 22px}.btn:hover,.bar li.btn>a:hover{background:#7a1229}
.menu{display:none;background:none;border:1px solid var(--line);color:var(--cream);padding:8px 12px;font:inherit;cursor:pointer}
@media(max-width:820px){.bar{grid-template-columns:auto 1fr}.menu{display:block;justify-self:end}.bar nav{display:none}.logo{width:56px;height:56px}
body.open .bar{display:flex;flex-wrap:wrap;align-items:center}body.open .menu{margin-left:auto}
body.open .bar nav{display:block;width:100%;order:5}body.open .bar nav ul{flex-direction:column;gap:0}body.open .bar nav a{display:block;padding:12px 0}}
.hero{min-height:72vh;display:grid;place-items:center;text-align:center;padding:60px 6vw;background:linear-gradient(rgba(21,6,9,.55),rgba(21,6,9,.8)),var(--room) center/cover}
.hero h1{font-size:clamp(2.4rem,7vw,4.6rem);margin:12px 0}
.tag{font:400 .8rem Cinzel,serif;letter-spacing:.35em;color:var(--gold)}
.strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--cream);color:var(--ink);text-align:center}
.strip div{padding:26px 18px;border-right:1px solid #d8c8a8}.strip div:last-child{border:0}
.strip b{display:block;font:500 .78rem Cinzel,serif;letter-spacing:.14em;color:var(--wine);margin:6px 0}
.strip i{font-style:normal;color:var(--gold);font-size:1.6rem}.strip p{margin:0;font-size:.88rem}
@media(max-width:700px){.strip{grid-template-columns:1fr 1fr}}
.split{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);color:var(--ink)}
.split .pic{min-height:340px;background:var(--flowers) center/cover}
.split .txt{padding:clamp(32px,6vw,70px);background:linear-gradient(90deg,var(--cream) 80%,transparent),var(--drape) right/auto 100% no-repeat}
.split h2{color:var(--wine);font-size:2rem;margin:6px 0 14px}
@media(max-width:760px){.split{grid-template-columns:1fr}.split .pic{min-height:240px}}
.sec{padding:clamp(48px,8vw,90px) 5vw;max-width:1200px;margin:auto}
.sec>h2{text-align:center;font-size:clamp(1.5rem,3.6vw,2.2rem)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.card{display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;padding:20px;text-align:center;text-decoration:none;border:1px solid var(--line);background:linear-gradient(transparent 25%,#150609 78%),var(--img) top/100% 55% no-repeat,var(--bg)}
.card h3{font-size:1rem;letter-spacing:.14em;margin-bottom:6px}.card p{font-size:.85rem;margin:0 0 14px}
.card span{border:1px solid var(--gold);padding:7px;font:.7rem Cinzel,serif;letter-spacing:.16em}.card:hover{border-color:var(--cream)}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}}@media(max-width:480px){.cards{grid-template-columns:1fr}}
.band{display:flex;justify-content:space-around;align-items:center;gap:24px;flex-wrap:wrap;text-align:center;padding:56px 6vw;background:linear-gradient(90deg,rgba(21,6,9,.35),#150609 85%),var(--candles) left/cover}
.band.cta{background:var(--cream);color:var(--ink)}.band.cta h2{color:var(--wine)}
.ph{background:linear-gradient(rgba(21,6,9,.5),#150609),var(--room) center/cover;padding:clamp(60px,10vw,120px) 5vw;text-align:center}
.ph h1{font-size:clamp(2rem,6vw,3.4rem);margin:10px 0}.ph p{max-width:46ch;margin:auto}
.page{padding:clamp(40px,7vw,80px) 5vw;max-width:980px;margin:auto}
.page h2{font-size:1.4rem;margin:36px 0 10px;color:var(--gold)}.page a:not(.btn){color:var(--gold)}
.row{display:grid;grid-template-columns:1fr 2fr auto;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.row h3{font-size:1.05rem}.row p{margin:0}.row b{font:500 1.05rem Cinzel,serif;color:var(--gold);white-space:nowrap}
@media(max-width:640px){.row{grid-template-columns:1fr;gap:4px}}
.page ul{columns:2;column-gap:30px;padding-left:18px}.page li{margin:4px 0;break-inside:avoid}@media(max-width:600px){.page ul{columns:1}}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.gal div{aspect-ratio:4/3;background:var(--g) center/cover;border:1px solid var(--line);display:flex;align-items:flex-end;padding:12px;font:.75rem Cinzel,serif;letter-spacing:.12em;text-shadow:0 1px 8px #000}
@media(max-width:700px){.gal{grid-template-columns:1fr 1fr}}
form.inq{display:grid;grid-template-columns:1fr 1fr;gap:14px}form.inq label{display:grid;gap:4px;font-size:.85rem}.full{grid-column:1/-1}
input,select,textarea{font:inherit;padding:11px;border:1px solid var(--line);background:#1F0A10;color:var(--cream);border-radius:0;width:100%}
.hp{position:absolute;left:-9999px}
.notice{border:1px solid var(--gold);padding:14px 18px;margin-bottom:20px}
@media(max-width:640px){form.inq{grid-template-columns:1fr}}
.site-footer{background:#0c0305;border-top:1px solid var(--line);padding:34px 5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.so{display:flex;gap:10px}.so a{width:36px;height:36px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;text-decoration:none;font:.7rem Cinzel,serif}
.wp-block-image img{height:auto}.alignwide,.alignfull{max-width:100%}