/* --- Override theme blue variables --- */
salla-add-product-button,
salla-add-product-button .s-button-btn,
salla-add-product-button button {
    --color-primary: #6b7c45 !important;
    --color-primary-hover: #5a6a38 !important;
    --s-button-primary-bg: #6b7c45 !important;
    --s-button-primary-bg-hover: #5a6a38 !important;
    --tw-ring-color: transparent !important;
    --tw-ring-shadow: none !important;
}

/* --- Base Neumorphic Button --- */
salla-add-product-button .s-button-btn,
salla-add-product-button .s-button-element,
salla-add-product-button .s-button-primary,
salla-add-product-button .s-button-solid,
salla-add-product-button button,
.s-add-product-button-main .s-button-btn,
.s-add-product-button-main button {
    background: linear-gradient(145deg, #748a4c, #607040) !important;
    border: none !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    padding: 16px 32px !important;
    box-shadow:
        6px 6px 14px rgba(0, 0, 0, 0.25),
        -4px -4px 10px rgba(255, 255, 255, 0.08),
        inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
    transform: translateY(0px) !important;
    transition: background 0.3s ease,
                transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.3s ease !important;
    outline: none !important;
}

/* --- Hover: lifts and glows --- */
salla-add-product-button .s-button-btn:hover,
salla-add-product-button .s-button-element:hover,
salla-add-product-button .s-button-primary:hover,
salla-add-product-button button:hover,
.s-add-product-button-main button:hover {
    background: linear-gradient(145deg, #7d9451, #657843) !important;
    transform: translateY(-4px) !important;
    box-shadow:
        8px 12px 20px rgba(0, 0, 0, 0.3),
        -4px -4px 10px rgba(255, 255, 255, 0.08),
        inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
}

/* --- Focus: olive ring, no blue --- */
salla-add-product-button .s-button-btn:focus,
salla-add-product-button button:focus,
salla-add-product-button .s-button-btn:focus-visible,
salla-add-product-button button:focus-visible,
.s-add-product-button-main button:focus,
.s-add-product-button-main button:focus-visible {
    outline: none !important;
    box-shadow:
        6px 6px 14px rgba(0, 0, 0, 0.25),
        -4px -4px 10px rgba(255, 255, 255, 0.08),
        0 0 0 3px rgba(107, 124, 69, 0.4) !important;
}

/* --- Click: presses inward --- */
salla-add-product-button .s-button-btn:active,
salla-add-product-button button:active,
.s-add-product-button-main button:active {
    background: linear-gradient(145deg, #607040, #748a4c) !important;
    transform: translateY(1px) !important;
    box-shadow:
        3px 3px 8px rgba(0, 0, 0, 0.3),
        -2px -2px 6px rgba(255, 255, 255, 0.06),
        inset 2px 2px 6px rgba(0, 0, 0, 0.2) !important;
    transition: transform 0.1s ease,
                box-shadow 0.1s ease !important;
}