/**
 * Gading Transwisata - Custom Theme Override
 * Warna utama: #138f30 (Hijau Gading)
 * Digunakan untuk override tema default template
 */

/* ========== Warna Dasar ========== */
a, 
a:focus, 
a:active {
    color: #138f30;
}

a:hover {
    color: #0a6b24;
}

.link-hover {
    color: #0a6b24;
}

.link-active {
    color: #0a6b24;
}

.text-primary {
    color: #138f30 !important;
}

.bg-primary {
    background-color: #138f30 !important;
}

/* ========== Buttons ========== */
.button-primary,
.button-primary:focus {
    color: #ffffff;
    background-color: #138f30;
    border-color: #138f30;
}

.button-primary:hover,
.button-primary:active {
    color: #ffffff;
    background-color: #0a6b24;
    border-color: #0a6b24;
}

.button-primary.button-ujarak::before {
    background: #0a6b24;
}

.button-primary.button-pipaluk,
.button-primary.button-pipaluk:focus {
    background: transparent;
}

.button-primary.button-pipaluk::before,
.button-primary.button-pipaluk:focus::before {
    background: #138f30;
    border-color: #0a6b24;
}

.button-primary.button-pipaluk::after,
.button-primary.button-pipaluk:focus::after {
    border-color: #0a6b24;
}

.button-primary.button-pipaluk:hover,
.button-primary.button-pipaluk:active {
    color: #0a6b24;
    background: transparent;
}

.button-secondary,
.button-secondary:focus {
    color: #ffffff;
    background-color: #138f30;
    border-color: #138f30;
}

.button-secondary:hover,
.button-secondary:active {
    color: #ffffff;
    background-color: #0a6b24;
    border-color: #0a6b24;
}

.button-secondary.button-ujarak::before {
    background: #0a6b24;
}

.button-secondary.button-pipaluk::before,
.button-secondary.button-pipaluk:focus::before {
    background: #138f30;
    border-color: #0a6b24;
}

.button-secondary.button-pipaluk::after,
.button-secondary.button-pipaluk:focus::after {
    border-color: #0a6b24;
}

.button-default-outline-2, 
.button-default-outline-2:focus {
    color: #138f30;
    background-color: transparent;
    border-color: #138f30;
}

.button-default-outline-2:hover, 
.button-default-outline-2:active {
    color: #ffffff;
    background-color: #138f30;
    border-color: #138f30;
}

.button-default-outline, 
.button-default-outline:focus {
    border-color: #138f30;
}

.button-default-outline:hover, 
.button-default-outline:active {
    background-color: #138f30;
    border-color: #138f30;
}

.button-black-outline, 
.button-black-outline:focus {
    color: #138f30;
    background-color: transparent;
    border-color: #138f30;
}

.button-black-outline:hover, 
.button-black-outline:active {
    color: #ffffff;
    background-color: #138f30;
    border-color: #138f30;
}

.button-white-outline:hover,
.button-white-outline:active {
    background-color: #138f30;
    border-color: #138f30;
}

.button-ujarak::before {
    background: #138f30;
}

.button-pipaluk::before {
    background: #138f30;
}

.button-pipaluk::after {
    border-color: #138f30;
}

.button-wapasha::before {
    border-color: #138f30;
}

.button-wapasha::after {
    border-color: #138f30;
}

.button-wapasha:hover::after {
    border-color: #0a6b24;
}

/* Logo Navbar Responsif */
.rd-navbar-brand .brand img {
    max-height: 45px;
    width: auto;
    display: block;
}

/* Mobile - ukuran lebih kecil */
@media (max-width: 768px) {
    .rd-navbar-brand .brand img {
        max-height: 35px;
    }
}

/* ========== Links & Navigation ========== */
.rd-navbar-static .rd-nav-link:hover {
    color: #138f30;
}

.rd-navbar-static .rd-nav-item.active .rd-nav-link {
    color: #138f30;
}

