/**
 * Elementor Widgets Common Styles
 * 
 * @package R1BBIT
 */

/* ============================================
   Common Background Modes
   ============================================ */

/* Dark Mode */
.r1bbit-dark-bg {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
}

.r1bbit-dark-bg * {
    color: #ffffff;
}

.r1bbit-dark-bg .r1bbit-title-highlight,
.r1bbit-dark-bg .r1bbit-logo-text,
.r1bbit-dark-bg .r1bbit-header-menu a,
.r1bbit-dark-bg .r1bbit-about-title span:not(.r1bbit-title-highlight),
.r1bbit-dark-bg .r1bbit-about-subtitle,
.r1bbit-dark-bg .r1bbit-stat-number,
.r1bbit-dark-bg .r1bbit-stat-label,
.r1bbit-dark-bg .r1bbit-empowering-title span:not(.r1bbit-title-highlight),
.r1bbit-dark-bg .r1bbit-empowering-description,
.r1bbit-dark-bg .r1bbit-features-list span,
.r1bbit-dark-bg .r1bbit-values-title,
.r1bbit-dark-bg .r1bbit-values-subtitle,
.r1bbit-dark-bg .r1bbit-value-title,
.r1bbit-dark-bg .r1bbit-value-description,
.r1bbit-dark-bg .r1bbit-journey-title,
.r1bbit-dark-bg .r1bbit-journey-subtitle,
.r1bbit-dark-bg .r1bbit-timeline-title,
.r1bbit-dark-bg .r1bbit-timeline-description,
.r1bbit-dark-bg .r1bbit-team-title,
.r1bbit-dark-bg .r1bbit-team-subtitle,
.r1bbit-dark-bg .r1bbit-team-name,
.r1bbit-dark-bg .r1bbit-cta-title,
.r1bbit-dark-bg .r1bbit-cta-subtitle {
    color: #ffffff;
}

.r1bbit-dark-bg .r1bbit-header-menu a:hover {
    color: #10b981;
}

.r1bbit-dark-bg .r1bbit-cta-btn-outline {
    border-color: #ffffff;
    color: #ffffff;
}

.r1bbit-dark-bg .r1bbit-cta-btn-outline:hover {
    background: rgba(255, 255, 255, 0.1);
}

.r1bbit-dark-bg .r1bbit-timeline-dot {
    border-color: #0f172a;
}

/* Light Mode */
.r1bbit-light-bg {
    background: #ffffff;
}

.r1bbit-light-bg.r1bbit-about-hero-widget,
.r1bbit-light-bg.r1bbit-empowering-widget,
.r1bbit-light-bg.r1bbit-values-widget,
.r1bbit-light-bg.r1bbit-journey-widget,
.r1bbit-light-bg.r1bbit-team-widget,
.r1bbit-light-bg.r1bbit-cta-widget {
    background: #ffffff;
}

.r1bbit-light-bg.r1bbit-header-widget {
    border-bottom: 1px solid #e5e7eb;
}

.r1bbit-light-bg .r1bbit-logo-text,
.r1bbit-light-bg .r1bbit-header-menu a,
.r1bbit-light-bg .r1bbit-about-title span:not(.r1bbit-title-highlight),
.r1bbit-light-bg .r1bbit-about-subtitle,
.r1bbit-light-bg .r1bbit-stat-number,
.r1bbit-light-bg .r1bbit-stat-label,
.r1bbit-light-bg .r1bbit-empowering-title span:not(.r1bbit-title-highlight),
.r1bbit-light-bg .r1bbit-empowering-description,
.r1bbit-light-bg .r1bbit-features-list span,
.r1bbit-light-bg .r1bbit-values-title,
.r1bbit-light-bg .r1bbit-values-subtitle,
.r1bbit-light-bg .r1bbit-value-title,
.r1bbit-light-bg .r1bbit-value-description,
.r1bbit-light-bg .r1bbit-journey-title,
.r1bbit-light-bg .r1bbit-journey-subtitle,
.r1bbit-light-bg .r1bbit-timeline-title,
.r1bbit-light-bg .r1bbit-timeline-description,
.r1bbit-light-bg .r1bbit-team-title,
.r1bbit-light-bg .r1bbit-team-subtitle,
.r1bbit-light-bg .r1bbit-team-name,
.r1bbit-light-bg .r1bbit-cta-title,
.r1bbit-light-bg .r1bbit-cta-subtitle {
    color: #1f2937;
}

.r1bbit-light-bg .r1bbit-header-menu a:hover {
    color: #10b981;
}

