/* Custom Theme Colors for Berk Solutions */
:root {
    --primary-color: rgb(11,90,219);
    --secondary-color: rgb(113,20,239);
    --accent-color: #fff;
    --gradient-primary: linear-gradient(to left, rgb(20,117,247) 0%, rgb(113,20,239) 100%);
    --gradient-secondary: linear-gradient(to left, rgb(11,90,219) 0%, rgb(113,20,239) 100%);
    --dark-bg: rgb(11,90,219);
    --dark-text: #fff;
}

/* Override all theme colors */
.default-btn-one,
.btn-style-one,
.btn-style-two,
.btn-style-three,
.theme-btn,
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li > ul > li:hover > a,
.main-header .outer-box .option-list li a:hover,
.main-header .outer-box .option-list li .icon,
.main-header .info-box .icon-box,
.main-header .header-upper .contact-number .icon,
.services-block .inner-box .lower-content .icon-box,
.services-block-two .inner-box .icon-box,
.services-block-two .inner-box .content-box h3 a:hover,
.news-block .inner-box .lower-content h3 a:hover,
.news-block .inner-box .image .category li a,
.news-widget-block .widget-inner h3 a:hover,
.featured-block .inner-box h3 a:hover,
.info-block .inner-box .icon-box,
.address-box .inner-box .icon-box,
.info-block .inner-box .find-map:hover,
.key-block .inner-box .content h3 a:hover,
.testimonial-block .inner-box .location,
.fact-counter .count-outer,
.fact-counter .count-outer .count-text,
.feedback-block .inner-box .content-column .title,
.feedback-block .inner-box .content-column .quote-icon,
.feedback-block .inner-box .content-column .location,
.main-header .outer-box .option-box li.cart .number,
.windows-page-section .title-box .text a,
.product-block .inner-box .lower-box .product-price li,
.items-section .sec-title .more-products:hover,
.category-list-two li a:hover,
.window-tab-section .window-tabs .tab-btns .tab-btn:hover,
.window-tab-section .image-column .plus-box .icon:after,
.fluid-section-one .content-column .next-btn:hover,
.fluid-section-one .content-column .prev-btn:hover,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a,
.welcome-section .content-column .inner-column .percent span {
    color: var(--primary-color) !important;
}

/* Background colors */
.default-btn-one,
.btn-style-one,
.btn-style-two,
.btn-style-three,
.theme-btn,
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.current > a,
.services-block .inner-box:hover,
.services-block-two .inner-box:hover,
.news-block .inner-box:hover,
.featured-block .inner-box:hover,
.info-block .inner-box:hover,
.address-box .inner-box:hover,
.key-block .inner-box:hover,
.testimonial-block .inner-box:hover,
.feedback-block .inner-box:hover,
.product-block .inner-box:hover,
.window-tab-section .window-tabs .tab-btns .tab-btn.active,
.window-tab-section .window-tabs .tab-btns .tab-btn:hover,
.fluid-section-one .content-column .next-btn:hover,
.fluid-section-one .content-column .prev-btn:hover,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a {
    background: var(--gradient-primary) !important;
}

/* Border colors */
.default-btn-one,
.btn-style-one,
.btn-style-two,
.btn-style-three,
.theme-btn,
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.current > a,
.services-block .inner-box:hover,
.services-block-two .inner-box:hover,
.news-block .inner-box:hover,
.featured-block .inner-box:hover,
.info-block .inner-box:hover,
.address-box .inner-box:hover,
.key-block .inner-box:hover,
.testimonial-block .inner-box:hover,
.feedback-block .inner-box:hover,
.product-block .inner-box:hover,
.window-tab-section .window-tabs .tab-btns .tab-btn.active,
.window-tab-section .window-tabs .tab-btns .tab-btn:hover,
.fluid-section-one .content-column .next-btn:hover,
.fluid-section-one .content-column .prev-btn:hover,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a {
    border-color: var(--primary-color) !important;
}