.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
.rd-navbar-static .rd-nav-item.opened .rd-nav-link {
    color: #138f30;
}

.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover {
    color: #138f30;
}

.rd-navbar-static .rd-navbar-search-toggle:hover {
    color: #138f30;
}

.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.focus .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
    background: #138f30;
}

.rd-navbar-fixed .rd-megamenu-list > li:hover > a,
.rd-navbar-fixed .rd-megamenu-list > li.focus > a,
.rd-navbar-fixed .rd-megamenu-list > li.active > a,
.rd-navbar-fixed .rd-navbar-dropdown > li:hover > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.focus > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.active > a {
    background: #138f30;
}

.rd-navbar-fixed .rd-navbar-search-toggle:hover {
    color: #138f30;
}

.rd-navbar-sidebar .rd-nav-link:hover {
    color: #138f30;
}

.rd-navbar-sidebar .rd-nav-item.active .rd-nav-link {
    color: #138f30;
}

.rd-navbar-corporate .rd-nav-link::before {
    background: #138f30;
}

/* ========== Lists & Markers ========== */
.list-marked-secondary > li::before {
    background: #138f30;
}

.list-marked-primary > li::before {
    background: #138f30;
}

.list-categories a:hover {
    color: #138f30;
}

.list-categories a.active {
    color: #138f30;
}

.list-categories a::before {
    background: #138f30;
}

/* ========== Box Icons & Cards ========== */
.box-icon-classic-icon {
    color: #138f30;
}

.box-icon-classic-title a:hover {
    color: #138f30;
}

.box-icon-classic:hover .box-icon-classic-icon::after {
    border-color: #138f30;
}

.box-icon-classic:hover .box-icon-classic-decor {
    border-color: #138f30;
}

.box-icon-classic:hover .box-icon-classic-decor:before {
    background: #138f30;
}

.box-icon-classic-3:hover .box-icon-classic-icon {
    color: #138f30;
}

.box-icon-modern-icon::after {
    border-color: transparent transparent #138f30 transparent;
}

.box-icon-modern-decor::after {
    background: #138f30;
}

.box-icon-modern-title a:hover {
    color: #138f30;
}

.box-icon-leah-icon {
    color: #138f30;
}

.box-icon-leah-count {
    color: #138f30;
}

.box-icon-leah-2:hover .box-icon-leah-count {
    color: #138f30;
}

.box-icon-ruby-icon {
    color: #138f30;
}

.box-icon-ruby:hover {
    border-color: #138f30;
}

.box-contacts-icon {
    color: #138f30;
}

.box-contacts-decor {
    background: #138f30;
}

.box-contacts-link a:hover {
    color: #138f30;
}

.box-pricing-list > li.active::before {
    color: #138f30;
}

.box-pricing-badge {
    background: #138f30;
}

.box-pricing .button:hover,
.box-pricing .button:active {
    background-color: #138f30;
    border-color: #138f30;
}

/* ========== Progress Bars ========== */
.progress-bar-linear {
    background: #138f30;
}

.progress-marker {
    background: #138f30;
}

.progress-secondary .progress-bar-linear {
    background: #138f30;
}

.progress-secondary .progress-marker {
    background: #138f30;
}

/* ========== Tabs ========== */
.tabs-line .nav-link::after {
    background: #138f30;
}

.tabs-line .nav-link.active,
.tabs-line .nav-link:hover {
    color: #138f30;
}

.tabs-line .nav-link.active::after {
    width: 100%;
}

.tabs-corporate .nav-link.active {
    border-bottom-color: #138f30;
}

.card-corporate .card-title a:hover {
    color: #138f30;
}

.card-corporate .card-arrow {
    border-color: #138f30;
}

/* ========== Quotes ========== */
.quote-classic-text::before {
    color: #138f30;
}

.quote-classic-cite {
    color: #138f30;
}

.quote-lisa-text::before,
.quote-lisa-text::after {
    color: #138f30;
}

.quote-lisa-status {
    color: #138f30;
}

