/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

/* ====================================================================
   DATSAN BADMINTON — rebrand theme (header + footer khớp mẫu)
   ==================================================================== */
:root{--ds-g1:#16a34a;--ds-g2:#15803d;--ds-g3:#22c55e;--ds-dark:#0b3d2e;--ds-darker:#072a20;
  --ds-gold:#f5c518;--ds-ink:#0f172a;--ds-line:#e6eaf0}

/* Bỏ banner bầu trời mặc định */
.site-banner{display:none !important}

/* ====================================================================
   1) THANH TRÊN CÙNG (liên hệ + mạng xã hội)
   ==================================================================== */
.ds-topbar{background:var(--ds-darker);color:#cfe8dd;font-size:13px}
.ds-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;flex-wrap:wrap}
.ds-topbar__contact{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ds-topbar__contact span{display:inline-flex;align-items:center;gap:7px;color:#cfe8dd}
.ds-topbar__contact em{color:var(--ds-g3)}
.ds-topbar__contact a{color:#cfe8dd}
.ds-topbar__contact a:hover{color:#fff}
.ds-topbar__social{display:flex;align-items:center;gap:8px}
.ds-topbar__social>a{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.1);color:#e7f6ef;font-size:14px;transition:.18s}
.ds-topbar__social>a:hover{background:var(--ds-g2);color:#fff;transform:translateY(-1px)}
.ds-topbar__cart{position:relative}
.ds-topbar__cart b{position:absolute;top:-5px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;
  background:var(--ds-gold);color:#3b2a00;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--ds-darker)}
@media(max-width:768px){.ds-topbar__addr{display:none}}
@media(max-width:560px){.ds-topbar__contact{gap:14px}.ds-topbar__contact span:nth-child(2){display:none}}

/* ====================================================================
   2) THANH CHÍNH (logo + menu + nút CTA) — trắng, dính trên
   ==================================================================== */
.ds-mainbar{background:#fff !important;border-bottom:1px solid var(--ds-line);position:sticky;top:0;z-index:1000;
  box-shadow:0 2px 16px -12px rgba(0,0,0,.35)}
.ds-mainbar__inner{display:flex;align-items:center;gap:18px;min-height:76px;position:relative}
.ds-logo{flex-shrink:0}
.ds-logo img{max-height:52px;width:auto;display:block}
.ds-mainmenu{flex:1;min-width:0}
.ds-mainbar__cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ds-btn{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px;padding:11px 19px;border-radius:999px;
  white-space:nowrap;transition:.16s;line-height:1}
.ds-btn--book{background:var(--ds-gold);color:#3b2a00 !important;box-shadow:0 9px 20px -9px rgba(245,197,24,.85)}
.ds-btn--book:hover{filter:brightness(1.05);transform:translateY(-1px);color:#3b2a00 !important}
.ds-btn--lookup{background:#fff;color:var(--ds-g2) !important;border:1.6px solid #d6e6dd}
.ds-btn--lookup:hover{border-color:var(--ds-g2);background:#f0fdf4;color:var(--ds-g2) !important}

/* Menu (bootstrap navbar) -> inline nền trắng, chữ xanh.
   PHẢI kèm .navbar-default trong selector để THẮNG rule mặc định của theme
   (style.css đặt nền gradient xanh dương #428bca + chữ trắng cho .active/hover
   => chữ chìm). custom.css nạp SAU nên cùng độ đặc hiệu là mình thắng. */
#menusite .navbar,#menusite .navbar-default,#menusite .navbar-static-top{background:transparent !important;border:0 !important;
  margin:0;min-height:0;box-shadow:none !important;border-radius:0 !important}
#menusite .navbar-collapse{padding:0;border:0 !important;box-shadow:none !important}
#menusite .navbar-default .navbar-nav{display:flex;justify-content:center;gap:2px;float:none;margin:0}
#menusite .navbar-default .navbar-nav>li>a{color:var(--ds-ink) !important;font-weight:600;font-size:15px;padding:10px 14px;
  border-radius:9px;background:transparent !important;background-image:none !important;text-shadow:none !important}
#menusite .navbar-default .navbar-nav>li>a:hover,#menusite .navbar-default .navbar-nav>li>a:focus,
#menusite .navbar-default .navbar-nav>.active>a,#menusite .navbar-default .navbar-nav>.active>a:hover,#menusite .navbar-default .navbar-nav>.active>a:focus,
#menusite .navbar-default .navbar-nav>.open>a,#menusite .navbar-default .navbar-nav>.open>a:hover,#menusite .navbar-default .navbar-nav>.open>a:focus{
  color:var(--ds-g2) !important;background:#e9fbf0 !important;background-image:none !important}
#menusite .navbar-default .navbar-nav>li>a .fa-home{color:var(--ds-g2)}
#menusite .dropdown-menu{background:#fff !important;background-color:#fff !important;border:0 !important;border-radius:12px !important;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.4) !important;padding:8px}
#menusite .dropdown-menu>li{border:0 !important}
#menusite .dropdown-menu>li>a{border-radius:8px;padding:8px 14px;color:var(--ds-ink) !important;background-image:none !important}
#menusite .dropdown-menu>li>a:hover,#menusite .dropdown-menu>li>a:focus,#menusite .dropdown-menu>.active>a{background:#e9fbf0 !important;background-image:none !important;color:var(--ds-g2) !important}
#menusite .navbar-toggle{border-color:var(--ds-line);margin:0;padding:8px 10px}
#menusite .navbar-toggle .icon-bar{background:var(--ds-g2)}
@media(max-width:991px){
  .ds-mainbar__inner{flex-wrap:wrap;min-height:62px;padding-right:54px}
  .ds-mainmenu{order:3;flex-basis:100%}
  #menusite .navbar-header{float:none}
  #menusite .navbar-toggle{display:block;position:absolute;top:-50px;right:0}
  #menusite .navbar-collapse{border-top:1px solid var(--ds-line) !important;margin-top:6px}
  #menusite .navbar-default .navbar-nav{flex-direction:column}
  #menusite .navbar-default .navbar-nav>li>a{padding:11px 12px}
  .ds-mainbar__cta .ds-btn{padding:9px 13px;font-size:12.5px}
}
@media(max-width:480px){
  .ds-btn--lookup{display:none}
}

/* ====================================================================
   3) Thanh breadcrumb / tìm kiếm + override chung
   ==================================================================== */
.third-nav .bg{background:#f1f5f9 !important;border-radius:10px}
.current-time{color:#64748b}
.headerSearch .btn-info,.btn-info,.btn-primary{background:var(--ds-g2) !important;border-color:var(--ds-g2) !important}
.btn-info:hover,.btn-primary:hover{background:var(--ds-g1) !important;border-color:var(--ds-g1) !important}
.panel-primary>.panel-heading{background:var(--ds-g2) !important;border-color:var(--ds-g2) !important;color:#fff}
.panel-primary{border-color:#bbf7d0 !important}
.well{border-color:#e6eaf0}
a{color:var(--ds-g2)}
a:hover{color:var(--ds-g1)}

/* ====================================================================
   4) FOOTER — 4 cột + bản đồ, nền xanh đậm
   ==================================================================== */
#footer.section-footer-top{background:linear-gradient(180deg,#0b3d2e 0%,#072a20 100%) !important;color:#cfe8dd;
  padding:52px 0 0;margin-top:0;position:relative;overflow:hidden}
#footer.section-footer-top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--ds-g3),var(--ds-g1) 55%,var(--ds-dark))}
#footer .wraper,#footer .container{background:none !important;border:0 !important;box-shadow:none !important}

.ds-foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr 1.3fr;gap:30px}
.ds-foot h3{color:#fff;font-size:15px;font-weight:800;margin:0 0 17px;padding-bottom:10px;position:relative}
.ds-foot h3:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;border-radius:3px;background:var(--ds-g3)}
.ds-foot a{color:#cfe8dd;transition:.15s}
.ds-foot a:hover{color:#fff}

.ds-foot-logo{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ds-foot-logo img{width:52px;height:52px;background:#fff;border-radius:13px;padding:6px;box-shadow:0 10px 22px -12px rgba(0,0,0,.6)}
.ds-foot-logo strong{display:block;color:#fff;font-size:17px;font-weight:800}
.ds-foot-logo span{color:#8fcfb4;font-size:12px}
.ds-foot-desc{font-size:13.5px;line-height:1.7;color:#bfe0d2;margin:0 0 15px;max-width:330px}
.ds-foot-social{display:flex;gap:9px}
.ds-foot-social a{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.09);color:#e7f6ef;font-size:15px;transition:.18s}
.ds-foot-social a:hover{background:var(--ds-g2);color:#fff;transform:translateY(-2px)}

.ds-foot-links{list-style:none;padding:0;margin:0}
.ds-foot-links li{margin-bottom:11px}
.ds-foot-links a{display:inline-flex;align-items:center;gap:8px;font-size:13.5px}
.ds-foot-links a:before{content:"\203A";color:var(--ds-g3);font-weight:800}
.ds-foot-links a:hover{padding-left:3px}

.ds-foot-contact{list-style:none;padding:0;margin:0 0 15px}
.ds-foot-contact li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;margin-bottom:12px;line-height:1.5}
.ds-foot-contact em{color:var(--ds-g3);width:16px;text-align:center;margin-top:3px}
.ds-foot-mapbtn{display:inline-flex;align-items:center;gap:7px;background:var(--ds-gold);color:#3b2a00 !important;
  font-weight:700;font-size:13px;padding:9px 16px;border-radius:999px}
.ds-foot-mapbtn:hover{filter:brightness(1.06);color:#3b2a00 !important}

.ds-foot-map{border-radius:14px;overflow:hidden;border:3px solid rgba(255,255,255,.1);height:100%;min-height:175px}
.ds-foot-map iframe{display:block;width:100%;height:100%;min-height:175px;border:0}

.ds-foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:42px;padding:16px 0;display:flex;align-items:center;
  justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#8fb3a4}
.ds-foot-bottom a{color:#cfe8dd}
.ds-foot-bottom a:hover{color:#fff}

@media(max-width:991px){
  .ds-foot{grid-template-columns:1fr 1fr;gap:28px}
  .ds-foot-brand{grid-column:1/-1}
  .ds-foot-map-col{grid-column:1/-1}
  .ds-foot-map iframe{min-height:220px}
}
@media(max-width:560px){
  .ds-foot{grid-template-columns:1fr}
  .ds-foot-bottom{justify-content:center;text-align:center}
}

/* ====================================================================
   5) Nút giỏ trong nội dung (giữ tương thích nếu còn dùng)
   ==================================================================== */
.section-header-bar .ds-head-cart{display:none}