/* Hover effects for dark backgrounds */
.default-btn-one:hover,
.btn-style-one:hover,
.btn-style-two:hover,
.btn-style-three:hover,
.theme-btn:hover,
.services-block .inner-box:hover,
.services-block-two .inner-box:hover,
.news-block .inner-box:hover,
.featured-block .inner-box:hover,
.info-block .inner-box:hover,
.address-box .inner-box:hover,
.key-block .inner-box:hover,
.testimonial-block .inner-box:hover,
.feedback-block .inner-box:hover,
.product-block .inner-box:hover,
.window-tab-section .window-tabs .tab-btns .tab-btn.active,
.window-tab-section .window-tabs .tab-btns .tab-btn:hover,
.fluid-section-one .content-column .next-btn:hover,
.fluid-section-one .content-column .prev-btn:hover,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a {
    background: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

/* Hover effects for text on dark backgrounds */
.default-btn-one:hover h1,
.default-btn-one:hover h2,
.default-btn-one:hover h3,
.default-btn-one:hover h4,
.default-btn-one:hover h5,
.default-btn-one:hover h6,
.default-btn-one:hover p,
.default-btn-one:hover span,
.default-btn-one:hover a,
.services-block .inner-box:hover h1,
.services-block .inner-box:hover h2,
.services-block .inner-box:hover h3,
.services-block .inner-box:hover h4,
.services-block .inner-box:hover h5,
.services-block .inner-box:hover h6,
.services-block .inner-box:hover p,
.services-block .inner-box:hover span,
.services-block .inner-box:hover a,
.services-block-two .inner-box:hover h1,
.services-block-two .inner-box:hover h2,
.services-block-two .inner-box:hover h3,
.services-block-two .inner-box:hover h4,
.services-block-two .inner-box:hover h5,
.services-block-two .inner-box:hover h6,
.services-block-two .inner-box:hover p,
.services-block-two .inner-box:hover span,
.services-block-two .inner-box:hover a,
.news-block .inner-box:hover h1,
.news-block .inner-box:hover h2,
.news-block .inner-box:hover h3,
.news-block .inner-box:hover h4,
.news-block .inner-box:hover h5,
.news-block .inner-box:hover h6,
.news-block .inner-box:hover p,
.news-block .inner-box:hover span,
.news-block .inner-box:hover a,
.featured-block .inner-box:hover h1,
.featured-block .inner-box:hover h2,
.featured-block .inner-box:hover h3,
.featured-block .inner-box:hover h4,
.featured-block .inner-box:hover h5,
.featured-block .inner-box:hover h6,
.featured-block .inner-box:hover p,
.featured-block .inner-box:hover span,
.featured-block .inner-box:hover a,
.info-block .inner-box:hover h1,
.info-block .inner-box:hover h2,
.info-block .inner-box:hover h3,
.info-block .inner-box:hover h4,
.info-block .inner-box:hover h5,
.info-block .inner-box:hover h6,
.info-block .inner-box:hover p,
.info-block .inner-box:hover span,
.info-block .inner-box:hover a,
.address-box .inner-box:hover h1,
.address-box .inner-box:hover h2,
.address-box .inner-box:hover h3,
.address-box .inner-box:hover h4,
.address-box .inner-box:hover h5,
.address-box .inner-box:hover h6,
.address-box .inner-box:hover p,
.address-box .inner-box:hover span,
.address-box .inner-box:hover a,
.key-block .inner-box:hover h1,
.key-block .inner-box:hover h2,
.key-block .inner-box:hover h3,
.key-block .inner-box:hover h4,
.key-block .inner-box:hover h5,
.key-block .inner-box:hover h6,
.key-block .inner-box:hover p,
.key-block .inner-box:hover span,
.key-block .inner-box:hover a,
.testimonial-block .inner-box:hover h1,
.testimonial-block .inner-box:hover h2,
.testimonial-block .inner-box:hover h3,
.testimonial-block .inner-box:hover h4,
.testimonial-block .inner-box:hover h5,
.testimonial-block .inner-box:hover h6,
.testimonial-block .inner-box:hover p,
.testimonial-block .inner-box:hover span,
.testimonial-block .inner-box:hover a,
.feedback-block .inner-box:hover h1,
.feedback-block .inner-box:hover h2,
.feedback-block .inner-box:hover h3,
.feedback-block .inner-box:hover h4,
.feedback-block .inner-box:hover h5,
.feedback-block .inner-box:hover h6,
.feedback-block .inner-box:hover p,
.feedback-block .inner-box:hover span,
.feedback-block .inner-box:hover a,
.product-block .inner-box:hover h1,
.product-block .inner-box:hover h2,
.product-block .inner-box:hover h3,
.product-block .inner-box:hover h4,
.product-block .inner-box:hover h5,
.product-block .inner-box:hover h6,
.product-block .inner-box:hover p,
.product-block .inner-box:hover span,
.product-block .inner-box:hover a {
    color: var(--dark-text) !important;
}

/* Specific component overrides */
.navbar-brand h3,
.logo h3 {
    color: var(--primary-color) !important;
    font-weight: 700 !important;
    font-size: 28px !important;
}

.nav-link {
    color: var(--text-color) !important;
    font-weight: 500 !important;
}

.nav-link:hover,
.nav-link.active {
    color: var(--primary-color) !important;
}

.our-service-card {
    background: white !important;
    border-radius: 15px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e2e8f0 !important;
}

.our-service-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
    background: var(--gradient-primary) !important;
    color: white !important;
}

.our-service-card:hover h3,
.our-service-card:hover h3 span,
.our-service-card:hover p,
.our-service-card:hover i {
    color: #fff !important;
}

.our-service-card.featured {
    background: var(--gradient-primary) !important;
    color: white !important;
}

.our-service-card.featured h3,
.our-service-card.featured h3 span,
.our-service-card.featured p,
.our-service-card.featured i {
    color: #fff !important;
}