/* Taxi TP Đồng Nai Header V4 — adapted from giaodienmoi.zip (theme lifestyle-simple).
   Standalone, scoped, PHP CMS compatible. */
:root{--taxidn-h-green:#00a92e;--taxidn-h-dark:#103b24;--taxidn-h-lime:#d5ff7c}
.taxidn_header-utility{background:#123b2a;color:#fff;font-size:12px}
.taxidn_header-utility-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.taxidn_header-utility-phone{color:#e5ffcc;white-space:nowrap}
.taxidn_header{background:var(--taxidn-h-green);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 7px 18px rgba(6,50,22,.12)}
.taxidn_header-inner{min-height:88px;display:flex;align-items:center;gap:22px}
.taxidn_header-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:0 0 auto;color:#fff;max-width:350px}
.taxidn_header-brand:hover{color:#fff}
.taxidn_header-brand-image{width:65px;height:65px;object-fit:contain;border-radius:12px}
.taxidn_header-brand-mark{background:#fff;color:var(--taxidn-h-green);width:59px;height:59px;display:grid;place-items:center;position:relative;border-radius:15px;font-weight:950;font-size:36px;line-height:1;flex:none}
.taxidn_header-brand-mark span{position:absolute;right:3px;bottom:5px;color:#f5b829;font-size:13px}
.taxidn_header-brand-copy{display:grid;gap:1px;min-width:0}
.taxidn_header-brand-copy strong{font-size:clamp(18px,1.7vw,23px);font-weight:900;letter-spacing:-.6px;line-height:1.2;white-space:nowrap}
.taxidn_header-brand-copy small{font-size:12px;letter-spacing:1.1px;color:#e5ffe4;line-height:1.3}
.taxidn_header-desktop-nav{display:flex;align-items:center;gap:clamp(10px,1.65vw,26px);margin-left:auto;min-width:0}
.taxidn_header-nav-item{position:relative;flex:none}
.taxidn_header-nav-link{display:inline-flex;gap:7px;align-items:center;color:#fff;min-height:88px;font-size:14px;font-weight:750;white-space:nowrap;position:relative}
.taxidn_header-nav-link:hover,.taxidn_header-nav-item:focus-within .taxidn_header-nav-link{color:#fff4ba}
.taxidn_header-nav-link:after{content:"";position:absolute;bottom:21px;left:0;right:100%;height:2px;background:#e5ffbd;transition:right .2s}
.taxidn_header-nav-link:hover:after,.taxidn_header-nav-item:focus-within .taxidn_header-nav-link:after{right:0}
.taxidn_header-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.taxidn_header-dropdown{position:absolute;top:calc(100% - 6px);left:-14px;min-width:215px;padding:9px;background:#fff;color:#163e29;box-shadow:0 18px 50px #09271530;border-radius:12px;display:none;z-index:10}
.taxidn_header-nav-item:hover .taxidn_header-dropdown,.taxidn_header-nav-item:focus-within .taxidn_header-dropdown{display:grid}
.taxidn_header-dropdown a{display:block;padding:10px 12px;border-radius:7px;font-size:14px;font-weight:650}
.taxidn_header-dropdown a:hover,.taxidn_header-dropdown a:focus-visible{background:#e8f9e9;color:#08712f}
.taxidn_header-actions{display:flex;align-items:center;gap:11px;margin-left:0}
.taxidn_header-call{display:inline-flex;gap:8px;align-items:center;justify-content:center;color:#fff;white-space:nowrap;font-size:13px;font-weight:800}
.taxidn_header-call:hover{color:#fff4ba}
.taxidn_header-book{background:#fff;color:#08732c;font-size:14px;font-weight:850;border-radius:10px;min-height:45px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;box-shadow:0 6px 14px #003c1719;transition:transform .2s,background .2s}
.taxidn_header-book:hover{background:#eafbd5;transform:translateY(-1px)}
.taxidn_header-toggle{display:none;background:transparent;border:0;padding:10px 4px;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:46px;height:46px;color:#fff}
.taxidn_header-toggle span{width:29px;height:3px;background:currentColor;border-radius:8px;display:block}
.taxidn_header-backdrop{position:fixed;inset:0;background:rgba(4,24,12,.55);z-index:90}
.taxidn_header-backdrop[hidden]{display:none!important}
.taxidn_header-mobile{display:none;position:fixed;z-index:91;right:0;top:0;bottom:0;width:min(360px,89vw);background:#fff;color:#193a29;box-shadow:-14px 0 40px #09210f40;overflow-y:auto;overscroll-behavior:contain;transform:translateX(105%);transition:transform .25s ease;flex-direction:column}
.taxidn_header-mobile-heading{background:var(--taxidn-h-green);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:19px}
.taxidn_header-close{border:0;background:transparent;color:inherit;font-size:34px;line-height:1;padding:0 5px}
.taxidn_header-mobile-list{padding:11px 18px;flex:1}
.taxidn_header-mobile-item{border-bottom:1px solid #e6eee5}
.taxidn_header-mobile-parent{display:flex;align-items:center;justify-content:space-between;min-height:55px;gap:10px}
.taxidn_header-mobile-parent>a{flex:1;font-size:16px;font-weight:780;padding:13px 3px}
.taxidn_header-expand{border:0;background:#e8f8e7;color:#16783d;border-radius:7px;min-width:35px;min-height:35px;font-size:23px;line-height:1}
.taxidn_header-mobile-children{display:grid;padding:0 0 10px 13px}
.taxidn_header-mobile-children[hidden]{display:none}
.taxidn_header-mobile-children a{display:block;padding:10px 8px;font-size:14px;color:#476351}
.taxidn_header-mobile-bottom{border-top:1px solid #e2ebe4;display:grid;gap:12px;padding:20px}
.taxidn_header-mobile-book{background:var(--taxidn-h-green);color:#fff;text-align:center;padding:12px 16px;border-radius:10px;font-weight:850}
.taxidn_header-mobile-phone{text-align:center;color:#16783d;font-size:17px;font-weight:850}
body.taxidn_header-locked{overflow:hidden}
/* Isolation from legacy .taxidn_taxi-header rules; they are intentionally not used. */
@media(max-width:1320px){.taxidn_header-call span{display:none}.taxidn_header-brand-copy strong{font-size:19px}.taxidn_header-desktop-nav{gap:13px}}
@media(max-width:1120px){.taxidn_header-desktop-nav{display:none}.taxidn_header-actions{margin-left:auto}.taxidn_header-toggle{display:flex}.taxidn_header-mobile{display:flex}.taxidn_header-mobile.taxidn_header-open{transform:translateX(0)}}
@media(max-width:640px){.taxidn_header-inner{min-height:72px;gap:8px}.taxidn_header-brand{gap:9px}.taxidn_header-brand-image{width:50px;height:50px}.taxidn_header-brand-mark{width:48px;height:48px;font-size:29px}.taxidn_header-brand-copy strong{font-size:18px;white-space:normal}.taxidn_header-brand-copy small{font-size:10px;letter-spacing:.4px}.taxidn_header-utility-message{font-size:10px;max-width:55%;line-height:1.3}.taxidn_header-utility-phone{font-size:10px}.taxidn_header-call{display:none}.taxidn_header-book{display:none}.taxidn_header-toggle{width:42px}.taxidn_header-utility-inner{min-height:31px}}
@media(prefers-reduced-motion:reduce){.taxidn_header-mobile,.taxidn_header-book,.taxidn_header-nav-link:after{transition:none}}

/* V4.1: dropdown hai tầng (menu cấp 2 + menu cấp 3). */
.taxidn_header-nav-head,.taxidn_header-dropdown-head{display:flex;align-items:center;min-width:0}
.taxidn_header-nav-head .taxidn_header-nav-link{flex:1}
.taxidn_header-desktop-expand{display:inline-flex;justify-content:center;align-items:center;width:27px;height:34px;padding:0;background:transparent;border:0;color:inherit;cursor:pointer;flex:none}
.taxidn_header-desktop-expand:focus-visible,.taxidn_header-expand:focus-visible,.taxidn_header-toggle:focus-visible,.taxidn_header-close:focus-visible{outline:3px solid #f3d65a;outline-offset:3px}
.taxidn_header-dropdown{list-style:none;margin:0;display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(7px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.taxidn_header-nav-item:hover>.taxidn_header-dropdown,.taxidn_header-nav-item:focus-within>.taxidn_header-dropdown,.taxidn_header-dropdown-item:hover>.taxidn_header-dropdown,.taxidn_header-dropdown-item:focus-within>.taxidn_header-dropdown,.taxidn_header-has-children.taxidn_header-submenu-open>.taxidn_header-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.taxidn_header-dropdown-item{position:relative;list-style:none;margin:0;padding:0}
.taxidn_header-dropdown-head>a{flex:1;min-width:0}
.taxidn_header-dropdown-head>.taxidn_header-desktop-expand{color:#246039}
.taxidn_header-dropdown-head:hover,.taxidn_header-dropdown-head:focus-within{background:#e8f9e9;border-radius:7px}
.taxidn_header-dropdown-level2{left:calc(100% - 3px);top:-9px;width:max-content;min-width:215px;max-width:290px;z-index:11}
.taxidn_header-chevron-right{transform:rotate(-45deg);margin-right:5px}
.taxidn_header-toggle{position:relative;cursor:pointer;gap:5px;overflow:visible}
.taxidn_header-toggle .taxidn_header-toggle-line{transition:transform .22s,opacity .18s;width:26px;transform-origin:center}
.taxidn_header-toggle[aria-expanded="true"] .taxidn_header-toggle-line:nth-child(1){transform:translateY(8px) rotate(45deg)}
.taxidn_header-toggle[aria-expanded="true"] .taxidn_header-toggle-line:nth-child(2){opacity:0}
.taxidn_header-toggle[aria-expanded="true"] .taxidn_header-toggle-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.taxidn_header-toggle-caption{position:absolute;top:100%;font-size:10px;line-height:1.2;font-weight:700;white-space:nowrap}
.taxidn_header-close{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.16);cursor:pointer}
.taxidn_header-mobile-children{display:block;padding:0 0 8px 12px;border-left:2px solid #d9eee0;margin-left:10px}
.taxidn_header-mobile-children[hidden]{display:none!important}
.taxidn_header-mobile-item-level2{border-bottom:1px solid #ecf3ec}
.taxidn_header-mobile-item-level2>.taxidn_header-mobile-parent>a{font-size:14px;font-weight:700}
.taxidn_header-mobile-children-level3{padding-left:12px;margin-left:8px;border-left-color:#b7ddc5}
.taxidn_header-mobile-children-level3>a{font-size:13px;color:#466654}
.taxidn_header-expand{cursor:pointer;flex:none}
.taxidn_header-expand[aria-expanded="true"]{background:#d3efdb}
@media(max-width:1120px){.taxidn_header-toggle{display:flex}.taxidn_header-dropdown{display:none}}
@media(prefers-reduced-motion:reduce){.taxidn_header-dropdown,.taxidn_header-toggle .taxidn_header-toggle-line{transition:none}}
/* Avoid third-level popover escaping the viewport on rightmost desktop menus. */
.taxidn_header-nav-item:nth-last-child(-n+2) .taxidn_header-dropdown-level2{left:auto;right:calc(100% - 3px)}
@media(max-width:1120px){.taxidn_header-nav-item:nth-last-child(-n+2) .taxidn_header-dropdown-level2{left:auto;right:auto}}