/* Single visual component used by public pages and the native WHMCS child theme. */
@import url('./footer-base.css');
@import url('./footer-partners.css');
@media(min-width:641px){.zf-column details:not([open])>.zf-links{display:flex}}
@media(max-width:1050px){.zf-footer .zf-columns{grid-template-columns:1.25fr 1fr;gap:30px 42px}.zf-footer .zf-links>a{font-size:max(13px,var(--zv-text-floor,0px));min-height:36px}.zf-identity{grid-row:span 2}.zf-column h2{font-size:16px}}
@media(max-width:640px){.zf-footer .zf-wrap{width:calc(100% - 40px)}.zf-footer .zf-columns{grid-template-columns:1fr;gap:0;padding-top:31px;padding-bottom:15px}.zf-identity{grid-row:auto;padding-bottom:22px}.zf-brand>img{width:135px}.zf-brand>span{font-size:18px}.zf-slogan{font-size:14px;max-width:270px;margin-top:19px;margin-bottom:15px}.zf-socials{gap:10px;margin-bottom:20px}.zf-socials>a,.zf-socials>span{width:33px;height:35px}.zf-socials svg{width:18px;height:18px}.zf-contacts>a{font-size:max(13px,var(--zv-text-floor,0px));min-height:42px}.zf-primary-links{display:grid!important;grid-template-columns:1fr 1fr;gap:0 20px!important;padding-top:17px}.zf-footer .zf-primary-links>a{font-size:max(12px,var(--zv-text-floor,0px));min-height:43px}.zf-column{border-top:1px solid #ffffff26}.zf-column details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;margin:0;padding:12px 0}.zf-column h2{font-size:14px}.zf-column details>summary::after{display:block;color:#d5c8e5;font-size:22px;line-height:1;font-weight:400}.zf-column details:not([open])>summary::after{content:'+'}.zf-column .zf-links{padding:0 0 15px}.zf-footer .zf-column .zf-links>a{font-size:max(12px,var(--zv-text-floor,0px));min-height:42px}.zf-resolution{gap:9px;padding:16px 0 24px}.zf-footer .zf-outline-button{min-width:0;flex:1;padding:11px 12px;font-size:max(11px,var(--zv-text-floor,0px));min-height:47px;gap:7px}.zf-outline-button svg{width:17px;height:17px}.zf-payments{flex-direction:column;align-items:flex-start;gap:15px;padding:23px 0}.zf-payment-methods{gap:8px}.zf-payment-methods>span{font-size:max(11px,var(--zv-text-floor,0px));padding:7px 9px}.zf-payment-info{align-items:flex-start;gap:5px}.zf-payment-info>a{min-height:38px;font-size:max(12px,var(--zv-text-floor,0px))}.zf-bottom{align-items:flex-start;flex-direction:column;gap:7px;font-size:max(11px,var(--zv-text-floor,0px));padding-top:20px}.zf-bottom>nav{gap:8px 17px}.zf-bottom nav>a{min-height:36px}.zf-legal-note{font-size:max(10px,var(--zv-text-floor,0px));line-height:1.9;margin-top:9px;padding-bottom:25px}}
@media print{.zf-footer{display:none!important}}
.zf-footer .zf-payment-methods>.zf-card-brand{padding:3px 7px}
.zf-footer .zf-card-brand>.zf-card-mark{width:42px;height:28px;object-fit:contain;max-height:27px}
.sf-brand-list .zf-card-mark{display:block;width:48px;height:32px;object-fit:contain}


/* Shared contact shortcut: the QR preserves its own four-module quiet zone. */
.zf-contact-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:12px;margin-bottom:20px}
.zf-contact-row .zf-contacts{margin:0;min-width:0}
.zf-footer .zf-contact-qr{display:flex;flex-direction:column;align-items:center;gap:6px;width:88px;text-align:center}
.zf-contact-qr>img{display:block;width:88px;height:88px;background:#fff;border-radius:8px}
.zf-contact-qr>span{font-size:max(9px,var(--zv-text-floor,0px));line-height:1.5;color:inherit}
.zf-contact-qr:hover>img{box-shadow:0 0 0 2px #e1d4fa}
@media(max-width:360px){.zf-contact-row{grid-template-columns:minmax(0,1fr) 76px;gap:10px}.zf-footer .zf-contact-qr{width:76px}.zf-contact-qr>img{width:76px;height:76px}.zf-contact-row .zf-contacts>a{font-size:max(12px,var(--zv-text-floor,0px));gap:9px}}

/* Same link behavior, scoped to the shared footer. */
.zf-footer a[href],.zf-footer a[href] *{text-decoration:none!important}
.zf-footer a[href]{transition:color 160ms ease}
.zf-footer a[href]:hover{color:var(--zv-link-hover,#6528ad)!important}
.zf-footer a[href]:hover :is(span,strong,small,b,em,u){color:inherit!important}
.zf-footer a[href]:focus-visible{outline:2px solid #ff8a3d;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.zf-footer a[href]{transition:none}}
@media(forced-colors:active){.zf-footer a[href]:hover{color:LinkText!important}.zf-footer a[href]:focus-visible{outline-color:Highlight}}

.zf-footer :is(h1,h2,h3,h4,h5,h6){font-family:Manrope,sans-serif}