.quote-minimal-text::before {
    color: #138f30;
}

.quote-nancy-quote::before {
    color: #138f30;
}

/* ========== Swiper/Slider ========== */
.swiper-pagination-bullet-active {
    background: #138f30;
}

.swiper-pagination-style-2 .swiper-pagination-bullet::after {
    background: #138f30;
}

.swiper-pagination-style-2 .swiper-pagination-bullet:hover::before {
    background: #138f30;
}

.swiper-button-prev:before {
    border-right-color: #138f30;
}

.swiper-button-next:before {
    border-left-color: #138f30;
}

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
    background: #138f30;
}

.swiper-slider-classic-2 .swiper-pagination-bullet::after {
    background: #138f30;
}

/* ========== Forms ========== */
.form-wrap.has-focus .form-input {
    border-color: #138f30;
}

.rd-navbar-search .rd-search-form-submit:hover {
    color: #138f30;
}

.rd-search-classic .rd-search-submit:hover {
    color: #138f30;
}

.button-search:hover {
    color: #138f30;
}

.rd-navbar-search-toggle:hover {
    color: #138f30;
}

/* ========== Footer ========== */
.footer-corporate .list-marked a:hover {
    color: #138f30;
}

.footer-corporate-inset .post-minimal-2 a {
    color: #138f30;
}

.footer-corporate-inset .post-minimal-2 a:hover {
    color: #0a6b24;
}

.footer-social-list .icon:hover {
    color: #138f30;
}

.footer-social-list-2 a:hover {
    color: #138f30;
}

.footer-list-category a:hover {
    color: #138f30;
}

.footer-list-category a:hover span::before {
    border-right-color: #138f30;
}

.footer-list-category a:hover span::after {
    background-color: #138f30;
}

.footer-contacts .icon {
    color: #138f30;
}

.footer-contacts a:hover {
    color: #138f30;
}

/* ========== LightGallery ========== */
.lg-outer .lg-thumb-item.active {
    border-color: #138f30;
}

.lg-progress-bar .lg-progress {
    background-color: #138f30;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #138f30;
}

/* ========== Owl Carousel ========== */
.owl-prev:hover,
.owl-next:hover {
    color: #138f30;
}

.owl-dot::after {
    background: #138f30;
}

.owl-classic .owl-prev:hover::before,
.owl-classic .owl-next:hover::before {
    background-color: #138f30;
}

.owl-classic .owl-prev:hover::after,
.owl-classic .owl-next:hover::after {
    border-left-color: #138f30;
    border-right-color: #138f30;
}

/* ========== Pagination ========== */
.page-link:hover,
.page-link:focus,
.page-link:active {
    color: #138f30;
}

.page-item.active .page-link {
    color: #138f30;
}

/* ========== Counter ========== */
.counter-classic-number .symbol {
    color: #138f30;
}

.counter-creative-number {
    color: #138f30;
}

.counter-creative-icon {
    color: #138f30;
}

/* ========== Team ========== */
.team-classic-status {
    color: #138f30;
}

.team-classic-name a:hover {
    color: #138f30;
}

.team-modern-status {
    color: #138f30;
}

.team-modern:hover .team-modern-figure::before {
    border-color: #138f30;
}

.team-creative-status {
    color: #138f30;
}

.team-creative:hover .team-creative-status {
    color: #138f30;
}

.team-creative-decor-bottom::before {
    background: #138f30;
}

.team-creative-decor-left::before,
.team-creative-decor-left::after {
    background: #138f30;
}

/* ========== Product / Armada ========== */
.product-title a:hover {
    color: #138f30;
}

.product-price {
    color: #138f30;
}

.product-big-price-wrap::before {
    background: #138f30;
}

.product-big-price {
    color: #ffffff;
}

.product-big-reviews:hover {
    color: #138f30;
}

.product .product-button .button {
    background-color: #138f30;
    border-color: #138f30;
}