.r1bbit-light-bg .r1bbit-stat-card,
.r1bbit-light-bg .r1bbit-value-card,
.r1bbit-light-bg .r1bbit-timeline-card,
.r1bbit-light-bg .r1bbit-team-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.r1bbit-light-bg .r1bbit-value-card:hover,
.r1bbit-light-bg .r1bbit-team-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.r1bbit-light-bg .r1bbit-timeline::before,
.r1bbit-light-bg .r1bbit-timeline-line {
    background: #e5e7eb;
}

.r1bbit-light-bg .r1bbit-timeline-dot {
    border-color: #f9fafb;
}

.r1bbit-light-bg .r1bbit-team-image {
    border-color: rgba(16, 185, 129, 0.2);
}

.r1bbit-light-bg .r1bbit-cta-btn-outline {
    border-color: #1f2937;
    color: #1f2937;
}

.r1bbit-light-bg .r1bbit-cta-btn-outline:hover {
    background: rgba(31, 41, 55, 0.05);
}

/* Gray Mode */
.r1bbit-gray-bg {
    background: #f8f9fa;
}

.r1bbit-gray-bg.r1bbit-header-widget {
    border-bottom: 1px solid #e5e7eb;
}

.r1bbit-gray-bg .r1bbit-logo-text,
.r1bbit-gray-bg .r1bbit-header-menu a,
.r1bbit-gray-bg .r1bbit-about-title span:not(.r1bbit-title-highlight),
.r1bbit-gray-bg .r1bbit-about-subtitle,
.r1bbit-gray-bg .r1bbit-stat-number,
.r1bbit-gray-bg .r1bbit-stat-label,
.r1bbit-gray-bg .r1bbit-empowering-title span:not(.r1bbit-title-highlight),
.r1bbit-gray-bg .r1bbit-empowering-description,
.r1bbit-gray-bg .r1bbit-features-list span,
.r1bbit-gray-bg .r1bbit-values-title,
.r1bbit-gray-bg .r1bbit-values-subtitle,
.r1bbit-gray-bg .r1bbit-value-title,
.r1bbit-gray-bg .r1bbit-value-description,
.r1bbit-gray-bg .r1bbit-journey-title,
.r1bbit-gray-bg .r1bbit-journey-subtitle,
.r1bbit-gray-bg .r1bbit-timeline-title,
.r1bbit-gray-bg .r1bbit-timeline-description,
.r1bbit-gray-bg .r1bbit-team-title,
.r1bbit-gray-bg .r1bbit-team-subtitle,
.r1bbit-gray-bg .r1bbit-team-name,
.r1bbit-gray-bg .r1bbit-cta-title,
.r1bbit-gray-bg .r1bbit-cta-subtitle {
    color: #1f2937;
}

.r1bbit-gray-bg .r1bbit-header-menu a:hover {
    color: #10b981;
}

.r1bbit-gray-bg .r1bbit-stat-card,
.r1bbit-gray-bg .r1bbit-value-card,
.r1bbit-gray-bg .r1bbit-timeline-card,
.r1bbit-gray-bg .r1bbit-team-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.r1bbit-gray-bg .r1bbit-value-card:hover,
.r1bbit-gray-bg .r1bbit-team-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.r1bbit-gray-bg .r1bbit-timeline::before,
.r1bbit-gray-bg .r1bbit-timeline-line {
    background: #e5e7eb;
}

.r1bbit-gray-bg .r1bbit-timeline-dot {
    border-color: #f8f9fa;
}

.r1bbit-gray-bg .r1bbit-team-image {
    border-color: rgba(16, 185, 129, 0.2);
}

.r1bbit-gray-bg .r1bbit-cta-btn-outline {
    border-color: #1f2937;
    color: #1f2937;
}

.r1bbit-gray-bg .r1bbit-cta-btn-outline:hover {
    background: rgba(31, 41, 55, 0.05);
}

/* ============================================
   Common Title Highlight
   ============================================ */
.r1bbit-title-highlight {
    color: #10b981;
}

/* ============================================
   Common Responsive Styles
   ============================================ */
@media (max-width: 991.98px) {
    .r1bbit-about-title,
    .r1bbit-empowering-title,
    .r1bbit-values-title,
    .r1bbit-journey-title,
    .r1bbit-team-title,
    .r1bbit-cta-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 767.98px) {
    .r1bbit-about-hero-widget,
    .r1bbit-empowering-widget,
    .r1bbit-values-widget,
    .r1bbit-journey-widget,
    .r1bbit-team-widget,
    .r1bbit-cta-widget {
        padding: 4rem 1rem;
    }

    .r1bbit-about-title,
    .r1bbit-empowering-title,
    .r1bbit-values-title,
    .r1bbit-journey-title,
    .r1bbit-team-title,
    .r1bbit-cta-title {
        font-size: 2rem;
    }
}