/* GDS 2026 Official Blue/White public website layer */
:root{--gds-blue:#0b4f8a;--gds-blue2:#083b69;--gds-sky:#eaf4fc;--gds-line:#cbddeb;--gds-text:#17324a;--gds-muted:#61788d;--gds-bg:#f4f8fb;--gds-green:#15803d}
body.gds-official{margin:0;background:var(--gds-bg)!important;color:var(--gds-text);font-family:Arial,sans-serif!important}
.gds-topbar{background:#07345c;color:#fff;padding:7px max(18px,calc((100% - 1180px)/2));font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.gds-public-header{background:#fff;border-bottom:1px solid var(--gds-line);box-shadow:0 4px 14px rgba(18,68,105,.08)}
.gds-head-inner{max-width:1180px;margin:auto;display:flex;align-items:center;gap:18px;padding:14px 18px}.gds-head-inner img{width:74px;height:74px;object-fit:contain}.gds-head-title{flex:1}.gds-head-title h1{margin:0;color:var(--gds-blue);font-size:28px;letter-spacing:.3px}.gds-head-title p{margin:4px 0 0;color:var(--gds-muted);font-size:13px}.gds-since{text-align:right;font-size:12px;color:var(--gds-blue);font-weight:700;line-height:1.6}
.gds-mainnav{background:var(--gds-blue);display:flex;justify-content:center;flex-wrap:wrap}.gds-mainnav a{color:#fff;text-decoration:none;padding:12px 12px;font-size:13px;font-weight:700;border-right:1px solid rgba(255,255,255,.12)}.gds-mainnav a:hover,.gds-mainnav a.active{background:#062e51}
.gds-pagebar{max-width:1180px;margin:18px auto 0;padding:0 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.gds-pagebar h2{margin:0;color:var(--gds-blue);font-size:21px}.gds-pagebar nav{background:none!important;box-shadow:none!important;border:0!important}.gds-pagebar nav a{color:var(--gds-blue)!important;padding:5px!important;background:none!important;text-decoration:none;font-size:13px}
.gds-wrap{max-width:1180px;margin:18px auto 36px;padding:0 18px}.gds-hero{min-height:330px;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(90deg,rgba(5,49,86,.94),rgba(11,79,138,.65)),url('images/car2.jpg') center/cover;display:flex;align-items:center;padding:38px;box-sizing:border-box;color:#fff}.gds-hero h2{font-size:38px;margin:0 0 10px;max-width:650px}.gds-hero p{font-size:17px;line-height:1.6;max-width:650px}.gds-btn{display:inline-block;background:#fff;color:var(--gds-blue);font-weight:700;text-decoration:none;padding:11px 17px;border-radius:5px;margin:6px 7px 0 0;border:1px solid #fff}.gds-btn.primary{background:#0b67ad;color:#fff;border-color:#77b9e7}.gds-section{background:#fff;border:1px solid var(--gds-line);border-radius:9px;padding:24px;margin-top:18px;box-shadow:0 4px 14px rgba(18,68,105,.05)}.gds-section h2,.gds-section h3{color:var(--gds-blue);margin-top:0}.gds-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.gds-card{display:block;background:#fff;border:1px solid var(--gds-line);border-radius:8px;padding:18px;text-decoration:none;color:var(--gds-text);box-shadow:0 3px 10px rgba(18,68,105,.05);transition:.18s}.gds-card:hover{transform:translateY(-2px);border-color:#7eb3da;box-shadow:0 8px 18px rgba(18,68,105,.11)}.gds-icon{width:42px;height:42px;border-radius:8px;background:var(--gds-sky);display:grid;place-items:center;font-size:22px;margin-bottom:10px}.gds-card strong{display:block;color:var(--gds-blue);margin-bottom:6px}.gds-card small{color:var(--gds-muted);line-height:1.4}.gds-notice{background:#fff8dc;border-left:4px solid #e0a400;padding:12px 14px;border-radius:5px}.gds-new{background:#d93025;color:#fff;font-size:10px;padding:3px 6px;border-radius:3px;font-weight:700}.gds-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gds-stat{text-align:center;padding:16px;background:var(--gds-sky);border-radius:8px}.gds-stat b{font-size:24px;color:var(--gds-blue);display:block}.gds-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gds-list{padding-left:20px;line-height:1.8}.gds-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gds-photo-grid img{width:100%;height:190px;object-fit:cover;border-radius:7px;border:1px solid var(--gds-line)}.gds-footer{background:#07345c;color:#eaf4fc;padding:28px 18px;text-align:center;font-size:13px;line-height:1.8}.gds-footer a{color:#fff}.gds-visitor{display:inline-block;background:#fff;color:var(--gds-blue);padding:4px 9px;border-radius:4px;font-weight:700}.gds-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gds-form input,.gds-form select,.gds-form textarea{box-sizing:border-box;width:100%;padding:11px;border:1px solid #b9cedd;border-radius:5px;font:inherit}.gds-form textarea,.gds-form .full{grid-column:1/-1}.gds-action{background:var(--gds-blue);color:#fff;border:0;border-radius:5px;padding:12px 18px;font-weight:700;cursor:pointer}.gds-safety{background:#eaf7ef;border-left:4px solid var(--gds-green);padding:16px;border-radius:6px;font-weight:700}.gds-watermark{position:relative}.gds-watermark:before{content:'GDS';position:fixed;z-index:-1;inset:45% auto auto 50%;transform:translate(-50%,-50%) rotate(-25deg);font-size:180px;font-weight:900;color:rgba(11,79,138,.025)}
@media(max-width:900px){.gds-grid{grid-template-columns:repeat(2,1fr)}.gds-stats,.gds-photo-grid{grid-template-columns:repeat(2,1fr)}.gds-two{grid-template-columns:1fr}.gds-head-title h1{font-size:22px}.gds-since{display:none}.gds-hero h2{font-size:30px}}
@media(max-width:560px){.gds-head-inner{padding:10px 12px}.gds-head-inner img{width:56px;height:56px}.gds-head-title h1{font-size:18px}.gds-head-title p{font-size:11px}.gds-mainnav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.gds-mainnav a{white-space:nowrap}.gds-grid,.gds-stats,.gds-photo-grid,.gds-form{grid-template-columns:1fr}.gds-form textarea,.gds-form .full{grid-column:auto}.gds-hero{min-height:300px;padding:24px}.gds-hero h2{font-size:27px}.gds-pagebar{align-items:flex-start;flex-direction:column}}

.gds-footer-visitors{margin-top:14px;font-size:14px;font-weight:700}.gds-footer-visitors .gds-visitor{margin-left:6px}

/* GDS Important Updates - continuous multi-colour ticker */
.gds-updates-section{overflow:hidden}
.gds-ticker{width:100%;overflow:hidden;background:#f7fbff;border:1px solid #c8ddea;border-radius:7px;padding:13px 0;white-space:nowrap;position:relative}
.gds-ticker-track{display:inline-flex;align-items:center;gap:42px;min-width:max-content;padding-left:100%;animation:gdsTickerMove 38s linear infinite;will-change:transform}
.gds-ticker:hover .gds-ticker-track{animation-play-state:paused}
.gds-ticker-item{font-weight:700;font-size:15px;padding:5px 2px}
.gds-ticker-item.holiday{color:#b42318}
.gds-ticker-item.training{color:#137333}
.gds-ticker-item.info{color:#075ea8}
.gds-ticker-item.safety{color:#b45309}
.gds-ticker-item .gds-new{margin-right:6px}
@keyframes gdsTickerMove{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (max-width:700px){.gds-ticker-track{animation-duration:30s}.gds-ticker-item{font-size:14px}}
@media (prefers-reduced-motion:reduce){.gds-ticker-track{animation:none;padding-left:12px;white-space:normal;flex-wrap:wrap}}

/* GDS role login dropdown */
.gds-login-menu{position:relative;display:flex;align-items:stretch}
.gds-login-btn{border:0;border-left:1px solid rgba(255,255,255,.16);background:#0b73b9;color:#fff;padding:0 17px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;min-height:42px}
.gds-login-btn:hover,.gds-login-menu.open .gds-login-btn{background:#062e51}
.gds-login-dropdown{display:none;position:absolute;right:0;top:100%;z-index:9999;min-width:190px;background:#fff;border:1px solid #cbddeb;border-radius:0 0 8px 8px;box-shadow:0 10px 25px rgba(0,45,85,.18);overflow:hidden}
.gds-login-menu.open .gds-login-dropdown{display:block}
.gds-mainnav .gds-login-dropdown a{display:block;color:#0b4f87!important;background:#fff!important;border:0!important;border-bottom:1px solid #e5eef5;padding:12px 15px;white-space:nowrap}
.gds-mainnav .gds-login-dropdown a:hover{background:#eaf4fb!important;color:#062e51!important}
@media(max-width:560px){.gds-login-menu{flex:0 0 auto}.gds-login-btn{white-space:nowrap}.gds-login-dropdown{position:fixed;right:12px;top:auto;margin-top:42px}}
/* ===== GDS LIVE DATE & TIME ===== */

.gds-live-datetime{
  color:#fff;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

@media(max-width:700px){
  .gds-live-datetime{
    width:100%;
    text-align:center;
    padding-top:3px;
  }
}
/* ===== GDS LIVE DATE & TIME ===== */
.gds-live-datetime{
  color:#fff;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

@media(max-width:700px){
  .gds-live-datetime{
    width:100%;
    text-align:center;
    padding-top:3px;
  }
}

/* GDS HOME HERO - LEFT MESSAGE + PHOTO + RIGHT MESSAGE */
.gds-hero-three{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(520px,2.2fr) minmax(220px,.85fr);gap:16px;align-items:stretch;margin-bottom:20px}
.gds-hero-three .gds-hero{margin:0;min-height:365px;height:100%}
.gds-hero-side{background:#fff;border:1px solid #c8dceb;border-radius:12px;padding:20px;box-shadow:0 4px 14px rgba(0,45,85,.08);color:#17344f}
.gds-hero-side h2{margin:0 -20px 15px;padding:14px 18px;background:#0d5d9e;color:#fff;font-size:21px;line-height:1.2}
.gds-hero-side h3{font-size:16px;color:#0d5d9e;margin:0 0 12px}
.gds-hero-side p{font-size:14px;line-height:1.45;margin:0 0 10px}
.gds-hero-side strong{display:block;margin-top:14px;padding:12px;background:#eaf5fd;border-radius:8px;color:#075693;text-align:center;line-height:1.4}
@media(max-width:1200px){.gds-hero-three{grid-template-columns:1fr 2fr}.gds-message-box{grid-column:1/-1}.gds-hero-three .gds-hero{min-height:330px}}
@media(max-width:760px){.gds-hero-three{grid-template-columns:1fr}.gds-message-box{grid-column:auto}.gds-hero-three .gds-hero{min-height:320px}.gds-about-box{order:2}.gds-message-box{order:3}.gds-hero-three .gds-hero{order:1}}

/* GDS Traffic Rules photo + message */
.gds-traffic-feature{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:24px;align-items:stretch}
.gds-traffic-photo,.gds-traffic-message{background:#fff;border:1px solid #d8e4f2;border-radius:16px;box-shadow:0 8px 24px rgba(15,62,110,.08);overflow:hidden}
.gds-traffic-photo{display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(180deg,#f7fbff,#edf6ff)}
.gds-traffic-photo img{width:100%;max-height:430px;object-fit:contain;display:block}
.gds-traffic-message{padding:26px}
.gds-traffic-message h2{margin:0 0 14px;color:#0b4f91}
.gds-traffic-message p{margin:0 0 12px;line-height:1.65;color:#26384a}
.gds-traffic-message strong{color:#073b6f}
.gds-traffic-signoff{margin-top:16px;padding-top:14px;border-top:1px solid #dbe6f1;font-weight:800;color:#0b4f91}
@media(max-width:800px){.gds-traffic-feature{grid-template-columns:1fr}.gds-traffic-message{padding:20px}}

/* ===== GDS 2026 PROFESSIONAL REFRESH ===== */
:root{--gds-navy:#083b66;--gds-blue:#0b5f9f;--gds-sky:#eef6fc;--gds-line:#d8e5ef;--gds-text:#17324a;--gds-muted:#60758a;--gds-green:#198754}
body.gds-official{background:linear-gradient(180deg,#f7fafc 0,#eef4f8 100%);color:var(--gds-text)}
.gds-topbar{background:#062f52;color:#eaf5ff;padding:8px max(18px,calc((100% - 1180px)/2));font-size:12px;letter-spacing:.1px;box-shadow:0 1px 0 rgba(255,255,255,.08) inset}
.gds-public-header{background:rgba(255,255,255,.98);box-shadow:0 4px 18px rgba(8,59,102,.08);position:relative;z-index:50}
.gds-head-inner{max-width:1180px;margin:auto;padding:16px 18px;gap:16px}.gds-head-inner img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(8,59,102,.14))}
.gds-head-title h1{font-size:30px;font-weight:900;letter-spacing:.2px}.gds-head-title p{font-size:13px;color:#64788b;font-weight:600}.gds-since{background:#eef6fc;border:1px solid #d4e6f3;border-radius:10px;padding:9px 12px;line-height:1.45}
.gds-mainnav{background:linear-gradient(90deg,#07385f,#0b5f9f);box-shadow:0 3px 10px rgba(6,47,82,.16)}.gds-mainnav a{padding:13px 13px;transition:.18s}.gds-mainnav a:hover,.gds-mainnav a.active{background:rgba(255,255,255,.13)}
.gds-pagebar{margin-top:22px}.gds-pagebar h2{font-size:22px;font-weight:850}
.gds-wrap{margin-top:16px}.gds-hero-three{gap:18px}.gds-hero-three .gds-hero{border-radius:16px;box-shadow:0 12px 30px rgba(8,59,102,.18);background:linear-gradient(90deg,rgba(4,38,67,.93),rgba(9,91,151,.55)),url('images/car2.jpg') center/cover}.gds-hero h2{font-size:40px;line-height:1.08}.gds-hero p{color:#edf7ff}.gds-btn{border-radius:8px;padding:12px 18px;box-shadow:0 3px 10px rgba(0,0,0,.1)}
.gds-hero-side{border-radius:16px;border-color:#d7e6f1;box-shadow:0 8px 24px rgba(8,59,102,.07)}.gds-hero-side h2{background:linear-gradient(90deg,#0a4c80,#0d6bab);font-size:19px}.gds-hero-side strong{border:1px solid #d5e9f7}
.gds-section{border-radius:14px;border-color:#dbe7ef;box-shadow:0 7px 22px rgba(8,59,102,.055);padding:26px}.gds-section>h2{font-size:21px;border-bottom:1px solid #e4edf4;padding-bottom:12px;margin-bottom:18px}
.gds-grid{gap:15px}.gds-card{border-radius:12px;padding:19px;border-color:#dce8f0;box-shadow:0 4px 14px rgba(8,59,102,.055)}.gds-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(8,59,102,.12)}.gds-icon{border-radius:11px;background:linear-gradient(145deg,#e7f4fd,#f6fbff);border:1px solid #d4e9f7}.gds-card strong{font-size:15px}
.gds-stats{gap:14px}.gds-stat{background:linear-gradient(180deg,#f5fbff,#eaf5fc);border:1px solid #d8eaf5;border-radius:12px}.gds-stat b{font-size:23px}
.gds-photo-grid{gap:14px}.gds-photo-grid img{height:205px;border-radius:12px;box-shadow:0 5px 15px rgba(8,59,102,.09)}
.gds-safety{border-radius:10px;background:#edf9f1;border:1px solid #d0ead8;border-left:5px solid var(--gds-green);line-height:1.6}
.gds-ticker{border-radius:10px;background:#f8fcff}.gds-footer{background:linear-gradient(135deg,#062f52,#084b7e);padding:34px 18px;border-top:4px solid #0c70b8}
.gds-form input,.gds-form select,.gds-form textarea{border-radius:8px;background:#fbfdff;min-height:44px}.gds-form input:focus,.gds-form select:focus,.gds-form textarea:focus{outline:2px solid rgba(11,95,159,.16);border-color:#4d94c6}.gds-action{border-radius:8px;background:linear-gradient(90deg,#0a4d82,#0b67ad);box-shadow:0 4px 12px rgba(8,59,102,.16)}
@media(max-width:760px){.gds-topbar{justify-content:center;text-align:center;gap:4px}.gds-head-inner{padding:12px}.gds-head-inner img{width:58px;height:58px}.gds-head-title h1{font-size:19px}.gds-hero h2{font-size:29px}.gds-section{padding:19px}.gds-photo-grid img{height:220px}}

/* GDS staff menu exact fix */
.gds-public-header,.gds-mainnav,.gds-login-menu{overflow:visible!important}
.gds-login-menu{position:relative!important}
.gds-login-dropdown.gds-staff-dropdown{
  max-height:calc(100vh - 80px)!important;
  overflow-y:auto!important;
  border-radius:8px!important;
  box-shadow:0 12px 30px rgba(0,45,85,.24)!important;
}
.gds-login-dropdown.gds-staff-dropdown a{
  display:block!important;
  padding:12px 15px!important;
  background:#fff!important;
  color:#0b4f87!important;
  border-bottom:1px solid #e5eef5!important;
  text-decoration:none!important;
}

@media(max-width:760px){.gds-hero-three{display:flex!important;flex-direction:column!important}.gds-about-box{order:1!important}.gds-hero-three .gds-hero{order:2!important}.gds-message-box{order:3!important}}