/* SO Energy Whitelabel Styles */
/* Brand Colors */

:root {
    --soenergy-green: #CBFB00;
    --soenergy-lime: #CBFB00;
    --soenergy-cream: #F8FEB9;
    --soenergy-grey: #81877C;
    --soenergy-light-grey: #E8E7E1;
    --soenergy-black: #14140A;
    --soenergy-mid-grey: #252C29;
    --soenergy-white: #FFFFFF;
    --soenergy-dark: #14140A;
    --soenergy-secondary: #E8E7E1;

    /* Animation timing functions */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* =============================================
   CLEAN, FOCUSED STYLING
   ============================================= */

/* Form Input Styling */
.form-group .form-control {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    border: 2px solid transparent;
}

.form-group .form-control:focus {
    border-color: var(--soenergy-black);
    box-shadow: 0 0 0 3px rgba(20, 20, 10, 0.08);
    outline: none;
}

/* Contact Options - Simple Hover */
.options {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.options .fa-chevron-right {
    transition: transform 0.2s ease;
}

.options:hover .fa-chevron-right {
    transform: translateX(4px);
}

h1.soenergy{
    font-size:32px!important;
    font-weight: 900!important;
    letter-spacing: -0.5px;
}

h2.soenergy{
    font-size:24px!important;
    font-weight: 700!important;
}

.header_top_quickchat.soenergy-header{
    background-color: var(--soenergy-dark)!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.soenergy-card {
    background: linear-gradient(135deg, var(--soenergy-lime) 0%, #B8F000 100%)!important;
    border: none!important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15)!important;
}

.soenergy-card .card-body {
    background-color: transparent!important;
}

.soenergy-content-card {
    background-color: #ffffff!important;
    border-radius: 16px!important;
    border: none!important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08)!important;
}

.options {
    background-color: #ffffff!important;
    border: 2px solid #f0f0f0!important;
    transition: all 0.3s ease!important;
}

.options:hover {
    border-color: var(--soenergy-lime)!important;
    box-shadow: 0 6px 20px rgba(205, 255, 0, 0.3)!important;
    transform: translateY(-2px)!important;
}

.options:hover h3 {
    color: var(--soenergy-black)!important;
}

.options h3 {
    font-weight: 700!important;
    font-size: 18px!important;
}

/* Login Button - Bold & Confident */
.btn-soenergy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    background-color: var(--soenergy-black)!important;
    border: none!important;
    color: var(--soenergy-lime)!important;
    font-weight: 800!important;
    font-size: 16px!important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 18px 32px!important;
    border-radius: 14px!important;
    transition: transform 0.15s ease, box-shadow 0.15s ease!important;
    cursor: pointer;
    position: relative;
}

.btn-soenergy:hover {
    background-color: var(--soenergy-black)!important;
    color: var(--soenergy-lime)!important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(20, 20, 10, 0.25);
}

.btn-soenergy:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(20, 20, 10, 0.2);
}

/* Button with arrow icon */
.btn-soenergy::after {
    content: '→';
    font-size: 20px;
    font-weight: 400;
    transition: transform 0.15s ease;
}

.btn-soenergy:hover::after {
    transform: translateX(4px);
}

.text-soenergy {
    color: var(--soenergy-black)!important;
}

.text-soenergy-lime {
    color: var(--soenergy-lime)!important;
}

.bg-soenergy {
    background-color: var(--soenergy-black)!important;
}

.bg-soenergy-lime {
    background-color: var(--soenergy-lime)!important;
}

.bg-soenergy-dark {
    background-color: var(--soenergy-dark)!important;
}

body.soenergy-body {
    background-color: var(--soenergy-secondary);
}