/* ===== Destination / route page UI fixes ===== */

/* Compact action buttons: Call, WhatsApp, Get Estimate */
.route-detail-page .text-center.mt-4 .btn,
.route-detail-card .negiji-route-action-bar .btn,
.route-detail-card .item-content .btn,
.route-detail-card .ng-route-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    margin: 3px 2px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

/* Keep the three vehicle buttons on one neat row on desktop. */
.route-detail-card .item-content {
    padding: 13px !important;
}
.route-detail-card .item-content .btn {
    margin: 3px 1px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.route-detail-card .item-content .btn i {
    font-size: 10px !important;
}

/* Route CTA bar: compact, balanced buttons. */
.negiji-route-action-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
}
.negiji-route-action-bar a {
    margin: 0 !important;
}

/* Replace the old peach/orange route-stat boxes with the site's purple theme. */
.route-detail-stat {
    background: #FDF0FB !important;
    border: 1px solid #E9DCE7 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    box-shadow: 0 5px 16px rgba(58,18,54,.05) !important;
}
.route-detail-stat strong {
    color: #C210AA !important;
}
.route-detail-stat span {
    color: #3A1236 !important;
}

/* Destination listing cards should use compact route buttons too. */
.destination-index-page .ng-destination-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    background: #C210AA !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Mobile: stack only the main route CTA buttons; vehicle buttons remain compact. */
@media (max-width: 767px) {
    .route-detail-page .text-center.mt-4 .btn {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 11px !important;
        font-size: 10px !important;
    }
    .route-detail-card .item-content .btn {
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 7px !important;
        font-size: 9px !important;
    }
    .route-detail-card .item-content .btn i {
        font-size: 9px !important;
    }
    .negiji-route-action-bar {
        gap: 6px !important;
    }
    .negiji-route-action-bar .ng-route-cta {
        width: auto !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 11px !important;
    }
}

/* =========================================================
   NEGiji DESTINATION / ROUTE PAGE — reference layout
   ========================================================= */
