/* ============================================================
   AZ — Footer (4-column widget area)
   Palette: dark slate bg, ocean blue accents
   ============================================================ */

footer.footer{background:linear-gradient(180deg,#1f2937,#0f172a);color:#cbd5e1;padding:48px 0 0;font-size:14px;line-height:1.6}
footer.footer .container{max-width:1280px;margin:0 auto;padding:0 15px}
footer.footer .row.footer_wrap{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:32px!important;margin:0 0 36px!important;float:none!important}
/* Bootstrap parent injects .row:before/:after clearfix pseudo elements.
   With display:grid these become grid items, pushing footer4 to a new row. Disable them. */
footer.footer .row.footer_wrap:before,
footer.footer .row.footer_wrap:after{display:none!important;content:none!important}
footer.footer .row.footer_wrap > div,
footer.footer .row.footer_wrap > .col-md-3,
footer.footer .row.footer_wrap > .footer1,
footer.footer .row.footer_wrap > .footer2,
footer.footer .row.footer_wrap > .footer3,
footer.footer .row.footer_wrap > .footer4{padding:0!important;float:none!important;width:auto!important;max-width:none!important;min-width:0!important;clear:none!important;flex:none!important}

/* Section title */
footer.footer h3.title-sidebar-footer{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--cp-primary,#3C4CE6);display:inline-block;line-height:1.2}

/* Widget block */
footer.footer .widget-footer{margin:0 0 16px;overflow:visible}
footer.footer .widget-footer:last-child{margin-bottom:0}
footer.footer .textwidget p{margin:0 0 10px;line-height:1.6}
footer.footer .textwidget p:last-child{margin-bottom:0}

/* Logo + intro (footer1) — PNG đã có pill capsule với outline xanh, không cần khung trắng */
footer.footer .cp-footer__logo{display:block;max-width:220px;height:auto;margin:0 0 14px;background:transparent;padding:0}

/* Links — override parent's gray with brighter, hover ocean accent */
footer.footer a{color:#cbd5e1;text-decoration:none;transition:color .15s}
footer.footer a:hover{color:var(--cp-accent,#5A6BFF);text-decoration:none}

/* Remove parent's FontAwesome chevron before LI (we use <p> not <ul>) */
footer.footer ul{margin:0;padding:0;list-style:none}
footer.footer ul li{padding:3px 0;position:relative}
footer.footer ul li:before{display:none}

/* Contact info column — make email/phone stand out */
footer.footer .footer2 .textwidget a[href^="mailto:"],
footer.footer .footer2 .textwidget a[href^="tel:"]{color:#fff;font-weight:600}
footer.footer .footer2 .textwidget a[href^="mailto:"]:hover,
footer.footer .footer2 .textwidget a[href^="tel:"]:hover{color:var(--cp-accent,#5A6BFF)}

/* Policies (footer3) — vertical list with hover indent */
footer.footer .footer3 .textwidget p{margin:0;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:padding .15s}
footer.footer .footer3 .textwidget p:last-child{border-bottom:0}
footer.footer .footer3 .textwidget p:hover{padding-left:6px}
footer.footer .footer3 .textwidget a{display:block}

/* Social / Contact buttons (footer4) */
.cp-footer__social{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}
.cp-footer__social-btn{display:flex!important;align-items:center;gap:10px;background:rgba(255,255,255,.06);color:#fff!important;padding:10px 14px;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,transform .15s;border:1px solid rgba(255,255,255,.08)}
.cp-footer__social-btn:hover{background:var(--cp-primary,#3C4CE6);color:#fff!important;transform:translateX(2px)}
.cp-footer__social-btn--zalo:hover{background:#0068ff}
.cp-footer__social-btn--mail:hover{background:var(--cp-accent,#5A6BFF)}
.cp-footer__social-btn svg{flex-shrink:0}
.cp-footer__hours{font-size:13px;color:#94a3b8;margin:0;padding:12px;background:rgba(255,255,255,.04);border-radius:6px;border-left:3px solid var(--cp-accent,#5A6BFF);line-height:1.7}
.cp-footer__hours strong{color:#fff;display:inline-block;margin-bottom:4px}

/* Footer tags (if widget set) */
footer.footer .footer_tags{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;margin-top:20px}
footer.footer .footer_tags .tagcloud a{background:rgba(255,255,255,.06);color:#cbd5e1;padding:4px 10px;border-radius:4px;margin:0 4px 6px 0;display:inline-block;font-size:12px!important;text-decoration:none;transition:background .15s}
footer.footer .footer_tags .tagcloud a:hover{background:var(--cp-primary,#3C4CE6);color:#fff}

/* Copyright bar */
.footer_copyright{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;margin-top:20px;background:rgba(0,0,0,.2)}
.footer_copyright_left{text-align:center;width:100%;font-size:13px;color:#94a3b8;letter-spacing:.3px}
.footer_copyright_left a{color:var(--cp-accent,#5A6BFF)}

/* Hide parent's broken footer leftovers if duplicated */
.footer1 .widget_search,
.footer2 .widget_search,
.footer3 .widget_search,
.footer4 .widget_search{display:none}

/* Responsive */
@media (max-width:1024px){
	footer.footer .row.footer_wrap{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width:640px){
	footer.footer{padding:32px 0 0}
	footer.footer .row.footer_wrap{grid-template-columns:1fr;gap:24px;margin-bottom:24px}
	footer.footer h3.title-sidebar-footer{margin-bottom:12px}
	.cp-footer__logo{max-width:160px}
}