.product .product-button .button:hover {
    background-color: #0a6b24;
    border-color: #0a6b24;
}

/* ========== Video ========== */
.video-classic-play::after {
    background: #138f30;
}

.video-modern-subtitle {
    color: #138f30;
}

/* ========== Breadcrumbs ========== */
.breadcrumbs-custom-path a:hover {
    color: #138f30;
}

/* ========== Badges ========== */
.badge-primary > div {
    background: #138f30;
}

.badge-primary > svg {
    fill: #138f30;
}

/* ========== Tooltips ========== */
.tooltip-inner {
    background-color: #138f30;
}

.bs-tooltip-top .arrow::before {
    border-top-color: #138f30;
}

.bs-tooltip-right .arrow::before {
    border-right-color: #138f30;
}

.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #138f30;
}

.bs-tooltip-left .arrow::before {
    border-left-color: #138f30;
}

/* ========== Custom untuk Gading Transwisata ========== */
.brand-text {
    font-size: 20px;
    font-weight: 700;
    color: #138f30;
    letter-spacing: 1px;
}

.brand-text:hover {
    color: #0a6b24;
}

/* Product Cards untuk Armada */
.product-figure {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.product-figure img {
    transition: transform 0.3s ease;
}

.product-figure:hover img {
    transform: scale(1.05);
}

.product-button {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product:hover .product-button {
    opacity: 1;
}

.product-button .button {
    background-color: #138f30;
    border-color: #138f30;
    padding: 8px 20px;
    font-size: 14px;
}

.product-button .button:hover {
    background-color: #0a6b24;
    border-color: #0a6b24;
}

/* Gallery Grid untuk Interior Bus */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 20px;
}

.gallery-grid-item {
    overflow: hidden;
    border-radius: 8px;
}

.gallery-grid-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-grid-item:hover img {
    transform: scale(1.05);
}

/* Detail Armada Layout */
.bus-detail-header {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 40px;
}

.bus-detail-image {
    flex: 1;
    min-width: 300px;
}

.bus-detail-image img {
    width: 100%;
    border-radius: 12px;
}

.bus-detail-info {
    flex: 1;
    min-width: 300px;
}

.bus-price {
    font-size: 28px;
    font-weight: 700;
    color: #138f30;
    margin: 15px 0;
}

.bus-specs {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 12px;
    margin: 20px 0;
}

.bus-specs ul {
    list-style: none;
    padding: 0;
}

.bus-specs li {
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

.bus-specs li:last-child {
    border-bottom: none;
}

.bus-facilities {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 20px 0;
}

.bus-facilities span {
    background: #e8f5e9;
    color: #138f30;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 13px;
}

/* Tombol WhatsApp */
.btn-wa {
    background-color: #25D366;
    border-color: #25D366;
    color: #ffffff;
}

.btn-wa:hover {
    background-color: #128C7E;
    border-color: #128C7E;
    color: #ffffff;
}

/* Section Headers */
.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-header h3 {
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}

.section-header h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #138f30;
}

/* Card Hover Effects */
.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* ========== Utility Classes Tambahan ========== */
.text-gading {
    color: #138f30 !important;
}

.bg-gading {
    background-color: #138f30 !important;
}

.border-gading {
    border-color: #138f30 !important;
}

.btn-gading {
    background-color: #138f30;
    border-color: #138f30;
    color: #ffffff;
}

.btn-gading:hover {
    background-color: #0a6b24;
    border-color: #0a6b24;
    color: #ffffff;
}

.hover-gading:hover {
    color: #138f30 !important;
}

/* ========== Responsive Fixes ========== */
@media (max-width: 768px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .bus-detail-header {
        flex-direction: column;
    }
    
    .bus-price {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .gallery-grid {
        grid-template-columns: 1fr;
    }
}

/* Action Buttons - Elegant Centered */
.action-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.btn-booking {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #25D366;
  color: white;
  padding: 14px 38px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}

.btn-booking:hover {
  background: #128C7E;
  color: white;
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4);
}

.btn-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #138f30;
  padding: 13px 36px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  text-decoration: none;
  border: 2px solid #138f30;
}

