﻿
/* ICSA CHEMDISTRO ENHANCED - BASED ON USER HTML REFERENCE */
:root {
    --primary-dark: #0F172A !important;
    --secondary-dark: #111827 !important;
    --brand-orange: #F5A623 !important;
    --brand-cyan: #18A8D8 !important;
    --soft-white: #F8FAFC !important;
    --cool-gray: #94A3B8 !important;
    --radius: 8px !important;
}

/* 1. Global Background Reset */
body, .site, .site-content, .elementor-section {
    background-color: var(--primary-dark) !important;
    color: var(--soft-white) !important;
    font-family: 'Inter', sans-serif !important;
}

/* 2. Hero Badge Style (Distributor Kimia Terpercaya) */
.hero-badge-container span, .icsa-badge {
    display: inline-block !important;
    padding: 8px 16px !important;
    background: rgba(24, 168, 216, 0.1) !important;
    border: 1.5px solid var(--brand-cyan) !important;
    color: var(--brand-cyan) !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 25px !important;
    transition: all 0.3s ease;
}

/* 3. Hero Heading Gradient (Text Gradient Effect) */
.hero-main-title h1, h1.elementor-heading-title {
    font-size: clamp(40px, 6vw, 75px) !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
    color: var(--soft-white) !important;
}

.hero-main-title h1 span, h1.elementor-heading-title span {
    background: linear-gradient(to right, var(--brand-orange), #FFD700) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: block !important;
    margin-top: 10px;
}

/* 4. Optimized Hero Buttons */
.elementor-button.btn-premium-orange {
    background-color: var(--brand-orange) !important;
    color: #fff !important;
    border-radius: var(--radius) !important;
    padding: 16px 35px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 10px 20px rgba(245, 166, 35, 0.2) !important;
}

.elementor-button.btn-premium-orange:hover {
    background-color: #d9921e !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 30px rgba(245, 166, 35, 0.3) !important;
}

.elementor-button.btn-premium-outline {
    background-color: transparent !important;
    border: 2px solid var(--brand-cyan) !important;
    color: var(--brand-cyan) !important;
    border-radius: var(--radius) !important;
    padding: 16px 35px !important;
    font-weight: 700 !important;
}

.elementor-button.btn-premium-outline:hover {
    background-color: var(--brand-cyan) !important;
    color: #fff !important;
    transform: translateY(-3px) !important;
}

/* 5. Section Headings With Cyan Line */
h2.elementor-heading-title, .section-title h2 {
    font-size: 2.5rem !important;
    margin-bottom: 2rem !important;
    position: relative !important;
}

h2.elementor-heading-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-cyan), transparent);
    margin-top: 15px;
    border-radius: 2px;
}

/* 6. High Confidence Stats Section */
.stat-box-container {
    background-color: var(--secondary-dark) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    padding: 40px !important;
}

.stat-number {
    font-size: 3rem !important;
    font-weight: 850 !important;
    color: var(--brand-orange) !important;
}

.stat-label {
    color: var(--cool-gray) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 11px !important;
}


/* ICSA FOOTER RECOVERY - ULTIMATE DARK MODE FOR ASTRA */
.site-footer, 
.ast-footer-copyright, 
.footer-adv, 
#colophon, 
.ast-small-footer,
.ast-footer-overlay {
    background-color: #0F172A !important; /* Navy Charcoal Industrial */
    background-image: none !important;
    color: #F8FAFC !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.ast-footer-copyright, .ast-small-footer-section {
    color: rgba(248, 250, 252, 0.6) !important;
    font-size: 14px !important;
}

.ast-footer-copyright a, .site-footer a, .ast-small-footer-section a {
    color: #F5A623 !important; /* Brand Orange/Gold ICSA */
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.ast-footer-copyright a:hover, .site-footer a:hover {
    color: #18A8D8 !important; /* Cyan on Hover */
}

/* Hapus Garis Putih Bawaan Astra */
.ast-footer-copyright {
    border-top: none !important;
}

