/* =========================================================
   HyperDAF Core — Footer
   Location: /wp-content/themes/hyperdaf-core/assets/css/footer.css
   Purpose:
   - Global footer styling
   - Premium support CTA banner section
   - Footer links, payments, social icons and copyright row
========================================================= */

.hdaf-footer{margin-top:64px}

/* ===== SUPPORT CTA SECTION ===== */

.hdaf-footer-support{
position:relative;
background:#eef4df;
border-top:1px solid #dde6c9;
border-bottom:1px solid #dde6c9;
overflow:hidden
}

.hdaf-footer-support .hdaf-container{max-width:none!important;padding-left:0!important;padding-right:0!important}

.hdaf-footer-support__inner{
position:relative;
min-height:220px;
padding:34px 0;
isolation:isolate
}

.hdaf-footer-support__banner{
position:absolute;
inset:0;
z-index:0;
background-color:#eef4df;
background-image:url("../images/need help growing with HyperDAF.webp");
background-size:100% 100%;
background-position:center;
background-repeat:no-repeat;
opacity:1
}

.hdaf-footer-support__banner:before{display:none}

.hdaf-footer-support__grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(320px,440px);
gap:24px;
align-items:center;
max-width:1400px;
margin:0 auto;
padding:0 24px
}

.hdaf-footer-support__content,
.hdaf-footer-support__form-area{
position:relative;
z-index:2
}

.hdaf-footer-support__content{max-width:760px}
.hdaf-footer-support__eyebrow{
display:inline-flex;
align-items:center;
margin-bottom:8px;
color:#f59e0b;
font-size:11px;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase
}

.hdaf-footer-support__title{
margin:0 0 8px;
color:#0f172a;
font-size:clamp(1.7rem,2.3vw,2.35rem);
font-weight:800;
line-height:1.12;
letter-spacing:-.02em;
text-shadow:none
}

.hdaf-footer-support__text{
margin:0;
max-width:640px;
color:#334155;
font-size:15px;
line-height:1.55;
text-shadow:none
}

/* ===== FORM ===== */

.hdaf-footer-support__form-area{width:100%}
.hdaf-footer-support__form{
display:flex;
align-items:center;
gap:10px;
padding:8px;
border:1px solid rgba(255,255,255,.42);
border-radius:14px;
background:rgba(255,255,255,.96);
box-shadow:0 10px 24px rgba(15,23,42,.05)
}

.hdaf-footer-support__input{
min-width:0;
flex:1 1 auto;
height:44px;
margin:0!important;
padding:0 14px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
color:#0f172a;
font-size:14px
}

.hdaf-footer-support__input::placeholder{color:#94a3b8}

.hdaf-footer-support__button,
.hdaf-footer-support__button.hdaf-btn,
.hdaf-footer-support__button.hdaf-btn--primary{
flex:0 0 auto;
min-width:132px;
min-height:44px;
border:1px solid #7fb23a;
border-radius:8px;
background:#7fb23a;
color:#ffffff;
font-size:13px;
font-weight:800;
box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)
}

.hdaf-footer-support__button:hover,
.hdaf-footer-support__button.hdaf-btn:hover,
.hdaf-footer-support__button.hdaf-btn--primary:hover{
border-color:#73a331;
background:#73a331;
color:#ffffff
}

/* ===== MAIN FOOTER ===== */

.hdaf-footer-main{
background:#eef4df;
border-top:1px solid #dde6c9;
padding-top:40px;
padding-bottom:40px
}

.hdaf-footer-main__grid{
display:grid;
grid-template-columns:minmax(220px,1.1fr) repeat(3,minmax(130px,1fr)) minmax(270px,1fr);
gap:36px;
align-items:start
}

/* ===== BRAND ===== */

.hdaf-footer-brand{min-width:0}
.hdaf-footer-brand__logo{
display:inline-flex;
align-items:center;
max-width:100%;
margin-bottom:18px;
text-decoration:none
}

.hdaf-footer-brand__logo img,
.hdaf-footer-brand__logo .custom-logo{
display:block;
width:auto;
max-width:220px;
height:auto;
max-height:52px
}

.hdaf-footer-brand__name{
display:inline-flex;
align-items:center;
color:#0f172a;
font-size:28px;
font-weight:800;
line-height:1;
letter-spacing:-.02em
}