.btn-back:hover {
  background: #138f30;
  color: white;
  transform: translateY(-3px);
}

@media (max-width: 576px) {
  .action-buttons { gap: 15px; }
  .btn-booking, .btn-back { padding: 10px 22px; font-size: 13px; }
}

/* ========== HEADER PROFESIONAL ========== */

/* Logo styling */
.rd-navbar-brand img {
  max-height: 45px;
  width: auto;
  transition: all 0.3s ease;
}

/* Social media icons styling */
.rd-navbar-corporate-list-social {
  display: flex;
  align-items: center;
  gap: 12px;
}
.rd-navbar-corporate-list-social .icon {
  font-size: 18px;
  transition: all 0.3s ease;
  color: #ffffff;
}
.rd-navbar-corporate-list-social .icon:hover {
  color: #138f30;
  transform: translateY(-2px);
}

/* ========== MOBILE RESPONSIVE (≤768px) ========== */
@media (max-width: 768px) {
  
  /* Logo - di tengah dan lebih besar */
  .rd-navbar-brand {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  .rd-navbar-brand img {
    max-height: 55px !important;
    width: auto !important;
  }
  
  /* Tombol hamburger (menu toggle) di kiri */
  .rd-navbar-toggle {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 100 !important;
    display: block !important;
  }
  
  /* Sembunyikan tombol collapse toggle (titik tiga) yang tidak diperlukan */
  .rd-navbar-collapse-toggle {
    display: none !important;
  }
  
  /* Social media icons di mobile - disembunyikan */
  .rd-navbar-corporate-list-social {
    display: none !important;
  }
  
  /* Menu mobile saat terbuka */
  .rd-navbar-nav-wrap.active {
    padding-top: 70px !important;
  }
  
  /* Styling menu mobile dengan background hijau */
  .rd-navbar-fixed .rd-navbar-nav {
    background: #138f30;
  }
  .rd-navbar-fixed .rd-nav-link {
    color: #ffffff !important;
    font-weight: 500;
    padding: 14px 20px;
    font-size: 15px;
  }
  .rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
  .rd-navbar-fixed .rd-nav-item:hover .rd-nav-link {
    background: rgba(255,255,255,0.15) !important;
  }
  
  /* Submenu toggle di mobile */
  .rd-navbar-fixed .rd-navbar-submenu-toggle {
    color: #ffffff !important;
  }
}

/* ========== DESKTOP (≥769px) ========== */
@media (min-width: 769px) {
  /* Logo di kiri normal */
  .rd-navbar-brand {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }
  .rd-navbar-brand img {
    max-height: 45px !important;
  }
  
  /* Tombol toggle hamburger disembunyikan di desktop */
  .rd-navbar-toggle {
    display: none !important;
  }
  
  /* Social media icons tampil di desktop */
  .rd-navbar-corporate-list-social {
    display: flex !important;
    margin-right: 25px;
  }
  
  /* Menu desktop */
  .rd-navbar-nav {
    display: flex;
    gap: 5px;
  }
  .rd-nav-link {
    color: #ffffff !important;
    font-weight: 500;
    padding: 10px 18px;
    transition: all 0.3s ease;
    border-radius: 8px;
  }
  .rd-nav-link:hover {
    color: #138f30 !important;
    background: rgba(255,255,255,0.1);
  }
  .rd-nav-item.active .rd-nav-link {
    color: rgb(0, 0, 0)nt;
    background: rgba(255,255,255,0.15);
  }
}

/* ========== STICKY NAVBAR (Saat Scroll) ========== */
.rd-navbar--is-stuck .rd-navbar-brand img {
  max-height: 40px;
}

@media (max-width: 768px) {
  .rd-navbar--is-stuck .rd-navbar-brand img {
    max-height: 48px !important;
  }
}





/* kode tablet agar ada navbar */