/* =============================================
   ANTE Industrial Dark Theme
   Clean industrial B2B style: dark + metallic
   ============================================= */

/* --- CSS Variables --- */
:root {
    --ante-dark: #1a1a1a;
    --ante-darker: #111111;
    --ante-card: #242424;
    --ante-card-hover: #2a2a2a;
    --ante-text: #f0f0f0;
    --ante-text-muted: #999999;
    --ante-accent: #e8780a;
    --ante-accent-hover: #ff8c1a;
    --ante-border: #333333;
    --ante-metallic: #b0b0b0;
    --ante-metallic-light: #d4d4d4;
    --ante-section-gap: 80px;
    --ante-radius: 6px;
    --ante-shadow: 0 4px 24px rgba(0,0,0,0.3);
    --ante-transition: 0.3s ease;
}

/* --- Global --- */
body.elementor-page {
    background-color: var(--ante-dark) !important;
    color: var(--ante-text) !important;
}

/* --- Typography --- */
body.elementor-page h1,
body.elementor-page h2,
body.elementor-page h3,
body.elementor-page h4 {
    color: #ffffff !important;
    font-weight: 600 !important;
}
body.elementor-page .e-heading-base {
    color: #ffffff !important;
    font-weight: 600 !important;
}
body.elementor-page p,
body.elementor-page .e-paragraph-base {
    color: var(--ante-text-muted) !important;
    line-height: 1.7 !important;
}
body.elementor-page a {
    color: var(--ante-accent) !important;
    transition: color var(--ante-transition);
}
body.elementor-page a:hover {
    color: var(--ante-accent-hover) !important;
}

/* --- Header / Navigation --- */
body.elementor-page header,
body.elementor-page .wp-site-blocks > header {
    background-color: var(--ante-darker) !important;
    border-bottom: 1px solid var(--ante-border) !important;
    padding: 16px 0 !important;
}
body.elementor-page header .wp-block-site-title a {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}
body.elementor-page .wp-block-navigation .wp-block-navigation-item__content {
    color: var(--ante-text-muted) !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: color var(--ante-transition);
}
body.elementor-page .wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #ffffff !important;
}
body.elementor-page .wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
    color: var(--ante-accent) !important;
}

/* Navbar: center logo + nav closer together */
body.elementor-page header .wp-block-group.is-layout-flex {
    justify-content: center !important;
    gap: 40px !important;
}

/* --- Section Containers --- */
body.elementor-page .e-con.e-parent {
    padding-top: var(--ante-section-gap) !important;
    padding-bottom: var(--ante-section-gap) !important;
}
body.elementor-page .e-con.e-parent:nth-of-type(odd) {
    background-color: var(--ante-darker) !important;
}
body.elementor-page .e-con.e-parent:nth-of-type(even) {
    background-color: var(--ante-dark) !important;
}

