/*
Theme Name: GoX
Theme URI: https://gox.com
Author: GoX Team
Author URI: https://gox.com
Description: Custom theme for GoX website
Version: 1.0
*/

body {
    margin: 0;
    background: #F3F3F3;
    color: #222;
}


/* ================= SLIDER BACKGROUND WITH RTL ================= */
.hero-slider-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	height: 100dvh; /* modern fix */
    z-index: -2;
}

.heroSwiper {
    width: 100%;
    height: 100%;
}

.heroSwiper .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.heroSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	
}
.hero-overlay {
    background: transparent !important;
}

/* Navigation Arrows - RTL aware */
.heroSwiper .swiper-button-next,
.heroSwiper .swiper-button-prev {
    color: rgba(255, 255, 255, 0.7);
    transition: color 0.3s;
	display:none
}

.heroSwiper .swiper-button-next:hover,
.heroSwiper .swiper-button-prev:hover {
    color: #fff;
}

/* RTL: Arrows automatically swap position */
[dir="rtl"] .heroSwiper .swiper-button-next {
    left: 10px;
    right: auto;
}

[dir="rtl"] .heroSwiper .swiper-button-prev {
    right: 10px;
    left: auto;
}

/* Pagination Dots */
.heroSwiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.heroSwiper .swiper-pagination-bullet-active {
    background: #fff;
}


/* ================= LANDING PAGE HERO SECTION ================= */

.hero-wrapper{
	padding:0
}
.hero-banner-inner{
	border-radius:0
}
.container.hero-wrapper{
	max-width:100%;
	margin:0
}

/* ================= RTL SUPPORT ================= */

/* Hero Overlay - Flip gradient */
[dir="rtl"] .hero-overlay {
    background: linear-gradient(to left, rgba(0, 0, 0, .6) 20%, transparent);
}

/* Download Section - Right to Left */
[dir="rtl"] .download-section {
    direction: rtl;
}

.menu-item-has-children > a::after{
	margin-left: unset;
	margin-inline-start:10px
}
.sub-menu li a{
	white-space:nowrap
}
[dir="rtl"] .phone-icon{
	transform: rotatey(180deg);
}
/* Mobile Nav - Flip from right to left */
@media(max-width:768px) {
    [dir="rtl"] .main-nav {
        right: auto;
        left: -100%;
        border-radius: 0 0 30px 0;
    }

    [dir="rtl"] .main-nav.open {
        right: auto;
        left: 0;
    }

    [dir="rtl"] .close-nav {
        right: auto;
        left: 18px;
    }
}

/* Feature Cards - Numbers alignment */
[dir="rtl"] .feature-number {
    text-align: right;
}

/* CTA Image - Flip to left side */
[dir="rtl"] .cta-image img {
    right: auto;
    left: 40px;
}

@media (max-width: 1200px) {
    [dir="rtl"] .cta-image img {
        right: auto;
        left: 20px;
    }
}

/* Footer Socials */
[dir="rtl"] .footer-socials {
    justify-content: flex-end;
}

/* Safety List Items */
[dir="rtl"] .safety-list li::before {
    margin-left: 12px;
    margin-right: 0;
}

/* About Hero - Flip content alignment */
[dir="rtl"] .about-hero-content {
    padding-left: 60px;
    padding-right: max(43px, calc((100% - 1440px) / 2 + 43px));
}

[dir="rtl"] .about-hero-image {
    justify-content: flex-start;
}

[dir="rtl"] .about-hero-image img {
    object-position: left center;
}

/* About Stats */
[dir="rtl"] .about-stats {
    direction: rtl;
}

/* Contact Info - Text alignment */
[dir="rtl"] .ci-sep {
    margin-left: auto;
}

/* Arrows and Icons - Keep visual direction */
[dir="rtl"] .arrow {
    transform: scaleX(-1);
}

[dir="rtl"] .menu-item-has-children:hover > a::after {
    transform: rotate(180deg) scaleX(-1);
}

/* Mobile hamburger toggle */
@media(max-width:768px) {
    [dir="rtl"] .nav-toggle {
        margin-left: 0;
        margin-right: auto;
    }
}

/* WPForms Submit Button Alignment */
[dir="rtl"] .wpforms-submit-container {
    text-align: right;
}

/* Logo alignment (if needed) */
[dir="rtl"] .logo {
    margin-right: 0;
}

/* App Buttons flex direction */
[dir="rtl"] .app-buttons {
    direction: rtl;
}

/* CTA Buttons */
[dir="rtl"] .cta-buttons {
    direction: rtl;
}

/* Step cards numbering */
[dir="rtl"] .step-number {
    direction: ltr; /* Keep numbers LTR */
}

/* Feature numbers */
[dir="rtl"] .feature-number {
    direction: ltr; /* Keep numbers LTR */
}

/* Phone icon in button */
[dir="rtl"] .btn-contact {
    flex-direction: row-reverse;
}

.service-nav-wrapper .banner-header {
    padding-top: 20px; /* matches home header spacing */
}

.logo img {
    height: 63px;      /* Fixed height */
    width: 120px;       /* Keeps aspect ratio */
    object-fit: contain;
}