/* Dynamic B2B Product Plugin Styles */
/* This file contains dynamically generated CSS variables and styles */

:root {
    /* Primary color variables - will be populated by PHP */
    --b2b-primary-color: #007cba;
    --b2b-secondary-color: #6c757d;
    --b2b-accent-color: #28a745;
    --b2b-text-color: #333333;
    --b2b-background-color: #ffffff;
    --b2b-border-color: #dee2e6;
    --b2b-floating-button-color: #007cba;
    --b2b-floating-button-hover-color: #005a87;
    --b2b-floating-button-text-color: #ffffff;
    --b2b-email-header-color: #007cba;
    
    /* Social media button colors */
    --b2b-whatsapp-color: #25D366;
    --b2b-whatsapp-color-dark: #128C7E;
    --b2b-whatsapp-hover-color: #1ebe57;
    --b2b-whatsapp-text-color: #ffffff;
    
    --b2b-wechat-color: #1AAD19;
    --b2b-wechat-color-dark: #00D100;
    --b2b-wechat-hover-color: #0d8b0d;
    --b2b-wechat-text-color: #ffffff;
    
    --b2b-phone-color: #4CAF50;
    --b2b-phone-color-dark: #45a049;
    --b2b-phone-hover-color: #4CAF50;
    --b2b-phone-text-color: #ffffff;
    
    --b2b-email-color: #007cba;
    --b2b-email-color-dark: #005a87;
    --b2b-email-hover-color: #007cba;
    --b2b-email-text-color: #ffffff;
    
    --b2b-back-to-top-color: #007cba;
    --b2b-back-to-top-color-dark: #005a87;
    --b2b-back-to-top-hover-color: #007cba;
    --b2b-back-to-top-text-color: #ffffff;
    
    /* Tooltip colors */
    --b2b-tooltip-bg: rgba(0, 0, 0, 0.8);
    --b2b-tooltip-color: #ffffff;
    
    /* Shadow colors */
    --b2b-primary-shadow: rgba(0, 124, 186, 0.3);
    --b2b-primary-shadow-hover: rgba(0, 124, 186, 0.4);
    --b2b-primary-shadow-pulse: rgba(0, 124, 186, 0.6);
    
    /* Additional UI colors */
    --b2b-light-bg: #f8f9fa;
    --b2b-muted-color: #999999;
    --b2b-light-gray: #e9ecef;
    --b2b-dark-gray: #6c757d;
    
    /* Derived colors */
    --b2b-primary-hover: #005a87;
    --b2b-secondary-hover: #545b62;
    --b2b-success-color: #28a745;
    --b2b-danger-color: #dc3545;
    --b2b-warning-color: #ffc107;
    --b2b-info-color: #17a2b8;
    --b2b-light-color: #f8f9fa;
    --b2b-dark-color: #343a40;
    
    /* Quote button colors */
    --b2b-quote-button-color: var(--b2b-secondary-color);
    --b2b-quote-button-hover-color: var(--b2b-secondary-hover);
}

/* Primary buttons and elements */
.btn-primary, .contact-us-bg-button .btn, .b2b-btn-primary {
    background-color: var(--b2b-primary-color) !important;
    border-color: var(--b2b-primary-color) !important;
    color: var(--b2b-background-color) !important;
}

.btn-primary:hover, .contact-us-bg-button .btn:hover, .b2b-btn-primary:hover {
    background-color: var(--b2b-primary-hover) !important;
    border-color: var(--b2b-primary-hover) !important;
}

/* Secondary buttons */
.btn-secondary, .b2b-btn-secondary {
    background-color: var(--b2b-secondary-color) !important;
    border-color: var(--b2b-secondary-color) !important;
    color: var(--b2b-background-color) !important;
}

.btn-secondary:hover, .b2b-btn-secondary:hover {
    background-color: var(--b2b-secondary-hover) !important;
    border-color: var(--b2b-secondary-hover) !important;
}

/* Links and text colors */
.b2b-breadcrumb a, .b2b-link, .b2b-product-link {
    color: var(--b2b-primary-color) !important;
}

.b2b-breadcrumb a:hover, .b2b-link:hover, .b2b-product-link:hover {
    color: var(--b2b-primary-hover) !important;
}

/* Borders and backgrounds */
.b2b-border {
    border-color: var(--b2b-border-color) !important;
}

.b2b-background {
    background-color: var(--b2b-background-color) !important;
}

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

/* Floating contact elements */
.b2b-floating-contact {
    background-color: var(--b2b-floating-button-color) !important;
    color: var(--b2b-floating-button-text-color) !important;
}

.b2b-floating-contact:hover {
    background-color: var(--b2b-floating-button-hover-color) !important;
}

/* Form elements */
.b2b-form-control:focus {
    border-color: var(--b2b-primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--b2b-primary-color), 0.25) !important;
}

/* Status colors */
.b2b-success {
    color: var(--b2b-success-color) !important;
}

.b2b-danger {
    color: var(--b2b-danger-color) !important;
}

.b2b-warning {
    color: var(--b2b-warning-color) !important;
}

.b2b-info {
    color: var(--b2b-info-color) !important;
}