/* ==========================================================================
   Mr Parth Exim - Global Export Design System & Styles
   ========================================================================== */

/* Base & Typography Setup */
body {
    background-color: #FFFFFF;
    color: #0f172a;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    overflow-x: clip;
    top: 0px !important;
}

.dark body {
    background-color: #090d16;
    color: #f8fafc;
}

/* Hide Default Google Translate Widget & Top Banner cleanly */
.goog-te-banner-frame.skiptranslate,
.goog-te-gadget-icon,
#goog-gt-tt,
.goog-te-balloon-frame,
div#goog-gt- {
    display: none !important;
}

.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

#google_translate_element {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* Auto Scrolling Marquee for Certificates & Partners */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    display: flex;
    width: max-content;
    animation: marquee 35s linear infinite;
}

.animate-marquee:hover {
    animation-play-state: paused;
}

/* Hero Slider Smooth Transitions */
.hero-slide {
    transition: opacity 0.85s ease-in-out, transform 6.5s ease-out;
}

.hero-slide.active {
    opacity: 1;
    z-index: 10;
    transform: scale(1);
}

.hero-slide.inactive {
    opacity: 0;
    z-index: 0;
    transform: scale(1.06);
    pointer-events: none;
}

/* Premium Scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f8fafc;
}

.dark ::-webkit-scrollbar-track {
    background: #090d16;
}

::-webkit-scrollbar-thumb {
    background: #15803d;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ea580c;
}

/* Card Glow and Hover Micro-Interactions */
.hover-lift {
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.hover-lift:hover {
    transform: translateY(-4px);
}

/* Mobile Bottom Navigation Bar Safe Area */
.mobile-bottom-nav {
    padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
}

/* Ensure no accidental horizontal overflow while preserving position: sticky */
html, body {
    max-width: 100%;
    overflow-x: clip;
}

/* Sticky Navbar - Pin to top on scroll */
header.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 50;
}

/* RTL Support for Arabic / Hebrew */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}
[dir="rtl"] .font-display,
[dir="rtl"] body {
    font-family: system-ui, -apple-system, 'Segoe UI', Tahoma, Arial, sans-serif;
}