/* AOBONGRO.VN - FOOTER CUSTOM | Flatsome UX Block */
.abr-footer{--abr-orange:#ff6a00;--abr-white:#f5f5f5;--abr-muted:#c7c7c7;background:#050505;color:var(--abr-white);width:100%;max-width:100%;margin:0;padding:0;font:15px/1.55 Arial,Helvetica,sans-serif;clear:both}
.abr-footer,.abr-footer *{box-sizing:border-box}
.abr-footer a{text-decoration:none;transition:color .2s,background .2s}
.abr-footer p,.abr-footer h3,.abr-footer ul{margin-top:0}
.abr-footer-main{width:100%;background:#050505;padding:48px 0 50px}
.abr-footer-container{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.66fr) minmax(0,1.52fr) minmax(0,1fr);gap:34px;align-items:start;width:calc(100% - 60px);max-width:1920px;margin:0 auto;padding:0}
.abr-footer-container>*{min-width:0}
/* Contact */
.abr-footer-contact{padding-right:24px;border-right:1px solid #242424;min-height:440px}
.abr-logo{display:inline-flex;flex-direction:column;margin-bottom:28px;color:#fff!important;line-height:1}
.abr-logo>span{font-size:clamp(25px,2.5vw,43px);font-weight:900;font-style:italic;letter-spacing:-1.5px;white-space:nowrap;line-height:1.12}
.abr-logo .abr-orange{color:var(--abr-orange)}
.abr-logo small{display:block;margin-top:4px;color:#ddd;font-size:clamp(8px,.78vw,12px);font-weight:600;font-style:italic;letter-spacing:4px;white-space:nowrap}
.abr-contact-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;color:#e3e3e3;font-size:15px;line-height:1.65}
.abr-contact-item>div{flex:1;min-width:0}
.abr-contact-icon{flex:0 0 43px;width:43px;height:43px;border-radius:50%;background:var(--abr-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;line-height:1}
.abr-contact-item strong{display:block;margin-bottom:5px;font-size:15px;font-weight:600;color:#f5f5f5}
.abr-contact-item p{margin:0 0 3px;color:#ddd;line-height:1.65}
.abr-contact-item b{color:#fff;font-weight:700}
.abr-contact-item a{color:var(--abr-orange)!important;font-weight:700}
.abr-contact-item a:hover{color:#ff9b4d!important}
.abr-search{display:flex;align-items:stretch;width:100%;height:57px;margin:20px 0 0;border:1px solid #4b4b4b;border-radius:9px;background:#090909;overflow:hidden}
.abr-search input[type=search]{flex:1;min-width:0;width:100%;height:100%;margin:0!important;padding:0 14px 0 20px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none;color:#fff!important;font-size:14px}
.abr-search input::placeholder{color:#898989;opacity:1}
.abr-search button[type=submit]{flex:0 0 auto;height:100%;min-height:0;margin:0!important;padding:0 22px!important;background:var(--abr-orange)!important;color:#fff!important;border:0!important;border-radius:7px!important;font-size:14px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}
.abr-search button:hover{background:#e85e00!important}
/* Quick links and headings */
.abr-footer-links{padding-left:0}
.abr-footer-title{position:relative;display:block;width:fit-content;max-width:100%;margin:0 0 26px!important;padding:0 0 13px!important;color:#fff!important;font-size:18px;font-weight:800;line-height:1.3;text-transform:uppercase;letter-spacing:0;border:0!important;background:transparent}
.abr-footer-title:after{content:"";position:absolute;left:0;bottom:0;width:53px;height:5px;background:var(--abr-orange);border-radius:4px}
.abr-footer-links ul{list-style:none!important;margin:0!important;padding:0!important}
.abr-footer-links li{position:relative;list-style:none!important;margin:0 0 12px!important;padding:0 0 0 25px!important;border:0!important;line-height:1.5}
.abr-footer-links li:before{content:"";position:absolute;left:4px;top:7px;width:8px;height:8px;border-top:3px solid var(--abr-orange);border-right:3px solid var(--abr-orange);transform:rotate(45deg)}
.abr-footer-links li a{display:inline-block;color:#d6d6d6!important;font-size:15px;font-weight:400;line-height:1.55}
.abr-footer-links li a:hover{color:var(--abr-orange)!important}
/* Fanpage */
.abr-footer-fanpage{width:100%;min-width:0}
.abr-fb-card{width:100%;padding:10px;background:#080808;border:1px solid #202020;border-radius:12px;overflow:hidden}
.abr-fb-cover{width:100%;aspect-ratio:2.45/1;overflow:hidden;border-radius:7px 7px 0 0;background:#171717}
.abr-fb-cover img{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;border:0}
.abr-fb-details{display:flex;align-items:center;gap:14px;padding:12px 8px 13px;background:#080808}
.abr-fb-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 78px;width:78px;height:78px;border:3px solid var(--abr-orange);border-radius:50%;background:#ff8500;color:#080808;font-size:30px;font-weight:900;font-style:italic;box-shadow:0 0 0 2px #111}
.abr-fb-avatar span{line-height:1}
.abr-fb-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}
.abr-fb-info strong{display:block;color:#f8f8f8;font-size:15px;font-weight:700;line-height:1.4}
.abr-fb-info small{display:block;color:#c5c5c5;font-size:11px;font-weight:400;line-height:1.4}
.abr-fb-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;padding:0 2px 2px}
.abr-fb-actions a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:39px;padding:8px 10px;border-radius:6px;text-align:center;font-size:13px;font-weight:700;line-height:1.3;white-space:normal}
.abr-fb-view{background:#0866ff;border:1px solid #0866ff;color:#fff!important}
.abr-fb-view:hover{background:#0054d6;color:#fff!important}
.abr-fb-message{background:#202124;border:1px solid #404044;color:#fff!important}
.abr-fb-message:hover{background:#34363a;color:#fff!important}
/* Map */
.abr-footer-map{width:100%;min-width:0}
.abr-map-frame{width:100%;height:265px;background:#171717;border:1px solid #333;overflow:hidden}
.abr-map-frame iframe{display:block;width:100%;height:100%;margin:0;padding:0;border:0}
.abr-map-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:51px;margin-top:25px;padding:10px 14px;border:1px solid var(--abr-orange);border-radius:9px;background:transparent;color:var(--abr-orange)!important;font-size:15px;font-weight:800;text-align:center;line-height:1.4}
.abr-map-button:hover{background:var(--abr-orange);color:#fff!important}
/* Copyright */
.abr-footer-bottom{width:100%;border-top:2px solid var(--abr-orange);background:#050505}
.abr-footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:calc(100% - 60px);max-width:1920px;min-height:105px;margin:0 auto;padding:20px 0}
.abr-footer-bottom p{margin:0!important;color:#dedede;font-size:15px;line-height:1.6}
.abr-footer-bottom p a{color:var(--abr-orange)!important;font-weight:700}
.abr-footer-bottom p a:hover{color:#ffa35d!important}
.abr-payments{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px}
.abr-payments>span{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:60px;padding:0 9px;border-radius:5px;background:#fff;font-size:18px;font-weight:900;font-style:italic;line-height:1}
.abr-napas{color:#1c5497;letter-spacing:-1px}
.abr-cod{color:#c42a39;border:3px solid #c42a39}
.abr-visa{color:#17559e;letter-spacing:-1px}
.abr-payments .abr-mastercard{min-width:60px;padding:0 3px;background:transparent}
.abr-mastercard i{display:block;width:30px;height:30px;border-radius:50%;background:#ed001b}
.abr-mastercard i+i{margin-left:-10px;background:#f9a600;opacity:.9}
/* Wide desktop */
@media(min-width:1600px){.abr-footer-container{width:calc(100% - 120px);gap:42px}.abr-footer-bottom-inner{width:calc(100% - 120px)}.abr-footer-main{padding-top:55px;padding-bottom:55px}.abr-map-frame{height:285px}}
/* Laptop */
@media(min-width:1200px) and (max-width:1599px){.abr-footer-container{width:calc(100% - 40px);gap:22px;grid-template-columns:minmax(0,1.25fr) minmax(0,.68fr) minmax(0,1.48fr) minmax(0,1fr)}.abr-footer-contact{padding-right:18px}.abr-logo>span{font-size:29px}.abr-logo small{font-size:8px;letter-spacing:2.8px}.abr-contact-item{gap:11px;font-size:13px}.abr-footer-title{font-size:16px}.abr-footer-links li a{font-size:13px}.abr-fb-avatar{flex-basis:62px;width:62px;height:62px;font-size:24px}.abr-fb-info strong{font-size:13px}.abr-map-frame{height:235px}.abr-footer-bottom-inner{width:calc(100% - 40px)}}
/* Tablet: two columns */
@media(min-width:768px) and (max-width:1199px){.abr-footer-main{padding:38px 0}.abr-footer-container{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 28px}.abr-footer-contact{min-height:0;padding-right:20px}.abr-logo>span{font-size:34px}.abr-logo small{font-size:9px;letter-spacing:3px}.abr-footer-links{padding-left:12px}.abr-fb-cover{aspect-ratio:2.45/1}.abr-map-frame{height:260px}.abr-footer-bottom-inner{width:calc(100% - 40px)}}
/* Mobile */
@media(max-width:767px){.abr-footer-main{padding:32px 0 38px}.abr-footer-container{width:calc(100% - 30px);display:grid;grid-template-columns:minmax(0,1fr);gap:34px}.abr-footer-contact{padding:0;border-right:0;min-height:0}.abr-logo{margin-bottom:24px}.abr-logo>span{font-size:clamp(29px,8vw,40px)}.abr-logo small{font-size:clamp(8px,2vw,11px);letter-spacing:clamp(2px,.75vw,4px)}.abr-contact-item{gap:12px;margin-bottom:14px;font-size:14px}.abr-contact-icon{flex-basis:40px;width:40px;height:40px;font-size:20px}.abr-contact-item strong{font-size:14px}.abr-search{height:52px;margin-top:20px}.abr-search input[type=search]{font-size:13px;padding-left:12px!important}.abr-search button[type=submit]{font-size:12px;padding:0 15px!important}.abr-footer-title{font-size:17px;margin-bottom:20px!important}.abr-footer-links li{margin-bottom:10px!important}.abr-footer-links li a{font-size:14px}.abr-fb-card{padding:8px}.abr-fb-avatar{flex-basis:65px;width:65px;height:65px;font-size:25px}.abr-fb-info strong{font-size:13px}.abr-fb-info small{font-size:10px}.abr-fb-actions a{font-size:12px;min-height:38px;padding:7px 5px}.abr-map-frame{height:270px}.abr-map-button{margin-top:16px;min-height:48px;font-size:14px}.abr-footer-bottom-inner{width:calc(100% - 30px);min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:23px 0}.abr-footer-bottom p{text-align:center;font-size:12px}.abr-payments{justify-content:center;gap:9px}.abr-payments>span{height:33px;min-width:52px;font-size:15px}.abr-mastercard i{width:26px;height:26px}}
/* Small mobile */
@media(max-width:380px){.abr-footer-container{width:calc(100% - 24px)}.abr-logo>span{font-size:28px}.abr-logo small{font-size:7px;letter-spacing:2.4px}.abr-contact-item{font-size:12px}.abr-search button[type=submit]{padding:0 10px!important;font-size:11px}.abr-fb-details{gap:9px;padding:10px 3px}.abr-fb-avatar{flex-basis:54px;width:54px;height:54px;font-size:20px}.abr-fb-info strong{font-size:12px}.abr-fb-info small{font-size:9px}.abr-fb-actions{gap:5px}.abr-fb-actions a{font-size:11px}.abr-map-frame{height:230px}}
/* If placed in a Flatsome full-width UX Block, remove surrounding column padding separately in UX Builder. */

/* AOBONGRO.VN - Footer refinement - append AFTER existing footer CSS */
/* Scoped to the custom UX footer to avoid altering other Flatsome sections. */

/* Top and bottom divider: full viewport width when footer sits in a constrained block */
.abr-footer {
  position: relative;
  border-top: 1px solid #ff6a00 !important;
  border-bottom: 0 !important;
  font-family: Arial, Helvetica, sans-serif;
}
.abr-footer-main { border-top: 0 !important; }
.abr-footer-bottom {
  border-top: 1px solid #ff6a00 !important;
  border-bottom: 0 !important;
}

/* Upright brand lettering; do not italicize nested logo text */
.abr-footer .abr-logo,
.abr-footer .abr-logo > span,
.abr-footer .abr-logo .abr-orange {
  font-style: normal !important;
  transform: none !important;
  text-transform: uppercase;
}
.abr-footer .abr-logo > span {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -1.1px;
  line-height: 1.12;
}
/* Keep the small tagline styled independently. */

/* Section title underline: thin and consistent */
.abr-footer .abr-footer-title::after {
  height: 3px !important;
  border-radius: 2px !important;
}

/* Consistent typeface for directions button (Flatsome overrides anchor typography) */
.abr-footer a.abr-map-button,
.abr-footer a.abr-map-button:link,
.abr-footer a.abr-map-button:visited {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Replace ONLY the location emoji with a clean SVG map-pin via CSS.
   The old emoji remains in the DOM but is visually hidden. */
.abr-footer .abr-contact-item:first-of-type > .abr-contact-icon {
  font-size: 0 !important;
  position: relative;
  background: #ff6a00 !important;
}
.abr-footer .abr-contact-item:first-of-type > .abr-contact-icon::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 10c0 5.2-8 11-8 11S4 15.2 4 10a8 8 0 1 1 16 0Z' fill='white'/%3E%3Ccircle cx='12' cy='10' r='3' fill='%23ff6a00'/%3E%3C/svg%3E");
}

/* Keep existing layout responsive */
@media (max-width: 849px) {
  .abr-footer a.abr-map-button { font-size: 14px !important; }
  .abr-footer .abr-logo > span { letter-spacing: -.7px; }
}


/* =========================================
   FOOTER - ĐƯỜNG CAM SIÊU MẢNH
   ========================================= */

/* Đường phía trên footer */
.abr-footer {
    border-top: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,106,0,.22) !important;
}

/* Đường ngăn phần chính và copyright */
.abr-footer-bottom {
    border-top: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,106,0,.22) !important;
}

/* Không thêm đường viền cho phần nội dung */
.abr-footer-main {
    border-top: 0 !important;
    border-bottom: 0 !important;
}


/* ========================================
   KHÔI PHỤC ĐƯỜNG CAM PHÍA TRÊN FOOTER
   MẢNH GIỐNG ĐƯỜNG PHÍA DƯỚI
======================================== */

.abr-footer {
    position: relative;
}

.abr-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 106, 0, 0.22);
    z-index: 2;
    pointer-events: none;
}

/* AVATAR FANPAGE - ẢNH TRÒN */

.abr-footer .abr-fb-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 78px;
    width: 78px;
    height: 78px;
    padding: 0;
    border: 3px solid #ff6a00;
    border-radius: 50%;
    background: #ff6a00;
    overflow: hidden;
}

.abr-footer .abr-fb-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

/* MOBILE */

@media (max-width: 549px) {
    .abr-footer .abr-fb-avatar {
        flex-basis: 62px;
        width: 62px;
        height: 62px;
    }
}