/*========================================
Base Css
========================================*/
/*===== Navbar Dropdown =====*/
.dropdown:hover .dropdown-menu {
  display: block;
}
/* Cookie Notice */
.cookie-consent-modal {
  z-index: 9999;
}
#cookies{
    display: none;
}
/*===== Back to Top Button =====*/
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}
/*===== WhatsApp Button =====*/
.whatsapp{
	position:fixed;
	bottom:20px;
	left:20px;
  z-index:1;
}
/*===== Payment Logos =====*/
.paymentLogo {
  width: 100px;
  height: 50px;
}
/*===== Social Logos =====*/
.socialLogo {
  width: 20px;
  height: 20px;
}
/*===== Bootstrap Icons =====*/
@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff") format("woff2"),
url("../fonts/bootstrap-icons.woff2") format("woff");
}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bi-arrow-right-short::before { content: "\f135"; }
.bi-person-badge::before { content: "\f4d3"; }
.bi-headset::before { content: "\f414"; }
.bi-tools::before { content: "\f5db"; }
.bi-geo-alt-fill::before { content: "\f3e7"; }
.bi-telephone-fill::before { content: "\f5b4"; }
.bi-envelope-fill::before { content: "\f32c"; }
.bi-building-fill::before { content: "\f876"; }
.bi-person-fill::before { content: "\f4da"; }
.bi-info-circle-fill::before { content: "\f430"; }
.bi-globe::before { content: "\f3ee"; }
.bi-globe-europe-africa::before { content: "\f885"; }
.bi-truck::before { content: "\f5ea"; }
.bi-cloud-download::before { content: "\f29b"; }
.bi-file-earmark-text::before { content: "\f38b"; }
/*========================================*/

/*========================================
Other Css
========================================*/
/*===== Brand Colours =====*/
.gcc-blue-light {
  background: var(--gcc-blue-light);
}
.gcc-blue {
  color: var(--gcc-blue) ;
}
.bg-gcc-blue {
  background: var(--gcc-blue);
}
.gcc-blue-dark {
  color: var(--gcc-blue-dark) ;
}
.bg-gcc-blue-dark {
  background: var(--gcc-blue-dark);
}
.gcc-green-light {
  background: var(--gcc-green-light);
}
.gcc-green {
  color: var(--gcc-green);
}
.bg-gcc-green {
  background: var(--gcc-green);
}
.gcc-green-dark {
  background: var(--gcc-green-dark);
  color: #ffffff
}
/*========================================*/

/*========================================*/
/* Home Page
/*========================================*/

/* Hero Background Styling */
.hero-bg-home {
  z-index: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
              url('../img/webp/mobile/golf-cart-connection-home-page-hero-mobile.webp') bottom center / cover no-repeat;
  background-attachment: scroll;
  pointer-events: none;
}

/* Desktop Optimization */
@media (min-width: 992px) {
  .hero-bg-home {
    background-image: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)),
                      url('../img/webp/desktop/golf-cart-connection-home-page-hero.webp');
  }
}
/*========================================*/

/*========================================*/
/* Marquee Carousel Styles */
.marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 1.5rem 0;
}

.marquee-content {
    display: flex;
    align-items: center;
    width: max-content;
    animation: marquee-scroll 45s linear infinite;
    gap: 2.5rem;
}

/* Pause on hover OR focus-within (keyboard users) */
.marquee-content:hover,
.marquee-content:focus-within {
    animation-play-state: paused;
}

/* Respect reduced motion preference — stop animation entirely */
@media (prefers-reduced-motion: reduce) {
    .marquee-content {
        animation: none;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.5rem;
    }

    .marquee-text p {
        white-space: normal;
    }
}

/* Unified item styling */
.marquee-item,
.marquee-text {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    height: 60px;
}

.marquee-text p {
    margin: 0;
    padding-top: 1rem;
    font-weight: 700;
    white-space: nowrap;
    color: #ffffff;
    font-size: 1.05rem;
}

/* Logo styling */
.marquee-item img {
    max-height: 50px;
    width: auto;
    object-fit: contain;
    filter: grayscale(50%);
    transition: filter 0.3s ease;
}

.marquee-item img:hover {
    filter: grayscale(0%);
}

/* Animation */
@keyframes marquee-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Responsive */
@media (max-width: 768px) {
    .marquee-content {
        gap: 1.75rem;
    }

    .marquee-item,
    .marquee-text {
        height: 48px;
    }

    .marquee-item img {
        max-height: 42px;
    }

    .marquee-text p {
        font-size: 0.95rem;
    }
}
/*========================================*/

/*========================================*/
/* About Us Page
/*========================================*/

/* Hero Background Styling */
.hero-bg {
  z-index: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
              url('../img/webp/mobile/golf-cart-connection-about-us-hero-mobile.webp') bottom center / cover no-repeat;
  background-attachment: scroll;
  pointer-events: none;
}

/* Desktop Optimization */
@media (min-width: 992px) {
  .hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)),
                      url('../img/webp/desktop/golf-cart-connection-about-us-hero.webp');
  }
}
/*========================================*/

/*========================================*/
/* Product Page
/*========================================*/

/* Hero Background Styling */
.hero-bg {
  z-index: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
              url('../img/webp/mobile/golf-cart-connection-products-page-hero-mobile.webp') bottom center / cover no-repeat;
  background-attachment: scroll;
  pointer-events: none;
}

/* Desktop Optimization */
@media (min-width: 992px) {
  .hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)),
                      url('../img/webp/desktop/golf-cart-connection-products-page-hero.webp');
  }
}
/*========================================*/