.hdaf-footer-brand__social{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin-bottom:0
}

.hdaf-footer-brand__social-link{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border:1px solid #cfd8bf;
border-radius:10px;
background:#f8fbf1;
color:#475569;
text-decoration:none;
transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease
}

.hdaf-footer-brand__social-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}
.hdaf-footer-brand__social-link svg{width:16px;height:16px;display:block}
.hdaf-footer-brand__social-link:hover{
color:#000000;
background:#ffffff;
border-color:#cfd8bf;
transform:translateY(-1px)
}

/* ===== NAV ===== */

.hdaf-footer-nav{min-width:0}
.hdaf-footer-nav__title{
margin:0 0 14px;
color:#0f172a;
font-size:15px;
font-weight:800;
line-height:1.3
}

.hdaf-footer-nav__list{margin:0;padding:0;list-style:none}
.hdaf-footer-nav__list li+li{margin-top:10px}
.hdaf-footer-nav__list a{
color:#111827;
font-size:14px;
font-weight:600;
line-height:1.5;
text-decoration:none;
transition:color .2s ease,text-decoration-color .2s ease
}

.hdaf-footer-nav__list a:hover{
color:#111827;
text-decoration:underline;
text-underline-offset:3px
}

/* ===== RIGHT META ===== */

.hdaf-footer-meta{
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:flex-start;
gap:18px;
min-width:0
}

.hdaf-footer-meta__links{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:18px
}

.hdaf-footer-meta__links a{
color:#111827;
font-size:14px;
font-weight:600;
text-decoration:none
}

.hdaf-footer-meta__links a:hover{
color:#111827;
text-decoration:underline;
text-underline-offset:3px
}

.hdaf-footer-meta__payments{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:nowrap;
gap:10px;
width:100%
}

.hdaf-footer-meta__payment{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:72px;
height:44px;
padding:0;
border-radius:12px;
background:transparent;
overflow:hidden
}

.hdaf-footer-meta__payment svg,
.hdaf-footer-meta__payment img{
display:block;
width:72px;
height:44px;
max-width:72px;
max-height:44px;
object-fit:contain
}

.hdaf-footer-meta__social{display:none}

/* ===== BOTTOM COPYRIGHT ===== */

.hdaf-footer-bottom{
display:flex;
align-items:center;
justify-content:center;
padding-top:26px;
margin-top:26px;
border-top:1px solid #d8e1c3
}

.hdaf-footer-bottom__copyright{
margin:0;
text-align:center;
color:#475569;
font-size:14px;
line-height:1.6
}

/* legacy compatibility */
.hdaf-footer-bottom__links,
.hdaf-footer-bottom__meta,
.hdaf-footer-bottom__payments{display:none}

/* ===== RESPONSIVE ===== */

@media (max-width:1199px){
.hdaf-footer-main__grid{
grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(140px,1fr));
gap:28px
}
.hdaf-footer-meta{
grid-column:1/-1;
align-items:flex-start
}
.hdaf-footer-meta__links,
.hdaf-footer-meta__payments{justify-content:flex-start}
}

@media (max-width:1024px){
.hdaf-footer-support__banner{background-size:cover;background-position:center}
.hdaf-footer-support__grid{grid-template-columns:1fr;padding:0 20px}
.hdaf-footer-main__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hdaf-footer-meta{grid-column:auto}
}

@media (max-width:767px){
.hdaf-footer{margin-top:48px}
.hdaf-footer-support__inner{min-height:0;padding:24px 0}
.hdaf-footer-support__banner{background-size:cover;background-position:center}
.hdaf-footer-support__grid{gap:18px;padding:0 16px}
.hdaf-footer-support__form{flex-direction:column;align-items:stretch;padding:12px}
.hdaf-footer-support__button,
.hdaf-footer-support__button.hdaf-btn,
.hdaf-footer-support__button.hdaf-btn--primary{width:100%;min-width:0}
.hdaf-footer-main{padding-top:32px;padding-bottom:32px}
.hdaf-footer-main__grid{grid-template-columns:1fr;gap:24px}
.hdaf-footer-meta,
.hdaf-footer-meta__links,
.hdaf-footer-meta__payments{align-items:flex-start;justify-content:flex-start}
.hdaf-footer-meta__payments{flex-wrap:wrap}
.hdaf-footer-bottom{padding-top:22px;margin-top:22px}
}