.negiji-route-hero{padding:10px 0 14px;background:#fff}
.negiji-route-hero-grid{display:grid;grid-template-columns:34% 66%;gap:14px;align-items:stretch}
.negiji-route-visual{position:relative;min-height:286px;overflow:hidden;border-radius:0 0 12px 12px}
.negiji-route-visual img{width:100%;height:100%;min-height:286px;object-fit:cover;display:block}
.negiji-route-overlay{position:absolute;left:0;right:0;bottom:0;padding:70px 36px 34px;background:linear-gradient(transparent,rgba(40,10,38,.72))}
.negiji-route-overlay h1{margin:0 0 10px;color:#fff;font-family:'Playball',cursive;font-size:38px;line-height:1.05;font-weight:400}
.negiji-route-overlay p{display:inline-block;margin:0;background:#c210aa;color:#fff;border-radius:18px;padding:7px 15px;font-size:11px;font-weight:700}
.negiji-route-booking{border:1px solid #eee0f0;border-radius:15px;background:#fff;box-shadow:0 5px 22px rgba(58,18,54,.08);padding:15px 20px 12px}
.negiji-booking-title{display:flex;align-items:flex-start;gap:12px;margin:2px 0 5px}
.negiji-booking-title>i{color:#c210aa;font-size:28px;margin-top:2px}
.negiji-booking-title h2{font-size:21px;line-height:1.2;color:#2f1431;font-weight:800;margin:0 0 3px}
.negiji-booking-title span{font-size:11px;color:#65546a}
.negiji-route-booking .form_button{display:none}
.negiji-route-booking .booking-form{padding:7px 0 0!important}
.negiji-route-booking .form-group{margin-bottom:8px}
.negiji-route-booking label{display:block;color:#35203c;font-size:10px;font-weight:700;margin-bottom:5px}
.negiji-route-booking .form-control{height:39px;border:1px solid #ddd2e2;border-radius:8px;box-shadow:none;font-size:11px;color:#4c3c50;padding:8px 12px}
.negiji-route-booking .getbut{width:100%;height:38px;border:0;border-radius:7px;background:#c210aa!important;color:#fff;font-size:12px;font-weight:800;box-shadow:none}
.negiji-route-booking .mt-5{margin-top:0!important}
.negiji-route-booking .row{margin-left:-5px;margin-right:-5px}
.negiji-route-booking [class*="col-"]{padding-left:5px;padding-right:5px}

.negiji-route-why{padding:17px 0 21px;background:linear-gradient(90deg,#fff,#fdf8fd,#fff);border-top:1px solid #f3edf3;border-bottom:1px solid #f0e8f1}
.negiji-why-grid{display:grid;grid-template-columns:50% 50%;align-items:center}
.negiji-why-copy{padding-right:25px}
.negiji-eyebrow{display:inline-block;color:#c210aa;border-bottom:2px solid #c210aa;padding-bottom:7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.negiji-why-copy h2{font-size:20px;line-height:1.35;color:#32123a;margin:7px 0 7px;font-weight:800}
.negiji-why-copy h2 span{color:#8f0d80}
.negiji-why-copy p{font-size:11px;line-height:1.65;color:#62566a;margin:0;max-width:650px}
.negiji-why-features{display:grid;grid-template-columns:repeat(4,1fr)}
.negiji-why-features>div{text-align:center;padding:2px 9px;border-left:1px solid #eadfea}
.negiji-why-features i{display:block;color:#9f1490;font-size:27px;margin-bottom:7px}
.negiji-why-features strong{display:block;color:#352044;font-size:10px;line-height:1.25}
.negiji-why-features small{display:block;color:#352044;font-size:9px;line-height:1.25;margin-top:2px}
.negiji-route-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:-1px;padding-right:1px}
.negiji-route-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 18px;border-radius:6px;text-decoration:none!important;font-size:10px;font-weight:800}
.negiji-action-call{background:#a90091;color:#fff!important}
.negiji-action-wa{background:#21a85a;color:#fff!important}
.negiji-action-est{background:#fff;border:1px solid #c210aa;color:#9f0b8d!important}

.route-detail-page .section-style4:not(.padses){padding-top:22px!important;padding-bottom:18px!important}
.route-detail-page .section-style4 .pop h2{font-size:30px!important;color:#8e0b82!important;font-weight:800!important}
.route-detail-page .section-style4 .btm_bdr{background:#c210aa!important}
.route-detail-page .section-style4 .row{display:flex;flex-wrap:wrap}
.route-detail-page .section-style4 .row>.col-md-4{width:25%;float:none}
.route-detail-page .item-inner{height:100%;margin:0 5px 15px}
.route-detail-page .product-item-container{height:100%;border:1px solid #e8dce9;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(58,18,54,.07)}
.route-detail-page .product-item-container .image{height:104px;overflow:hidden}
.route-detail-page .product-item-container .image img{width:100%;height:100%;object-fit:cover}
.route-detail-page .item-content{padding:9px 9px 10px!important}
.route-detail-page .item-content h3{font-size:14px!important;color:#27143a!important;margin:0 0 3px!important;font-weight:800!important}
.route-detail-page .item-content p{font-size:10px!important;color:#62576a!important;margin:0 0 7px!important;line-height:1.35}
.route-detail-page .item-content p strong{display:block;color:#b20a99;font-size:18px!important;line-height:1.05;margin-top:5px}
.route-detail-page .item-content .btn{height:27px!important;min-height:27px!important;padding:0 7px!important;border-radius:5px!important;font-size:8px!important;margin:2px 1px!important}
.route-detail-page .item-content .btn i{font-size:8px!important}

.negiji-popular-destinations{background:#fcf2fc;border-top:1px solid #f0e2f0;border-bottom:1px solid #f0e2f0;padding:11px 0}
.negiji-popular-destinations .container{display:flex;align-items:center;gap:14px}
.negiji-popular-label{display:flex;align-items:center;gap:8px;min-width:220px;color:#4a1a51;font-size:14px}
.negiji-popular-label i{color:#c210aa;font-size:25px}
.negiji-dest-links{display:flex;flex:1;gap:0}
.negiji-dest-links a{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 12px;border-right:1px solid #eadfea;color:#3f2850;text-decoration:none!important;font-size:10px;font-weight:700}
.negiji-dest-links a i{color:#a30b91}
.negiji-all-dest{background:#c210aa;color:#fff!important;text-decoration:none!important;padding:9px 14px;border-radius:6px;font-size:9px;font-weight:800;white-space:nowrap}
.route-detail-media-wrap{display:none!important}
.route-detail-content{padding-top:30px!important}
.route-detail-content .route-detail-card{border-radius:14px}

@media(max-width:991px){
 .negiji-route-hero-grid{grid-template-columns:1fr}
 .negiji-route-visual{min-height:230px}
 .negiji-route-visual img{min-height:230px}
 .negiji-why-grid{grid-template-columns:1fr}
 .negiji-why-copy{padding-right:0;margin-bottom:15px}
 .negiji-route-actions{justify-content:center;margin-top:12px}
 .route-detail-page .section-style4 .row>.col-md-4{width:50%}
 .negiji-popular-destinations .container{flex-wrap:wrap}
 .negiji-popular-label{min-width:100%}
 .negiji-dest-links{width:100%}
}
@media(max-width:600px){
 .negiji-route-hero{padding:0 0 10px}
 .negiji-route-overlay{padding:55px 18px 18px}
 .negiji-route-overlay h1{font-size:30px}
 .negiji-route-booking{border-radius:10px;padding:13px 12px}
 .negiji-booking-title h2{font-size:17px}
 .negiji-route-booking .col-xs-6{width:50%}
 .negiji-route-booking .form-control{height:38px}
 .negiji-why-copy h2{font-size:18px}
 .negiji-why-features{grid-template-columns:repeat(2,1fr);gap:10px}
 .negiji-why-features>div{border-left:0;border-right:1px solid #eadfea}
 .negiji-route-actions{gap:6px}
 .negiji-route-actions a{padding:0 11px;font-size:9px}
 .route-detail-page .section-style4 .row>.col-md-4{width:50%}
 .route-detail-page .item-content .btn{padding:0 5px!important;font-size:7px!important}
 .negiji-dest-links{overflow:auto}
 .negiji-dest-links a{min-width:105px}
 .negiji-all-dest{margin-left:auto}
}

.route-detail-page .breadcrumbs,.route-detail-page .module-search2{display:none!important}
.negiji-fallback-vehicles{padding:22px 0 12px;background:#fff}
.negiji-fallback-vehicles .pop{text-align:center;margin-bottom:16px}
.negiji-fallback-vehicles .pop h2{font-size:30px;color:#8e0b82;font-weight:800;margin:0 0 7px}
.negiji-fallback-vehicles .btm_bdr{margin:0 auto;background:#c210aa}
.negiji-vehicle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.negiji-vehicle-grid>div{border:1px solid #e8dce9;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(58,18,54,.07);padding-bottom:9px}
.negiji-vehicle-grid img{width:100%;height:105px;object-fit:cover;display:block}
.negiji-vehicle-grid h3{font-size:14px;color:#27143a;margin:9px 10px 3px;font-weight:800}
.negiji-vehicle-grid p{font-size:10px;color:#62576a;margin:0 10px 5px;min-height:28px}
.negiji-vehicle-grid>div>strong{display:block;color:#b20a99;font-size:18px;line-height:1.05;margin:0 10px 7px}
.negiji-vehicle-grid>div>strong small{font-size:8px;color:#b20a99;font-weight:600;margin-left:2px}
.negiji-vehicle-grid>div>div{display:flex;gap:3px;padding:0 7px}
.negiji-vehicle-grid a{flex:1;display:flex;align-items:center;justify-content:center;height:27px;border-radius:5px;background:#a90091;color:#fff!important;text-decoration:none!important;font-size:8px;font-weight:800}
.negiji-vehicle-grid a:nth-child(2){background:#21a85a}
.negiji-vehicle-grid a:nth-child(3){background:#fff;color:#a90091!important;border:1px solid #c210aa}
@media(max-width:991px){.negiji-vehicle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.negiji-vehicle-grid{grid-template-columns:repeat(2,1fr);gap:8px}.negiji-vehicle-grid img{height:85px}.negiji-vehicle-grid h3{font-size:12px}.negiji-vehicle-grid p{font-size:9px}.negiji-vehicle-grid>div>strong{font-size:16px}.negiji-vehicle-grid a{font-size:7px}}


/* =========================================================
   HOMEPAGE CAR IMAGE + MOBILE HEADER FIXES
   ========================================================= */
.ng-hero-visual{padding:0!important;border-radius:20px!important;overflow:hidden!important;background:transparent!important;box-shadow:0 25px 60px rgba(0,0,0,.28)!important}
.ng-hero-visual img{height:370px!important;object-fit:cover!important;border-radius:20px!important}
.ng-image-actions.ng-hero-actions-below{position:static!important;margin:14px 0 0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
.ng-image-actions.ng-hero-actions-below a{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:9px!important;padding:11px 8px!important;font-size:11px!important}
.ng-swift-feature{background:#fff!important}
.ng-swift-feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center}
.ng-swift-feature-image{border-radius:20px;overflow:hidden;box-shadow:0 16px 35px rgba(58,18,54,.10)}
.ng-swift-feature-image img{display:block;width:100%;height:330px;object-fit:cover}
.ng-swift-feature-copy>span{display:inline-block;color:var(--ng-primary);font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.ng-swift-feature-copy h2{font-size:34px;line-height:1.2;color:var(--ng-dark);margin:7px 0 14px;font-weight:800}
.ng-swift-feature-copy p{font-size:14px;line-height:1.8;color:var(--ng-muted);margin:0 0 20px}
.ng-swift-feature-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ng-swift-feature-points>div{border:1px solid var(--ng-line);border-radius:12px;padding:13px 8px;text-align:center;background:var(--ng-soft)}
.ng-swift-feature-points i{display:block;color:var(--ng-primary);font-size:20px;margin-bottom:7px}
.ng-swift-feature-points strong{display:block;color:var(--ng-dark);font-size:10px;line-height:1.3}

@media(max-width:991px){
 body,#wrapper{overflow-x:hidden!important}
 header.typeheader-1 .header-top{display:block!important;padding-bottom:8px!important}
 header.typeheader-1 .header-top .container{width:100%!important}
 header.typeheader-1 .header-top .row{display:flex!important;align-items:center!important;margin:0!important}
 header.typeheader-1 .header-logo{width:auto!important;flex:1 1 auto!important;float:none!important;padding-left:15px!important}
 header.typeheader-1 .header-menu{float:none!important;margin-left:auto!important;position:static!important;width:auto!important}
 header.typeheader-1 .book{display:none!important}
 header.typeheader-1 .navbar-logo img{max-width:180px;height:auto}
 header.typeheader-1 .megamenu-style-dev .navbar-default .horizontal .navbar-toggle{float:none!important;margin:0!important;display:block!important}
 .megamenu-style-dev .responsive .megamenu-wrapper{width:min(320px,calc(100vw - 20px))!important;max-width:100vw!important;padding:14px!important;overflow-y:auto!important}
 .megamenu-style-dev .responsive .megamenu-wrapper .container{width:100%!important;padding:0!important}
 .megamenu-style-dev .responsive ul.megamenu{width:100%!important;margin:0!important}
 .megamenu-style-dev .responsive ul.megamenu>li{width:100%!important;float:none!important;display:block!important}
 .megamenu-style-dev .responsive ul.megamenu>li>a{display:block!important;width:100%!important;white-space:normal!important}
 .megamenu-style-dev .responsive #remove-megamenu{display:none}
 .megamenu-style-dev .responsive .so-megamenu-active #remove-megamenu{display:block!important}
 .ng-swift-feature-grid{grid-template-columns:1fr;gap:24px}
 .ng-swift-feature-image img{height:300px}
}
@media(max-width:767px){
 header.typeheader-1 .navbar-logo img{max-width:150px}
 .ng-hero-home{padding:42px 0 58px!important}
 .ng-hero-copy{padding-right:0!important}
 .ng-hero-copy h1{font-size:33px!important}
 .ng-hero-visual{margin-top:24px!important}
 .ng-hero-visual img{height:auto!important;aspect-ratio:2.4/1!important;object-fit:cover!important}
 .ng-image-actions.ng-hero-actions-below{grid-template-columns:1fr!important;margin-top:10px!important}
 .ng-image-actions.ng-hero-actions-below a{min-height:42px!important}
 .ng-swift-feature-copy h2{font-size:27px}
 .ng-swift-feature-copy p{font-size:13px}
 .ng-swift-feature-points{grid-template-columns:1fr 1fr 1fr;gap:6px}
 .ng-swift-feature-points>div{padding:10px 5px}
 .ng-swift-feature-points strong{font-size:9px}
}
@media(max-width:420px){
 header.typeheader-1 .navbar-logo img{max-width:132px}
 .ng-hero-copy h1{font-size:29px!important}
 .ng-swift-feature-points{grid-template-columns:1fr}
}


/* =========================================================
   FINAL MOBILE MENU + SITEWIDE CAR IMAGE FIX
   ========================================================= */
@media (max-width: 991px) {
  .typeheader-1 .header-menu { position: relative !important; z-index: 1000000 !important; }
  .typeheader-1 .header-menu .navbar-toggle {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 44px !important;
    height: 40px !important;
    padding: 8px 7px !important;
    margin: 0 !important;
  }
  .typeheader-1 .header-menu .navbar-header { display: block !important; }
  .typeheader-1 .header-menu .megamenu-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(340px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 18px 16px 30px !important;
    background: #fff !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 2147483000 !important;
    visibility: hidden !important;
    transform: translate3d(-105%,0,0) !important;
    -webkit-transform: translate3d(-105%,0,0) !important;
    transition: transform .25s ease, visibility .25s ease !important;
    -webkit-transition: -webkit-transform .25s ease, visibility .25s ease !important;
    box-shadow: 8px 0 30px rgba(0,0,0,.18) !important;
  }
  .typeheader-1 .header-menu .megamenu-wrapper.so-megamenu-active {
    visibility: visible !important;
    transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
  }
  .typeheader-1 .header-menu .megamenu-wrapper .megamenu-pattern,
  .typeheader-1 .header-menu .megamenu-wrapper .container {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .typeheader-1 .header-menu .megamenu-wrapper ul.megamenu {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
  }
  .typeheader-1 .header-menu .megamenu-wrapper ul.megamenu > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    overflow: visible !important;
    border-bottom: 1px solid #ececec !important;
    padding: 0 !important;
  }
  .typeheader-1 .header-menu .megamenu-wrapper ul.megamenu > li > a {
    display: flex !important;
    align-items: center !important;
    min-height: 46px !important;
    width: 100% !important;
    padding: 9px 4px !important;
    color: #222 !important;
    background: transparent !important;
    font-size: 14px !important;
    line-height: 28px !important;
    text-decoration: none !important;
  }
  .typeheader-1 .header-menu .megamenu-wrapper ul.megamenu > li > a strong {
    font-weight: 600 !important;
  }
  .typeheader-1 .header-menu .megamenu-wrapper .close-menu {
    display: none !important;
  }
  .typeheader-1 .header-menu .megamenu-wrapper #remove-megamenu {
    display: block !important;
    position: sticky !important;
    top: 0 !important;
    margin: -18px -16px 4px auto !important;
    padding: 10px 13px !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 24px !important;
    text-align: center !important;
    background: #fff !important;
    color: #222 !important;
    font-size: 18px !important;
    z-index: 2 !important;
  }
}
@media (min-width: 992px) {
  .typeheader-1 .header-menu .nav-extra { display: none !important; }
}

/* =========================================================
   FINAL DESTINATION PAGE FLEET + FOOTER NAVIGATION
   ========================================================= */
.route-fleet-section{background:var(--ng-soft)!important}
.route-fleet-section .ng-section-head{margin-bottom:22px}
.route-fleet-section .ng-car-card{height:100%!important;display:flex!important;flex-direction:column!important}
.route-fleet-section .ng-car-body{flex:1!important}
.route-fleet-section .ng-car-image img{display:block!important;width:100%!important;height:185px!important;object-fit:cover!important}
.route-fleet-section .ng-car-actions a{min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;line-height:1.1!important}
.route-detail-page .section-style4{display:none!important}
.destination-footer-grid{grid-template-columns:repeat(5,1fr)!important}
.destination-footer-card{height:145px!important}
@media(max-width:991px){
 .destination-footer-grid{grid-template-columns:repeat(2,1fr)!important}
 .route-fleet-section .ng-car-image img{height:180px!important}
}
@media(max-width:767px){
 .route-fleet-section{padding:45px 0!important}
 .route-fleet-section .ng-section-head{display:block!important}
 .route-fleet-section .ng-section-head>a{display:inline-block!important;margin-top:10px!important}
 .route-fleet-section .ng-car-image img{height:180px!important}
 .route-fleet-section .ng-car-actions{grid-template-columns:1fr!important}
 .route-fleet-section .ng-car-actions a{min-height:42px!important}
 .destination-footer-grid{grid-template-columns:1fr 1fr!important}
 .destination-footer-card{height:125px!important}
}