@charset "UTF-8";
/*
 * BusRentalDubai Places design system — compatibility build.
 * Supports both the original .brd-* static-router markup and the newer .brdp-* markup.
 * Replace the existing places.css with this file.
 */

:root{
  --brd-navy:#001b4f;
  --brd-blue:#0b3fad;
  --brd-sky:#168bff;
  --brd-red:#d40f1f;
  --brd-orange:#f59e0b;
  --brd-ink:#10213b;
  --brd-muted:#53647b;
  --brd-soft:#f5f9ff;
  --brd-line:rgba(0,27,79,.14);
  --brd-shadow:0 18px 52px rgba(0,27,79,.10);
}

/* Prevent the static page's duplicate header/footer from appearing under the WordPress theme header/footer. */
body > .brd-site-header,
body > .brd-footer{
  display:none!important;
}

/* Root page shell — works with both markup generations. */
:is(.brd-place-page,.brdp-page){
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;
  float:none!important;
  clear:both!important;
  width:min(1440px,calc(100% - 48px))!important;
  max-width:1440px!important;
  min-width:0!important;
  margin:30px auto 64px!important;
  padding:26px clamp(16px,2.2vw,32px) 52px!important;
  overflow:visible!important;
  color:var(--brd-ink)!important;
  background:linear-gradient(180deg,#f4f9ff 0,#fff 30%,#f8fbff 100%)!important;
  border:1px solid rgba(0,27,79,.08)!important;
  border-radius:30px!important;
  box-shadow:0 10px 34px rgba(0,27,79,.06)!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-size:16px!important;
  line-height:1.7!important;
  isolation:isolate!important;
}

:is(.brd-place-page,.brdp-page),
:is(.brd-place-page,.brdp-page) *,
:is(.brd-place-page,.brdp-page) *::before,
:is(.brd-place-page,.brdp-page) *::after{
  box-sizing:border-box!important;
}

:is(.brd-place-page,.brdp-page) :where(section,article,figure,nav,div,ul,li,details){
  max-width:none;
}

:is(.brd-place-page,.brdp-page) img{
  display:block!important;
  max-width:100%!important;
  height:auto!important;
}

:is(.brd-place-page,.brdp-page) a{
  color:var(--brd-blue)!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}

:is(.brd-place-page,.brdp-page) a:hover{
  color:var(--brd-red)!important;
}

:is(.brd-place-page,.brdp-page) :is(h1,h2,h3){
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:0!important;
  color:var(--brd-navy)!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-weight:850!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
  text-align:left!important;
  text-transform:none!important;
}

:is(.brd-place-page,.brdp-page) h1{
  margin:14px 0 20px!important;
  font-size:clamp(38px,4.6vw,68px)!important;
}

:is(.brd-place-page,.brdp-page) h2{
  margin:8px 0 14px!important;
  font-size:clamp(27px,2.8vw,42px)!important;
}

:is(.brd-place-page,.brdp-page) h3{
  margin:0 0 10px!important;
  font-size:20px!important;
}

:is(.brd-place-page,.brdp-page) p{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0 0 16px!important;
  padding:0!important;
  color:var(--brd-muted)!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-size:16.5px!important;
  font-weight:400!important;
  line-height:1.76!important;
  text-align:left!important;
}

:is(.brd-lead,.brdp-lead){
  color:#33415e!important;
  font-size:clamp(18px,1.55vw,23px)!important;
  line-height:1.58!important;
}

/* Accessible skip link. */
.brd-skip{
  position:fixed!important;
  top:12px!important;
  left:12px!important;
  z-index:999999!important;
  transform:translateY(-160%)!important;
  padding:10px 14px!important;
  border-radius:10px!important;
  background:var(--brd-navy)!important;
  color:#fff!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.brd-skip:focus{transform:none!important}

/* Breadcrumb. */
:is(.brd-breadcrumb,.brdp-breadcrumb){
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  margin:0 0 20px!important;
  padding:10px 14px!important;
  border:1px solid var(--brd-line)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--brd-muted)!important;
  font-size:14px!important;
  line-height:1.5!important;
}
:is(.brd-breadcrumb,.brdp-breadcrumb) a{
  font-weight:800!important;
  text-decoration:none!important;
}

/* Shared panel treatment. */
:is(.brd-hero,.brdp-hero),
:is(.brd-section,.brdp-section),
:is(.brd-wide-media,.brdp-wide-media),
:is(.brd-final-cta,.brdp-final-cta),
.brdp-facts{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 26px!important;
  overflow:hidden!important;
  border:1px solid var(--brd-line)!important;
  box-shadow:var(--brd-shadow)!important;
}

:is(.brd-hero,.brdp-hero)::before,
:is(.brd-section,.brdp-section)::before,
:is(.brd-final-cta,.brdp-final-cta)::before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:0 0 auto 0!important;
  height:6px!important;
  background:linear-gradient(90deg,var(--brd-navy),var(--brd-sky),var(--brd-red),var(--brd-orange))!important;
}

