/* AdlerPOS Global Styles */
:root {
    --accent-green: #15803D; /* Forest Green */
    --accent-green-light: #F0FDF4;
    --bg-primary: #F5F4F0; /* Warmer Premium Ivory */
    --text-primary: #0F172A; /* Deep Slate for better contrast */
    --text-secondary: #475569;
}

body {
    font-family: 'Inter', sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
}

html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); border-radius: 10px; }

/* Entry Animations */
@keyframes animationIn {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-on-scroll { opacity: 0; }
.animate-on-scroll.is-visible { animation: animationIn 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }

/* Utility Classes */
.glass { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.05); backdrop-blur: 10px; }

/* Ticker Animation */
@keyframes ticker { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } }
.ticker-track { 
    display: flex; 
    width: max-content; 
    animation: ticker 40s linear infinite; 
    will-change: transform; 
}
.ticker-track:hover { animation-play-state: paused; }

/* Pulsing & Grids (Animations removed as per user request) */
.animate-pulse-soft { opacity: 0.8; }
.animate-grid-flow { background-position: 0px 0px; }

/* Testimonials & Perspective */
.perspective-distant { 
    perspective: 2000px; 
    transform-style: preserve-3d;
}
.will-change-transform { will-change: transform; }

/* Testimonial Card Position States */
#testimonials-container [id^="testimonial-card-"] {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), 
                opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1), 
                filter 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform, opacity;
}

.tc-left {
    width: min(48vw, 400px);
    transform: translateX(-130%) translateY(-50%) translateZ(-300px) rotateY(15deg) rotate(-5deg) scale(0.8);
    z-index: 10;
    opacity: 0.3;
    filter: blur(2px);
}
.tc-left:hover {
    opacity: 0.7;
    filter: blur(0);
    z-index: 20;
    transform: translateX(-130%) translateY(-50%) translateZ(-150px) rotateY(10deg) rotate(-3deg) scale(0.85);
}

.tc-center {
    width: min(75vw, 480px);
    transform: translateX(-50%) translateY(-65%) translateZ(0) rotateY(0deg) rotate(0deg) scale(1.05);
    z-index: 30;
    opacity: 1;
    filter: blur(0);
}
@media (min-width: 768px) {
    .tc-center { transform: translateX(-50%) translateY(-65%) translateZ(0) rotateY(0deg) rotate(0deg) scale(1.1); }
}

.tc-right {
    width: min(48vw, 400px);
    transform: translateX(30%) translateY(-50%) translateZ(-300px) rotateY(-15deg) rotate(5deg) scale(0.8);
    z-index: 10;
    opacity: 0.3;
    filter: blur(2px);
}
.tc-right:hover {
    opacity: 0.7;
    filter: blur(0);
    z-index: 20;
    transform: translateX(30%) translateY(-50%) translateZ(-150px) rotateY(-10deg) rotate(3deg) scale(0.85);
}

/* CTA Specific Animations (Animations removed as per user request) */
.animate-flow { opacity: 1; }
.animate-float-grid { background-position: 0 0; }
.animate-spin-slow { transform: rotate(0deg) scale(1.2); }

/* Mobile Marquee for Hardware Gallery */
@media (max-width: 767px) {
    .hardware-marquee-container {
        overflow: hidden;
        width: 100%;
    }
    .hardware-marquee-track {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        animation: marquee-horizontal 30s linear infinite !important;
        gap: 1rem !important;
        padding: 0 0.5rem !important;
        will-change: transform;
    }
    .hardware-marquee-track:hover {
        animation-play-state: paused !important;
    }
    .hardware-card {
        flex: 0 0 85vw !important;
        width: 85vw !important;
        height: 240px !important;
        margin-bottom: 0 !important;
        border-radius: 1.5rem !important;
        position: relative !important;
    }
    .hardware-card img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

@keyframes marquee-horizontal {
    0%   { transform: translateX(0); }
    100% { transform: translateX(calc(-50% - 0.5rem)); }
}