/**
 * footer.css
 * WHAT: Dark footer (4 columns) and the mobile bottom navigation bar.
 * Loaded by inc/assets.php (order matters: later files may override earlier ones).
 */
.hn-logo-footer {
    display: inline-block;
}

.hn-logo-footer img {
    display: block;
    border-radius: 10px;

    /* Deep 3D premium effect */
    box-shadow:
        0 2px 0 #0b3d2e,
        0 4px 0 #083326,
        0 7px 0 #062a20,
        0 11px 18px rgba(0, 20, 12, 0.45),
        0 18px 30px rgba(0, 0, 0, 0.28);

    /* Subtle raised edge */
    border: 1px solid rgba(255, 255, 255, 0.25);

    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hn-footer{
	background:var(--green-d);
	color:#dcebd2;
	font-size:14px;
}
.hn-footer h2{
	font:600 16px var(--sans);
	color:#fff;
	margin-bottom:14px;
}
.hn-footer__grid{
	display:grid;
	grid-template-columns:1.4fr 1fr 1fr 1fr;
	gap:32px;
	padding-block:35px 28px;
}
.hn-footer li{
	margin-bottom:9px;
}
.hn-footer a:hover{
	color:#fff;
	text-decoration:underline;
}
.hn-contact li{
	display:flex;
	gap:10px;
	align-items:flex-start;
}
.hn-social{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.hn-social__link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ffffff33;border-radius:50%;background:#ffffff12;color:#fff;text-decoration:none!important;transition:background-color .2s,transform .15s;}
.hn-social__link:hover{background:#ffffff25;transform:translateY(-1px);}
.hn-footer__base{
	display:flex;
	/*justify-content:space-between;*/
	justify-content:center;
	flex-wrap:wrap;
	gap:10px;
	border-top:1px solid #ffffff22;
	padding-block:16px;
}
.hn-bottom{
	display:none;
}
@media (max-width:1024px){
	.hn-footer__grid{
		grid-template-columns:1fr 1fr;
	}
}
@media (max-width:720px){
	.hn-footer__grid{
		grid-template-columns:1fr;
	}
	.hn-bottom{
		display:grid;
		grid-template-columns:repeat(5,1fr);
		position:fixed;
		inset:auto 0 0 0;
		z-index:60;
		background:#fff;
		border-top:1px solid var(--line);
		padding:6px 0 max(6px,env(safe-area-inset-bottom));
	}
	.hn-bottom a{
		display:flex;
		flex-direction:column;
		align-items:center;
		gap:2px;
		font-size:11px;
		color:var(--muted);
	}
}
.hn-bottom button{
	background:none;
	border:0;
	padding:0;
	font:inherit;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:2px;
	font-size:11px;
	color:var(--muted);
	cursor:pointer;
}
.hn-bottom a{
	position:relative;
}
.hn-bottom .hn-count{
	top:-2px;
	right:calc(50% - 22px);
}


/* =========================================
   FOOTER BACKGROUND IMAGE + OVERLAY
   ========================================= */
.hn-footer {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    
    /* Change this image URL */
    
    background:
        linear-gradient(
            135deg,
            rgba(4, 45, 32, 0.52) 0%,
            rgba(10, 82, 52, 0.54) 55%,
            rgba(3, 48, 32, 0.53) 10%
        ),url("https://papayawhip-swan-832265.hostingersite.com/wp-content/uploads/2026/10/Dreamy-Botanical-Beige-Background.png")
        center center / cover
        no-repeat;

    color: #dcebd2;
    font-size: 14px;
}

/* Overlay */
.hn-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    /* CONTROL OVERLAY HERE */
    background: rgba(5, 45, 32, 0.7);

    pointer-events: none;
}

/* Footer content stays above image */
.hn-footer > * {
    position: relative;
    z-index: 1;
}