/* Hero. */
:is(.brd-hero,.brdp-hero){
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  align-items:center!important;
  gap:30px!important;
  padding:44px!important;
  border-radius:36px!important;
  background:linear-gradient(135deg,#fff 0%,#eef6ff 100%)!important;
}

:is(.brd-hero-copy,.brdp-hero__copy){
  display:block!important;
  min-width:0!important;
}

:is(.brd-kicker,.brdp-kicker){
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  margin:0!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:#fff0f1!important;
  color:var(--brd-red)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
:is(.brd-kicker,.brdp-kicker)::before{
  content:""!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,var(--brd-sky),var(--brd-red))!important;
}

:is(.brd-actions,.brdp-actions){
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin:24px 0 0!important;
}

:is(.brd-btn,.brdp-button){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:50px!important;
  margin:0!important;
  padding:13px 22px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  box-shadow:0 8px 20px rgba(0,27,79,.10)!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
}
:is(.brd-primary,.brdp-button--primary){
  background:linear-gradient(135deg,var(--brd-navy),var(--brd-blue))!important;
  color:#fff!important;
}
:is(.brd-soft,.brdp-button--soft){
  border-color:var(--brd-line)!important;
  background:#fff!important;
  color:var(--brd-navy)!important;
}
:is(.brd-white,.brdp-button--white){
  background:#fff!important;
  color:var(--brd-navy)!important;
}

:is(.brd-hero-media,.brdp-hero__media){
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid var(--brd-line)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(0,27,79,.09)!important;
}

:is(.brd-hero-media,.brdp-hero__media) img,
:is(.brd-wide-media,.brdp-wide-media) img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  border-radius:18px!important;
  object-fit:cover!important;
}

:is(.brd-hero-media,.brdp-hero__media) figcaption,
:is(.brd-wide-media,.brdp-wide-media) figcaption{
  display:block!important;
  margin:0!important;
  padding:10px 4px 0!important;
  color:var(--brd-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
}

/* Main sections. */
:is(.brd-section,.brdp-section){
  display:block!important;
  padding:42px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,251,255,.96))!important;
}

:is(.brd-section-head,.brdp-section__head){
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 24px!important;
  padding:0!important;
  text-align:left!important;
}

:is(.brd-section-head,.brdp-section__head)>p,
:is(.brd-section,.brdp-section)>p{
  width:100%!important;
  max-width:1080px!important;
}

