/*
 * CompanyEvents Theme Variables
 *
 * To customize the theme, define these CSS variables in your site-specific CSS.
 * Load order does not matter - defaults are provided as fallback values.
 *
 * Available variables (with defaults):
 *
 * Primary Colors:
 *   --ce-color-primary: #007bff
 *   --ce-color-primary-hover: #0056b3
 *   --ce-color-secondary: #6c757d
 *   --ce-color-secondary-hover: #545b62
 *   --ce-color-success: #28a745
 *   --ce-color-success-hover: #218838
 *   --ce-color-danger: #d9534f
 *   --ce-color-info: #337ab7
 *   --ce-color-white: #ffffff
 *
 * Text Colors:
 *   --ce-text-heading: #333333
 *   --ce-text-subheading: #555555
 *   --ce-text-muted: #666666
 *
 * Background Colors:
 *   --ce-bg-light: #f8f9fa
 *   --ce-bg-subtle: #f9f9f9
 *   --ce-bg-hover: #f5f5f5
 *   --ce-bg-error: #fff5f5
 *   --ce-bg-overlay: rgba(0, 0, 0, 0.5)
 *
 * Border Colors:
 *   --ce-border-default: #cccccc
 *   --ce-border-light: #dddddd
 *
 * Progress Indicator:
 *   --ce-progress-step-bg: #e0e0e0
 *   --ce-progress-step-text: #666666
 *
 * Alerts:
 *   --ce-alert-success-text: #155724
 *   --ce-alert-success-bg: #d4edda
 *   --ce-alert-success-border: #c3e6cb
 *   --ce-alert-info-text: #31708f
 *   --ce-alert-info-bg: #d9edf7
 *   --ce-alert-info-border: #bce8f1
 *   --ce-alert-danger-text: #a94442
 *   --ce-alert-danger-bg: #f2dede
 *   --ce-alert-danger-border: #ebccd1
 *
 * Shadows:
 *   --ce-shadow-color: rgba(0, 0, 0, 0.1)
 *
 * Example override in your site CSS:
 * :root {
 *     --ce-color-primary: #e74c3c;
 *     --ce-color-success: #2ecc71;
 * }
 */

/*
 * Bootstrap Overrides (scoped to .company-events)
 * These only apply within the CompanyEvents area.
 */

/* Primary Button */
.company-events .btn-primary {
    background-color: var(--ce-color-primary, #007bff);
    border-color: var(--ce-color-primary, #007bff);
    color: var(--ce-color-white, #fff);
    background-image: none;
}
.company-events .btn-primary:hover,
.company-events .btn-primary:focus {
    background-color: var(--ce-color-primary-hover, #0056b3);
    border-color: var(--ce-color-primary-hover, #0056b3);
    color: var(--ce-color-white, #fff);
    background-image: none;
}

/* Success Button */
.company-events .btn-success {
    background-color: var(--ce-color-success, #28a745);
    border-color: var(--ce-color-success, #28a745);
    color: var(--ce-color-white, #fff);
    background-image: none;
}
.company-events .btn-success:hover,
.company-events .btn-success:focus {
    background-color: var(--ce-color-success-hover, #218838);
    border-color: var(--ce-color-success-hover, #218838);
    color: var(--ce-color-white, #fff);
    background-image: none;
}

/* Danger Button */
.company-events .btn-danger {
    background-color: var(--ce-color-danger, #d9534f);
    border-color: var(--ce-color-danger, #d9534f);
    color: var(--ce-color-white, #fff);
    background-image: none;
}
.company-events .btn-danger:hover,
.company-events .btn-danger:focus {
    background-color: var(--ce-color-danger, #d9534f);
    border-color: var(--ce-color-danger, #d9534f);
    color: var(--ce-color-white, #fff);
    background-image: none;
    filter: brightness(0.9);
}

/* Info Button */
.company-events .btn-info {
    background-color: var(--ce-color-info, #337ab7);
    border-color: var(--ce-color-info, #337ab7);
    background-image: none;
}
.company-events .btn-info:hover,
.company-events .btn-info:focus {
    background-color: var(--ce-color-info, #337ab7);
    border-color: var(--ce-color-info, #337ab7);
    background-image: none;
    filter: brightness(0.9);
}

/* Secondary/Default Button */
.company-events .btn-default {
    border-color: var(--ce-border-default, #ccc);
}
.company-events .btn-default:hover,
.company-events .btn-default:focus {
    background-color: var(--ce-bg-hover, #f5f5f5);
    border-color: var(--ce-border-default, #ccc);
}

/* Keep icons at the button's font size even when a site sets font-size on all spans */
.company-events .btn .glyphicon {
    font-size: inherit;
}

/* Icon-only buttons: center the icon instead of aligning it to the site font's baseline */
.company-events .btn.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.company-events .btn.btn-icon .glyphicon {
    top: 0;
    line-height: inherit;
}

/* Links */
.company-events a {
    color: var(--ce-color-info, #337ab7);
}
.company-events a:hover,
.company-events a:focus {
    color: var(--ce-color-primary-hover, #0056b3);
}

/* Anchor tags styled as buttons should not inherit link colors */
.company-events a:is(.btn-primary, .btn-success, .btn-danger, .btn-info, .standard-btn),
.company-events a:is(.btn-primary, .btn-success, .btn-danger, .btn-info, .standard-btn):hover,
.company-events a:is(.btn-primary, .btn-success, .btn-danger, .btn-info, .standard-btn):focus {
    color: var(--ce-color-white, #fff);
}

/* Alerts */
.company-events .alert-success {
    color: var(--ce-alert-success-text, #155724);
    background-color: var(--ce-alert-success-bg, #d4edda);
    border-color: var(--ce-alert-success-border, #c3e6cb);
    background-image: none;
}

.company-events .alert-info {
    color: var(--ce-alert-info-text, #31708f);
    background-color: var(--ce-alert-info-bg, #d9edf7);
    border-color: var(--ce-alert-info-border, #bce8f1);
    background-image: none;
}

.company-events .alert-danger {
    color: var(--ce-alert-danger-text, #a94442);
    background-color: var(--ce-alert-danger-bg, #f2dede);
    border-color: var(--ce-alert-danger-border, #ebccd1);
    background-image: none;
}

/* Panels */
.company-events .panel-primary > .panel-heading {
    background-color: var(--ce-color-primary, #007bff);
    border-color: var(--ce-color-primary, #007bff);
}

.company-events .panel-success > .panel-heading {
    background-color: var(--ce-color-success, #28a745);
    border-color: var(--ce-color-success, #28a745);
}

/* Badges */
.company-events .badge {
    background-color: var(--ce-color-info, #337ab7);
}

/* Nav Tabs */
.company-events .nav-tabs > li.active > a,
.company-events .nav-tabs > li.active > a:hover,
.company-events .nav-tabs > li.active > a:focus {
    border-bottom-color: var(--ce-color-primary, #007bff);
}