/* --- Hero Section --- */
body.elementor-page .e-con.e-parent:first-of-type {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
body.elementor-page .e-con.e-parent:first-of-type h2 {
    font-size: clamp(2rem, 5vw, 3.5rem) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px !important;
}

/* --- Section Badges (FACTORY DIRECT, OUR ENTERPRISE, etc.) --- */
body.elementor-page .e-con.e-parent .elementor-widget-text-editor p:first-child,
body.elementor-page .e-con.e-parent .elementor-widget-container p:first-child,
body.elementor-page .e-con.e-parent > .e-con-inner .elementor-widget-text-editor p:first-child,
body.elementor-page .e-con.e-parent p.e-paragraph-base:first-child,
body.elementor-page .e-con.e-parent .e-con .elementor-widget-text-editor p:first-child {
    display: inline-block !important;
    background: var(--ante-accent) !important;
    color: #000000 !important;
    padding: 6px 16px !important;
    border-radius: 3px !important;
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 16px !important;
    width: auto !important;
}

/* --- Hero CTA Button --- */
body.elementor-page .e-con.e-parent:first-of-type .wp-element-button,
body.elementor-page .e-con.e-parent:first-of-type .e-button-base,
body.elementor-page .e-con.e-parent:first-of-type .elementor-button,
.elementor-614 .elementor-widget-button .elementor-button {
    background: var(--ante-accent) !important;
    color: #000 !important;
    border: none !important;
    padding: 14px 32px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: var(--ante-radius) !important;
    transition: all var(--ante-transition);
}
body.elementor-page .e-con.e-parent:first-of-type .wp-element-button:hover,
body.elementor-page .e-con.e-parent:first-of-type .e-button-base:hover,
body.elementor-page .e-con.e-parent:first-of-type .elementor-button:hover,
.elementor-614 .elementor-widget-button .elementor-button:hover {
    background: var(--ante-accent-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(232,120,10,0.3);
}

/* --- Product Cards --- */
body.elementor-page .elementor-614 > .e-con > .e-con-inner > .e-con,
body.elementor-page [data-element_type="container"] > .e-con-inner > .e-con {
    background: var(--ante-card) !important;
    border: 1px solid var(--ante-border) !important;
    border-radius: var(--ante-radius) !important;
    padding: 20px !important;
    transition: all var(--ante-transition);
    overflow: hidden;
}
body.elementor-page .elementor-614 > .e-con > .e-con-inner > .e-con:hover {
    background: var(--ante-card-hover) !important;
    border-color: var(--ante-accent) !important;
    transform: translateY(-4px);
    box-shadow: var(--ante-shadow);
}
body.elementor-page .elementor-614 img {
    border-radius: 4px !important;
    transition: transform 0.5s ease;
}
body.elementor-page .elementor-614 img:hover {
    transform: scale(1.03);
}
body.elementor-page h3 {
    color: #ffffff !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    margin-top: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid var(--ante-accent) !important;
    display: inline-block !important;
}
body.elementor-page .elementor-614 .e-con .e-con p {
    color: var(--ante-text-muted) !important;
    font-size: 0.85rem !important;
    line-height: 1.6 !important;
    margin-bottom: 4px !important;
}
body.elementor-page .elementor-614 .e-con .e-con p:first-of-type {
    color: var(--ante-metallic-light) !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}

/* --- Buttons (global) --- */
body.elementor-page .wp-element-button,
body.elementor-page .e-button-base,
body.elementor-page .elementor-button {
    background: transparent !important;
    color: var(--ante-accent) !important;
    border: 2px solid var(--ante-accent) !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: var(--ante-radius) !important;
    transition: all var(--ante-transition);
    cursor: pointer;
}
body.elementor-page .wp-element-button:hover,
body.elementor-page .e-button-base:hover,
body.elementor-page .elementor-button:hover {
    background: var(--ante-accent) !important;
    color: #000 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(232,120,10,0.25);
}

/* --- Form Styling --- */
body.elementor-page form[data-element_type="e-form"] {
    background: var(--ante-card) !important;
    border: 1px solid var(--ante-border) !important;
    border-radius: var(--ante-radius) !important;
    padding: 30px !important;
}
body.elementor-page .e-form-label-base {
    color: var(--ante-text-muted) !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 4px !important;
}
body.elementor-page .e-form-input-base,
body.elementor-page .e-form-textarea-base {
    background: var(--ante-dark) !important;
    border: 1px solid var(--ante-border) !important;
    border-radius: 4px !important;
    color: var(--ante-text) !important;
    padding: 12px 16px !important;
    font-size: 0.95rem !important;
    font-family: inherit !important;
    transition: border-color var(--ante-transition);
    box-sizing: border-box !important;
}
body.elementor-page .e-form-input-base:focus,
body.elementor-page .e-form-textarea-base:focus {
    outline: none !important;
    border-color: var(--ante-accent) !important;
    box-shadow: 0 0 0 3px rgba(232,120,10,0.15) !important;
}
body.elementor-page .e-form-input-base::placeholder,
body.elementor-page .e-form-textarea-base::placeholder {
    color: #555 !important;
}
body.elementor-page .e-form-submit-button-base {
    background: var(--ante-accent) !important;
    color: #000 !important;
    border: none !important;
    padding: 14px 36px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: var(--ante-radius) !important;
    cursor: pointer !important;
    transition: all var(--ante-transition);
}
body.elementor-page .e-form-submit-button-base:hover {
    background: var(--ante-accent-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(232,120,10,0.3);
}

/* --- Footer --- */
body.elementor-page footer {
    background-color: var(--ante-darker) !important;
    border-top: 1px solid var(--ante-border) !important;
    padding: 50px 50px 30px !important;
}
body.elementor-page footer,
body.elementor-page footer p,
body.elementor-page footer a {
    color: var(--ante-text-muted) !important;
}
body.elementor-page footer h2,
body.elementor-page footer .wp-block-site-title a {
    color: #ffffff !important;
}
body.elementor-page footer a:hover {
    color: var(--ante-accent) !important;
}

/* --- Dividers / Separators --- */
body.elementor-page .wp-block-separator,
body.elementor-page hr,
body.elementor-page .elementor-divider-separator {
    border-color: var(--ante-border) !important;
    opacity: 0.5;
}

/* --- Video --- */
body.elementor-page video {
    border-radius: var(--ante-radius) !important;
    border: 1px solid var(--ante-border) !important;
}

/* --- Testimonials --- */
body.elementor-page .e-con.e-parent:nth-of-type(3) .e-heading-base {
    text-align: center !important;
}

/* --- Counter Stats --- */
body.elementor-page .elementor-counter-number {
    color: var(--ante-accent) !important;
    font-size: 3rem !important;
    font-weight: 700 !important;
}
body.elementor-page .elementor-counter-title {
    color: var(--ante-text-muted) !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* --- Contact Section --- */
.elementor .e-6619260-c7ed36e {
    align-self: center !important;
    text-align: center !important;
}
.elementor .e-77464ce-d9da811 {
    text-align: center !important;
}
body.elementor-page [data-id="9c0f0ff"] .e-paragraph-base {
    text-align: center !important;
}
/* Contact form - vertical stacking layout */
body.elementor-page form[data-element_type="e-form"] {
    flex-direction: column !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    width: 100% !important;
}
body.elementor-page .e-form-label-base {
    width: 100% !important;
    margin-top: 16px !important;
}
body.elementor-page .e-form-label-base:first-of-type {
    margin-top: 0 !important;
}
body.elementor-page .e-form-input-base,
body.elementor-page .e-form-textarea-base {
    width: 100% !important;
    max-width: 100% !important;
}
body.elementor-page .e-form-submit-button-base {
    width: 100% !important;
    margin-top: 20px !important;
}

/* --- Product Section: reduce image size, add horizontal padding --- */
body.elementor-page [data-id="13ca6d4"] {
    padding-left: 160px !important;
    padding-right: 160px !important;
}
body.elementor-page [data-id="13ca6d4"] img {
    width: 100% !important;
    height: 280px !important;
    max-width: 100% !important;
    max-height: 280px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}
/* Image parent containers - uniform size */
body.elementor-page [data-id="13ca6d4"] .e-con.e-child a,
body.elementor-page [data-id="13ca6d4"] .e-con.e-child .elementor-widget-image {
    display: block !important;
    width: 100% !important;
}
/* Product text: tighter to images, shorter */
body.elementor-page [data-id="13ca6d4"] .e-con.e-child {
    gap: 8px !important;
    padding: 10px !important;
}
body.elementor-page [data-id="13ca6d4"] .e-con.e-child p {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* --- Scrollbar --- */
body.elementor-page::-webkit-scrollbar { width: 8px; }
body.elementor-page::-webkit-scrollbar-track { background: var(--ante-darker); }
body.elementor-page::-webkit-scrollbar-thumb { background: #444; border-radius: 4px; }
body.elementor-page::-webkit-scrollbar-thumb:hover { background: #666; }

/* --- Responsive: Tablets --- */
@media (max-width: 1024px) {
    body.elementor-page .e-con.e-parent {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    body.elementor-page form[data-element_type="e-form"] {
        padding: 20px !important;
    }
}

/* --- Responsive: Mobile --- */
@media (max-width: 767px) {
    :root { --ante-section-gap: 50px; }
    body.elementor-page .e-con.e-parent {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    body.elementor-page .e-con.e-parent:first-of-type h2 {
        font-size: 1.75rem !important;
    }
    body.elementor-page form[data-element_type="e-form"] {
        padding: 16px !important;
    }
    body.elementor-page .e-form-input-base,
    body.elementor-page .e-form-textarea-base {
        width: 100% !important;
        max-width: 100% !important;
    }
    body.elementor-page .e-form-submit-button-base {
        width: 100% !important;
    }
    body.elementor-page .wp-block-navigation__responsive-container.is-menu-open {
        background-color: var(--ante-darker) !important;
    }
    /* Product images - reduce padding on mobile */
    body.elementor-page [data-id="13ca6d4"] {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    /* Mobile Contact Us alignment */
    .elementor .e-6619260-c7ed36e {
        align-self: center !important;
        text-align: center !important;
    }
    .elementor .e-77464ce-d9da811 {
        text-align: center !important;
    }
    .elementor .e-form-label-base { width: 100% !important; }
    .elementor .e-form-submit-button-base {
        align-self: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* --- Animations --- */
body.elementor-page .e-con.e-parent {
    animation: anteFadeIn 0.6s ease both;
}
@keyframes anteFadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
body.elementor-page .e-con.e-parent:nth-of-type(1) { animation-delay: 0s; }
body.elementor-page .e-con.e-parent:nth-of-type(2) { animation-delay: 0.1s; }
body.elementor-page .e-con.e-parent:nth-of-type(3) { animation-delay: 0.2s; }
body.elementor-page .e-con.e-parent:nth-of-type(4) { animation-delay: 0.3s; }
body.elementor-page .e-con.e-parent:nth-of-type(5) { animation-delay: 0.4s; }

/* --- Reduced Motion --- */
@media (prefers-reduced-motion: reduce) {
    body.elementor-page .e-con.e-parent { animation: none !important; }
    body.elementor-page * { transition: none !important; }
}