/* ===== TRESUN-TECH approved master CSS — layout.css (extracted from 01_TRESUN_APPROVED_MASTER_EXACT.html, unmodified) ===== */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(227,233,236,.9)}
.nav{min-height:86px;display:flex;align-items:center;gap:26px}
.brand img{height:72px;width:auto;object-fit:contain}
.menu{display:flex;gap:24px;margin-left:26px;font-size:14px;font-weight:750;color:#213845}
.menu a:hover{color:var(--green)}
.nav-right{margin-left:auto;display:flex;gap:16px;align-items:center;font-size:12px;font-weight:700;color:#243a47}
.nav-right .contact{display:grid;gap:3px}
.divider{width:1px;height:34px;background:#d9e1e5}
.quote{background:var(--green);color:#fff;padding:12px 18px;border-radius:10px;font-weight:850}
.footer{background:#061722;color:#afc2ca;padding:52px 0 24px;margin-top:90px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.15fr;gap:30px} .footer .brand img{height:84px;background:#fff;padding:5px;border-radius:8px}
.footer h4{color:#fff;margin:0 0 12px} .footer p,.footer a{font-size:12px;display:block;margin:7px 0} .footline{border-top:1px solid rgba(255,255,255,.09);margin-top:28px;padding-top:18px;font-size:11px}
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{display:flex;align-items:center;gap:5px}
.chev{font-size:12px;opacity:.7;transition:transform .2s}
.dropdown{position:absolute;left:-22px;top:72px;width:330px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 60px rgba(8,31,45,.16);opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:.18s;z-index:100}
.dropdown:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dropdown a{display:block!important;padding:11px 13px!important;border-radius:11px;color:#19313f!important;line-height:1.2}
.dropdown a:hover{background:#f3f7f5;color:var(--green)!important}
.dropdown a:after{display:none!important}
.dropdown b{display:block;font-size:13px;margin-bottom:3px}
.dropdown span{display:block;font-size:10px;color:#7a8b94;font-weight:600}
.dropdown.compact{width:250px}
.dropdown.compact a{padding:10px 12px!important}
/* ===== WordPress menu structure adaptation (approved dropdown look) ===== */
.menu{list-style:none;margin:0;padding:0}
.menu li{position:relative;display:flex;align-items:center}
.menu > li > a{display:flex;align-items:center;gap:5px;padding:10px 0}
.menu li.menu-item-has-children > a:after{content:"⌄";font-size:12px;opacity:.7;transition:transform .2s}
.menu li:hover.menu-item-has-children > a:after{transform:rotate(180deg)}
.menu .sub-menu{
	position:absolute;left:-22px;top:100%;width:330px;padding:10px;
	background:#fff;border:1px solid var(--line);border-radius:16px;
	box-shadow:0 22px 60px rgba(8,31,45,.16);
	opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;
	transition:.18s;z-index:100;list-style:none;margin:0;
}
.menu .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.menu li:hover > .sub-menu,
.menu li:focus-within > .sub-menu{
	opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;
}
.menu .sub-menu li{display:block}
.menu .sub-menu a{
	display:block!important;padding:11px 13px!important;border-radius:11px;
	color:#19313f!important;line-height:1.2;font-weight:600;
}
.menu .sub-menu a:hover{background:#f3f7f5;color:var(--green)!important}
.menu .current-menu-item > a,
.menu .current_page_item > a,
.menu .current-menu-ancestor > a{color:var(--green)}
.menu .current-menu-item > .sub-menu a{color:#19313f}