/* Cards. */
:is(.brd-card-grid,.brdp-grid){
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

:is(.brd-card,.brdp-card){
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:100%!important;
  margin:0!important;
  padding:24px!important;
  overflow:hidden!important;
  border:1px solid var(--brd-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 25px rgba(0,27,79,.07)!important;
}
:is(.brd-card,.brdp-card)::before,
:is(.brd-related-card,.brdp-related)::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:5px!important;
  background:linear-gradient(90deg,var(--brd-navy),var(--brd-sky),var(--brd-red))!important;
}
:is(.brd-card,.brdp-card) p{
  margin:0!important;
  font-size:15.5px!important;
  line-height:1.72!important;
}

/* Tables. */
:is(.brd-table-wrap,.brdp-table-wrap){
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow-x:auto!important;
  border:1px solid var(--brd-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(0,27,79,.05)!important;
  -webkit-overflow-scrolling:touch!important;
}
:is(.brd-table-wrap,.brdp-table-wrap) table{
  width:100%!important;
  min-width:720px!important;
  margin:0!important;
  border:0!important;
  border-collapse:collapse!important;
  background:#fff!important;
}
:is(.brd-table-wrap,.brdp-table-wrap) :is(th,td){
  padding:17px!important;
  border:0!important;
  border-bottom:1px solid #e6edf7!important;
  background:#fff!important;
  color:var(--brd-muted)!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  text-align:left!important;
  vertical-align:top!important;
}
:is(.brd-table-wrap,.brdp-table-wrap) thead th{
  background:linear-gradient(135deg,var(--brd-navy),var(--brd-blue))!important;
  color:#fff!important;
  font-weight:850!important;
}
:is(.brd-table-wrap,.brdp-table-wrap) tbody th{
  width:30%!important;
  color:var(--brd-navy)!important;
  font-weight:850!important;
}

/* Full-width supporting images. */
:is(.brd-wide-media,.brdp-wide-media){
  display:block!important;
  padding:14px!important;
  border-radius:28px!important;
  background:#fff!important;
}

/* Official-source note. */
:is(.brd-official,.brdp-official){
  display:block!important;
  width:100%!important;
  max-width:1100px!important;
  margin:22px 0 0!important;
  padding:17px 19px!important;
  border:1px solid rgba(245,158,11,.28)!important;
  border-left:5px solid var(--brd-orange)!important;
  border-radius:14px!important;
  background:#fff8e8!important;
  color:#4d3a12!important;
}

/* Checklist. */
:is(.brd-checklist,.brdp-checklist){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
:is(.brd-checklist,.brdp-checklist) li{
  position:relative!important;
  display:block!important;
  margin:0!important;
  padding:15px 16px 15px 48px!important;
  border:1px solid rgba(11,63,173,.11)!important;
  border-radius:14px!important;
  background:#f1f6ff!important;
  color:var(--brd-navy)!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.55!important;
  list-style:none!important;
}
:is(.brd-checklist,.brdp-checklist) li::before{
  content:"✓"!important;
  position:absolute!important;
  left:16px!important;
  top:14px!important;
  display:grid!important;
  place-items:center!important;
  width:23px!important;
  height:23px!important;
  border-radius:50%!important;
  background:var(--brd-blue)!important;
  color:#fff!important;
  font-size:13px!important;
}

/* Related links. */
:is(.brd-related-grid,.brdp-related-grid){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
}
:is(.brd-related-card,.brdp-related){
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  min-height:100%!important;
  margin:0!important;
  padding:23px!important;
  overflow:hidden!important;
  border:1px solid var(--brd-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  color:var(--brd-navy)!important;
  box-shadow:0 8px 24px rgba(0,27,79,.06)!important;
  text-decoration:none!important;
}
:is(.brd-related-card,.brdp-related) strong{
  color:var(--brd-navy)!important;
  font-size:18px!important;
  line-height:1.35!important;
}
:is(.brd-related-card,.brdp-related) span{
  color:var(--brd-muted)!important;
  font-size:14.5px!important;
  line-height:1.6!important;
}

/* FAQs. */
:is(.brd-faq-grid,.brdp-faq-grid){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:14px!important;
  width:100%!important;
}
:is(.brd-faq,.brdp-faq){
  display:block!important;
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--brd-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(0,27,79,.05)!important;
}
:is(.brd-faq,.brdp-faq) summary{
  position:relative!important;
  display:block!important;
  min-height:64px!important;
  margin:0!important;
  padding:19px 56px 19px 21px!important;
  color:var(--brd-navy)!important;
  cursor:pointer!important;
  font-size:16px!important;
  font-weight:850!important;
  line-height:1.45!important;
  list-style:none!important;
}
:is(.brd-faq,.brdp-faq) summary::-webkit-details-marker{display:none!important}
:is(.brd-faq,.brdp-faq) summary::after{
  content:"+"!important;
  position:absolute!important;
  right:18px!important;
  top:16px!important;
  display:grid!important;
  place-items:center!important;
  width:31px!important;
  height:31px!important;
  border-radius:50%!important;
  background:#eef4ff!important;
  color:var(--brd-blue)!important;
  font-size:21px!important;
  line-height:1!important;
}
:is(.brd-faq,.brdp-faq)[open] summary::after{content:"−"!important}
:is(.brd-faq,.brdp-faq)>div{
  display:block!important;
  margin:0!important;
  padding:0 21px 20px!important;
}
:is(.brd-faq,.brdp-faq) p{
  margin:0!important;
  font-size:15.5px!important;
  line-height:1.7!important;
}

/* Final CTA. */
:is(.brd-final-cta,.brdp-final-cta){
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:26px!important;
  padding:40px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,var(--brd-navy),var(--brd-blue))!important;
  color:#fff!important;
}
:is(.brd-final-cta,.brdp-final-cta) h2{color:#fff!important}
:is(.brd-final-cta,.brdp-final-cta) p{
  max-width:900px!important;
  color:#eaf1ff!important;
}
:is(.brd-final-cta,.brdp-final-cta) :is(.brd-kicker,.brdp-kicker){
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}

:is(.brd-place-page,.brdp-page) [id]{scroll-margin-top:150px!important}

@media (max-width:1180px){
  :is(.brd-hero,.brdp-hero){
    grid-template-columns:1fr!important;
  }
  :is(.brd-card-grid,.brdp-grid){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  :is(.brd-related-grid,.brdp-related-grid){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  :is(.brd-place-page,.brdp-page){
    width:calc(100% - 24px)!important;
    margin:18px auto 40px!important;
    padding:14px 12px 34px!important;
    border-radius:20px!important;
  }
  :is(.brd-hero,.brdp-hero),
  :is(.brd-section,.brdp-section){
    padding:28px 20px!important;
    border-radius:23px!important;
  }
  :is(.brd-card-grid,.brdp-grid),
  :is(.brd-related-grid,.brdp-related-grid),
  :is(.brd-faq-grid,.brdp-faq-grid),
  :is(.brd-checklist,.brdp-checklist){
    grid-template-columns:1fr!important;
  }
  :is(.brd-final-cta,.brdp-final-cta){
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:30px 20px!important;
  }
  :is(.brd-white,.brdp-button--white){width:100%!important}
  :is(.brd-table-wrap,.brdp-table-wrap) table{min-width:650px!important}
  :is(.brd-place-page,.brdp-page) h1{font-size:clamp(34px,11vw,48px)!important}
  :is(.brd-place-page,.brdp-page) h2{font-size:clamp(25px,8vw,34px)!important}
}

@media (prefers-reduced-motion:reduce){
  :is(.brd-place-page,.brdp-page),
  :is(.brd-place-page,.brdp-page) *,
  :is(.brd-place-page,.brdp-page) *::before,
  :is(.brd-place-page,.brdp-page) *::after{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}