/**
 * CPS LDA - Industrial Elegant Theme Styles
 * Premium design with beige/bronze palette (#BCA08A)
 * 
 * @package CPS_LDA
 * @version 2.0.0
 */

/* ===== GOOGLE FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;900&family=Space+Grotesk:wght@400;500;700&display=swap');

/* ===== CSS VARIABLES ===== */
:root {
    /* Industrial Elegant Palette */
    --cps-bg-dark: #0a0a0a;
    --cps-bg-panel: #111111;
    --cps-bg-card: #161616;
    --cps-text-main: #f0f0f0;
    --cps-text-muted: #8a8a8a;
    --cps-accent: #FACC14;
    --cps-accent-light: #FACC14;
    --cps-accent-dark: #FACC14;
    --cps-border: #1a1a1a;
    --cps-border-light: #2a2a2a;

    /* Typography */
    --cps-font-main: 'Outfit', -apple-system, sans-serif;
    --cps-font-display: 'Space Grotesk', sans-serif;

    /* Transitions */
    --cps-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ===== GLOBAL RESET ===== */
body {
    background-color: var(--cps-bg-dark) !important;
    color: var(--cps-text-main);
    font-family: var(--cps-font-main);
    -webkit-font-smoothing: antialiased;
}

/* HEADER STYLES REMOVED BY AGENT TO ALLOW ELEMENTOR CONTROL */

/* ===== MOBILE MENU (REDUCED) ===== */
.elementor-nav-menu--dropdown {
    background: rgba(10, 10, 10, 0.98) !important;
    border: 1px solid var(--cps-border-light) !important;
    backdrop-filter: blur(20px);
}

/* ===== FOOTER ===== */
.elementor-location-footer {
    background: var(--cps-bg-dark) !important;
    border-top: 1px solid var(--cps-border);
    padding-top: 60px !important;
}

.elementor-location-footer .elementor-heading-title {
    color: var(--cps-text-main) !important;
    font-family: var(--cps-font-display) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
}

.elementor-location-footer p,
.elementor-location-footer .elementor-text-editor {
    color: var(--cps-text-muted) !important;
    line-height: 1.7;
}

.elementor-location-footer a {
    color: var(--cps-text-muted) !important;
    transition: all 0.3s ease;
}

.elementor-location-footer a:hover {
    color: var(--cps-accent) !important;
    padding-left: 5px;
}

/* ===== GENERAL PAGE STYLES ===== */
.elementor-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Section backgrounds */
.cps-dark-section,
.elementor-section[data-settings*="dark"] {
    background: var(--cps-bg-dark) !important;
}

/* ===== TYPOGRAPHY ===== */
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
    font-family: var(--cps-font-display) !important;
    font-weight: 700;
    color: var(--cps-text-main);
}

/* Accent text */
.cps-accent,
.elementor-widget-heading .accent {
    color: var(--cps-accent) !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--cps-bg-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--cps-border-light);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--cps-accent);
}

/* ===== SELECTION ===== */
::selection {
    background: var(--cps-accent);
    color: var(--cps-bg-dark);
}

/* ===== SMOOTH SCROLL ===== */
html {
    scroll-behavior: smooth;
}

/* ===== RESTORED LOGO MARQUEE (V7.5) ===== */
.cps-logo-section {
    background: #000 !important;
    padding: 80px 0 !important;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.cps-logo-track {
    display: flex;
    width: max-content;
    gap: 80px;
    align-items: center;
}
.cps-logo-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cps-logo-item img {
    max-width: 160px;
    height: auto;
    filter: grayscale(1) brightness(0.7);
    opacity: 0.5;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.cps-logo-item:hover img {
    filter: grayscale(0) brightness(1);
    opacity: 1;
    transform: scale(1.1);
}

/* Animations for Logo Track are handled via GSAP now,
   but we add a CSS fallback just in case GSAP fails. */
@keyframes cps-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}


.rb-btn{    border-radius: 100px 100px 100px 100px;}