/**
 * GMES Color System Override
 * This file overrides all color references in the main style.css file
 * to use our defined CSS variables for consistent branding.
 */

:root {
    /* Brand Colors */
    --color-primary: #1e88e5;
    --color-primary-hover: #1976d2;
    --color-primary-active: #1565c0;
    --color-secondary: #e53935;
    --color-secondary-hover: #d32f2f;
    --color-secondary-active: #c62828;
    /* Accent/Amber (optional) */
    --color-accent: #ffc107;
    --color-accent-hover: #ffb300;
    --color-accent-active: #ffa000;
    /* Text Colors */
    --color-text-on-primary: #fff;
    --color-text-on-secondary: #fff;
    --color-text-on-accent: #000;
}

/* Base styles and links */
::selection {
    background-color: var(--color-secondary);
    color: var(--color-text-on-secondary);
}

a {
    color: var(--color-primary);
}

a:hover {
    color: var(--color-primary-hover) !important;
}

/* Theme colors */
.color-theme {
    color: var(--color-primary) !important;
}

.bg-theme {
    background-color: var(--color-primary) !important;
}

.bg-overlay-theme:before {
    background-color: rgba(30, 136, 229, 0.9); /* Primary color with opacity */
}

/* Heading elements */
.heading__subtitle {
    color: var(--color-secondary);
}

/* Text links */
.text__link:hover a {
    color: var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
}

/* Dividers */
.divider__theme:after {
    background-color: var(--color-primary);
}

/* Buttons */
.btn__primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn__primary:active,
.btn__primary:focus,
.btn__primary:hover {
    color: var(--color-primary);
}

.btn__secondary:active,
.btn__secondary:focus,
.btn__secondary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn__default:active,
.btn__default:focus,
.btn__default:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn__white:active,
.btn__white:focus,
.btn__white:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn__link.btn__primary {
    color: var(--color-primary);
}

.btn__bordered.btn__primary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn__bordered.btn__primary:active,
.btn__bordered.btn__primary:focus,
.btn__bordered.btn__primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn__white.btn__secondary:active,
.btn__white.btn__secondary:focus,
.btn__white.btn__secondary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn__bordered.btn__white:active,
.btn__bordered.btn__white:focus,
.btn__bordered.btn__white:hover {
    color: var(--color-primary);
}

.btn__underlined:after {
    background-color: var(--color-primary);
}

/* Forms */
.form-control:focus {
    border-color: var(--color-primary);
}

.radio-indicator:after {
    background: var(--color-primary);
}

/* Navigation */
.nav-tabs .nav__link:after {
    background-color: var(--color-primary);
}

.nav-tabs .nav__link.active,
.nav-tabs .nav__link:hover {
    color: var(--color-primary);
}

/* Social icons */
.social__icons a:hover {
    color: var(--color-primary);
}

/* Header */
.header__topbar .social__icons a:hover {
    color: var(--color-primary);
}

.navbar .nav__item .nav__item-link:before {
    background-color: var(--color-secondary);
}

.navbar .dropdown-menu .nav__item .nav__item-link:after {
    background-color: var(--color-primary);
}

.navbar .dropdown-menu .nav__item .nav__item-link:hover {
    color: var(--color-primary);
}

.header-full-layout2 .header__topbar .contact__list li > i {
    color: var(--color-primary);
}

.header-full-layout2 .navbar__bottom {
    background-color: var(--color-primary);
}

.header-full-layout2 .navbar__bottom.fixed-navbar {
    background-color: var(--color-primary) !important;
}

/* Module buttons */
.module__btn:hover {
    color: var(--color-primary);
}

.module__search-container .close-search:after {
    background-color: var(--color-primary);
}

.module__search-container .module__search-btn:hover {
    color: var(--color-primary);
}

.module__search-container .search__input {
    border-bottom: 2px solid var(--color-primary);
}

/* Pagination */
.pagination li a.current,
.pagination li a:hover {
    background-color: var(--color-primary);
}

/* Features */
.features-Layout2 .feature-item:after {
    background-color: var(--color-primary);
}

.features-list-layout1 .feature__content:before {
    background-color: var(--color-primary);
}

.features-list-layout3 .feature-list-item .feature__content:before {
    color: var(--color-primary);
}

/* Fancybox */
.fancybox-item .fancybox__icon {
    color: var(--color-primary);
}

