/*
Theme Name: Naples Coastal Home Guide
Author: Naples Florida Home Guide
Version: 1.3
Description: Coastal luxury homepage with original WordPress blog preservation.
*/
:root{--navy:#153444;--gold:#c8ab80;--cream:#f8f6f1}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#243d49;font:16px/1.7 Arial,sans-serif}a{color:inherit}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(48px,7vw,95px);max-width:800px}h2{font-size:clamp(34px,4vw,55px)}h3{font-size:25px}img{max-width:100%;height:auto}.wrap{max-width:1190px;margin:auto;padding:0 25px}.header{background:white}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{text-decoration:none;font:24px Georgia,serif;letter-spacing:2px}.logo small{display:block;font:10px Arial;letter-spacing:4px}.menu ul{display:flex;list-style:none;gap:20px;margin:0;padding:0}.menu a{text-decoration:none;font-size:12px;text-transform:uppercase}.btn{display:inline-block;background:var(--gold);color:#18313c;padding:15px 23px;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}.btn.light{background:transparent;border:1px solid white;color:white}.hero{position:relative;min-height:690px;display:flex;align-items:center;background:#476f7b center/cover;color:white;overflow:hidden}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#092532bd,#09253222)}.hero .wrap{position:relative;z-index:1;width:100%;padding-top:80px;padding-bottom:80px}.hero p{max-width:530px;font-size:19px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:bold}.buttons{display:flex;gap:12px;flex-wrap:wrap}.section{padding:95px 0}.center{text-align:center}.intro{max-width:740px;margin:0 auto 45px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white}.card .photo{height:240px;background:#a5c2c6 center/cover}.card .body{padding:27px}.card h3{margin:0}.card a{font-size:13px}.dark{background:var(--navy);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.panel{background:white;color:#243d49;padding:42px}.postcard{background:white;padding:26px}.postcard a{text-decoration:none}.footer{background:#102a38;color:white;padding:50px 0}.content{max-width:850px;margin:70px auto;padding:0 25px}.content h1{font-size:48px}.cta{background:#e5ddd0}.small{font-size:12px}@media(max-width:800px){.nav{flex-wrap:wrap;padding:20px}.menu ul{flex-wrap:wrap}.grid,.split{grid-template-columns:1fr}.section{padding:60px 0}.hero{min-height:590px}}
/* v1.1: nested WordPress navigation dropdowns */
.menu{min-width:0;position:relative;z-index:100}
.menu > ul,.menu > div > ul,.menu .menu{display:flex;align-items:center;flex-wrap:nowrap;gap:22px;list-style:none;margin:0;padding:0}
.menu li{list-style:none;position:relative;white-space:nowrap}
.menu li a{display:block;padding:12px 0;line-height:1.35}
.menu li.menu-item-has-children > a:after{content:'⌄';display:inline-block;font-size:13px;margin-left:6px;vertical-align:1px}
.menu ul ul,.menu .sub-menu{display:block;position:absolute;top:100%;left:0;z-index:999;min-width:225px;max-width:310px;padding:9px 0;margin:0;list-style:none;background:#fff;box-shadow:0 15px 38px rgba(15,45,60,.17);border-top:2px solid var(--gold);opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.menu ul ul li,.menu .sub-menu li{display:block;white-space:normal}
.menu ul ul a,.menu .sub-menu a{font-size:11px;padding:12px 17px;line-height:1.45;text-align:left}
.menu ul ul a:hover,.menu ul ul a:focus-visible{background:var(--cream);color:var(--navy)}
.menu li:hover > ul,.menu li:focus-within > ul,.menu li:hover > .sub-menu,.menu li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.menu ul ul ul,.menu .sub-menu .sub-menu{top:0;left:100%}
.menu a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (max-width:1050px){.nav{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.menu{order:3;width:100%}.menu>div>ul,.menu>ul{justify-content:center;flex-wrap:wrap;gap:8px 22px}}
@media (max-width:800px){.menu ul ul,.menu .sub-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;min-width:0;max-width:none;border-top:1px solid #eee;padding:0 0 0 14px;background:#fbfaf8}.menu li:hover > ul,.menu li:focus-within > ul,.menu li:hover > .sub-menu,.menu li:focus-within > .sub-menu{display:block}.menu ul ul ul,.menu .sub-menu .sub-menu{position:static}.menu ul ul a,.menu .sub-menu a{padding:10px 12px}}
@media (prefers-reduced-motion:reduce){.menu ul ul,.menu .sub-menu{transition:none}}

/* v1.3: responsive image logo; WordPress custom logo or included brand asset */
.nav .logo-image-link{display:flex;align-items:center;flex:0 1 310px;min-width:180px;max-width:310px;line-height:1;text-decoration:none}
.nav .site-logo-img{display:block;width:100%;max-width:310px;height:auto;object-fit:contain}
@media(max-width:1050px){.nav .logo-image-link{flex-basis:260px;max-width:260px}}
@media(max-width:480px){.nav .logo-image-link{flex-basis:220px;max-width:220px}.nav .site-logo-img{max-width:220px}}