.fancybox-item:hover .fancybox__title {
    color: var(--color-primary);
}

/* Projects */
.project-item .project__cat a {
    color: var(--color-primary);
}

.project-item .project__title a:hover {
    color: var(--color-primary);
}

.project-item .btn__link i {
    color: var(--color-primary);
}

.project-item:hover .btn__link {
    color: var(--color-primary);
}

.projects-filter li a.active,
.projects-filter li a:hover {
    color: var(--color-primary);
}

.projects-filter li a:after {
    background-color: var(--color-primary);
}

.projects-carousel .owl-nav .owl-next:hover,
.projects-carousel .owl-nav .owl-prev:hover {
    color: var(--color-primary);
}

.projects-carousel .project-item .btn__link {
    color: var(--color-primary);
}

.projects-slider
    .owl-thumbs
    .owl-thumb-item.active
    .thumb-item-wrap
    .thumb-item-wrap-hover {
    background-color: var(--color-primary);
}

.projects-slider
    .owl-thumbs
    .owl-thumb-item.active
    .thumb-item-wrap
    .thumb-item-wrap-content {
    background-color: var(--color-primary);
}

.projects-slider .carousel-dots .owl-dots .owl-dot.active span {
    border-color: var(--color-primary);
}

/* Testimonials */
.testimonial-item .testimonial__rating i {
    color: var(--color-primary);
}

.testimonial__thumb {
    border: 2px solid var(--color-primary);
}

/* Accordion */
.accordion-item.opened {
    border-color: var(--color-primary);
}

.accordion-item.opened .accordion__item-title {
    color: var(--color-primary);
}

.accordion-item.opened .accordion__item-title:after {
    background-color: var(--color-primary);
}

/* Footer */
.footer__widget-newsletter .footer__widget-content .footer__widget-title {
    color: var(--color-primary);
}

.widget__newsletter-form .form-control:focus {
    border-color: var(--color-primary);
}

.footer__copyright-links li a:hover,
.footer__widget-nav li a:hover {
    color: var(--color-primary);
}

.footer__contact-link a:after {
    background-color: var(--color-primary);
}

#scrollTopBtn:hover {
    background-color: var(--color-primary);
}

/* Blog */
.blog-item .blog__meta-cat a {
    color: var(--color-primary);
}

.blog-item .blog__meta-cat a:after {
    color: var(--color-primary);
}

.blog-item .blog__title a:hover {
    color: var(--color-primary);
}

.blog-item .btn__link i {
    color: var(--color-primary);
}

.blog-item:hover .btn__link {
    color: var(--color-primary);
}

.blog-share .social__icons a:hover {
    color: var(--color-primary);
}

.blog__tags a {
    background-color: var(--color-primary);
}

.blog-nav .blog__next:hover h6,
.blog-nav .blog__prev:hover h6 {
    color: var(--color-primary);
}

.blog-author {
    border: 2px solid var(--color-primary);
}

.blog-author .blog__author-avatar {
    border: 2px solid var(--color-primary);
}

.comments-list .comment__item .comment__content .comment__reply {
    color: var(--color-primary);
}

/* Contact */
.contact-panel .contact__panel-list li i {
    color: var(--color-primary);
}

.contact-panel-2 .contact__panel-header {
    background-color: var(--color-primary);
}

/* Slider */
.slider .slide__subtitle {
    color: var(--color-secondary);
}

.slider .carousel-dots .owl-dots .owl-dot.active span {
    border-color: var(--color-primary);
}

.slider .slider__panel:hover .slider__panel-title {
    color: var(--color-primary);
}

/* Video */
.popup-video .video__player {
    background-color: var(--color-primary);
}

.popup-video .video__player-animation {
    border: 2px solid var(--color-primary);
}

.video__btn-white .video__player {
    color: var(--color-primary);
}

/* Member */
.member .member__content-inner {
    background-color: var(--color-primary);
}

.banner-4 .banner-content {
    background-color: var(--color-primary);
}

.banner-2 .carousel {
    background-color: var(--color-primary);
}

.service-item .service__icon i {
    color: var(--color-primary);
}

.service-item .btn__link i {
    color: var(--color-primary);
}

.carousel-dots .owl-dots .owl-dot.active span {
    border-color: var(--color-primary);
}

.about__img:after {
    background-color: var(--color-primary);
}

.service-item .service__overlay {
    background-color: rgba(30, 136, 229, 0.8);
}