/*--------------------------------------------------------------
# Light Theme Override CSS
--------------------------------------------------------------*/

/* Override CSS Variables for Light Theme */
:root {
  --Centotech-font: "Space Grotesk", sans-serif;
  --Centotech-font-two: "Marcellus", serif;
  --Centotech-gray: #6B7280;
  --Centotech-gray-rgb: 107, 114, 128;
  --Centotech-base: #3B82F6;
  --Centotech-base-rgb: 59, 130, 246;
  --Centotech-black: #FFFFFF;
  --Centotech-black-rgb: 255, 255, 255;
  --Centotech-white: #1F2937;
  --Centotech-white-rgb: 31, 41, 55;
}

/* Body and Main Background */
body {
  background-color: #F9FAFB;
  color: #374151;
}

/* Header and Navigation */
.main-menu__top {
  background-color: var(--Centotech-black);
}

.main-menu__top:before {
  background-color: rgba(var(--Centotech-white-rgb), .10);
}

.main-menu__top-social a {
  color: var(--Centotech-white);
  border: 1px solid rgba(var(--Centotech-white-rgb), .20);
}

.main-menu__top-social a:hover {
  color: var(--Centotech-black);
  border: 1px solid var(--Centotech-base);
}

.main-menu__contact-list li .text p {
  color: var(--Centotech-gray);
}

.main-menu__contact-list li .text p a {
  color: var(--Centotech-gray);
}

.main-menu__contact-list li:before {
  background-color: rgba(var(--Centotech-white-rgb), .10);
}

.main-menu__top-menu li a {
  color: var(--Centotech-white);
}

/* Main Menu */
.main-menu__wrapper:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
  color: #374151;
}

.main-menu .main-menu__list>li.dropdown>a:after {
  color: #374151;
}

.main-menu__search {
  color: #374151;
}

/* Dropdown Menus */
.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15);
}

.main-menu .main-menu__list>li>ul>li>a,
.main-menu .main-menu__list>li>ul>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>ul>li>a {
  background-color: #FFFFFF;
  color: #6B7280;
}

.main-menu .main-menu__list>li>ul>li:hover>a,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a {
  background-color: #F3F4F6;
  color: #374151;
}

/* Mobile Navigation */
.mobile-nav__content {
  background-color: #FFFFFF;
}

.mobile-nav__close {
  color: #374151;
}

.mobile-nav__content .main-menu__list>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
  color: #374151;
}

.mobile-nav__content .main-menu__list>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-nav__social a {
  color: #374151;
}

.mobile-nav__contact li a {
  color: #374151;
}

/* Sidebar */
.xs-sidebar-widget {
  background-color: #FFFFFF;
}

.xs-sidebar-group .content-inner h4 {
  color: #374151;
}

.xs-sidebar-group .content-inner .content-box p {
  color: #6B7280;
}

/* Buttons */
.thm-btn {
  background: linear-gradient(270deg, #3B82F6 0%, #1D4ED8 100%);
}

.thm-btn::before,
.thm-btn::after {
  background-color: #1F2937;
}

.thm-btn:hover {
  color: #FFFFFF;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #1F2937;
}

/* Section Titles */
.section-title__title {
  color: #1F2937;
}

/* Preloader */
.loader {
  background: #FFFFFF;
}

/* Scroll to Top */
.scroll-to-top__inner {
  background-color: #1F2937;
}

.scroll-to-top__wrapper {
  background-color: var(--Centotech-base);
}

/* Custom Cursor */
.custom-cursor__cursor {
  border: 1px solid var(--Centotech-base);
}

.custom-cursor__cursor-two {
  background-color: var(--Centotech-base);
}

/* Home Showcase */
.home-showcase__inner {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}

.home-showcase__title {
  background-color: #F3F4F6;
  color: #374151;
}

.home-showcase__buttons {
  background-color: rgba(255, 255, 255, 0.95);
}

/* Forms */
.xs-sidebar-group .content-inner .form-inner .form-group input[type='text'],
.xs-sidebar-group .content-inner .form-inner .form-group input[type='email'],
.xs-sidebar-group .content-inner .form-inner .form-group textarea {
  background-color: #F9FAFB;
  border: 1px solid #D1D5DB;
  color: #374151;
}

.xs-sidebar-group .content-inner .form-inner .form-group input:focus,
.xs-sidebar-group .content-inner .form-inner .form-group textarea:focus {
  border-color: var(--Centotech-base);
}

/* Stricky Header */
.stricky-header {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}

.stricky-header.main-menu {
  background-color: #FFFFFF;
}

/* Mobile Nav Toggler */
.main-menu .mobile-nav__toggler {
  color: #374151;
}

/* Links */
a {
  color: var(--Centotech-base);
}

/* Particles */
#particles-js {
  opacity: 0.1;
}

/* Additional Light Theme Adjustments */
.shadow-box {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}

/* Override any remaining dark backgrounds */
.main-header {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
}

/* Ensure text readability */
p {
  color: #6B7280;
}

/* Icon colors */
.main-menu__contact-list li .icon i {
  color: var(--Centotech-base);
}

/* Mobile overlay */
.mobile-nav__overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

/*--------------------------------------------------------------
# Banner and Hero Sections Light Theme
--------------------------------------------------------------*/
.banner-one__title {
  color: #1F2937;
}

.banner-one__title span {
  color: var(--Centotech-base);
}

.banner-one__bg {
  opacity: 0.03;
}

/*--------------------------------------------------------------
# Services Light Theme
--------------------------------------------------------------*/
.services-one,
.servces-one {
  background-color: #F9FAFB;
}

.services-one__single {
  /* Preserve original layout, only change colors */
  color: #374151;
}

.services-one__title a {
  color: #1F2937;
}

.services-one__text {
  color: #6B7280;
}

/* Services list items - preserve original structure */
.services-one__services-single {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.services-one__count::before {
  color: #6B7280;
}

.services-one__services-list li:hover .services-one__count::before {
  color: var(--Centotech-base);
}

/*--------------------------------------------------------------
# About Section Light Theme
--------------------------------------------------------------*/
.about-one {
  background-color: #FFFFFF;
}

.about-one__title {
  color: #1F2937;
}

.about-one__text {
  color: #6B7280;
}

.about-one__points-list li p {
  color: #374151;
}

/*--------------------------------------------------------------
# Team Section Light Theme
--------------------------------------------------------------*/
.team-one {
  background-color: #F9FAFB;
}

.team-one__single {
  /* Preserve original card structure and sizing */
  color: #374151;
}

.team-one__title a {
  color: #1F2937;
}

.team-one__sub-title {
  color: #6B7280;
}

.team-one__social a {
  background-color: #F3F4F6;
  color: #374151;
  border: 1px solid #E5E7EB;
}

.team-one__social a:hover {
  background-color: var(--Centotech-base);
  color: #FFFFFF;
}

/*--------------------------------------------------------------
# Testimonial Section Light Theme
--------------------------------------------------------------*/
.testimonial-one {
  background-color: #FFFFFF;
}

.testimonial-one__single {
  /* Preserve original card structure */
  /* background-color: #F9FAFB;
  border: 1px solid #E5E7EB; */
}

.testimonial-one__text {
  color: #6B7280;
}

.testimonial-one__client-name a {
  color: #1F2937;
}

.testimonial-one__client-sub-title {
  color: #9CA3AF;
}

.testimonial-one__rating-and-date {
  border-top: 2px solid #E5E7EB;
}

/*--------------------------------------------------------------
# Blog Section Light Theme
--------------------------------------------------------------*/
.blog-one {
  background-color: #F9FAFB;
}

.blog-one__single {
  /* Preserve original card structure and sizing */
  color: #374151;
}

.blog-one__title a {
  color: #1F2937;
}

.blog-one__text {
  color: #6B7280;
}

.blog-one__user {
  color: #6B7280;
}

.blog-one__date {
  color: #9CA3AF;
}

/*--------------------------------------------------------------
# Portfolio/Project Section Light Theme
--------------------------------------------------------------*/
.project-one,
.portfolio-one {
  background-color: #FFFFFF;
}

.project-one__single,
.portfolio-one__single {
  /* Preserve original card structure */
  color: #374151;
}

.project-one__title a,
.portfolio-one__title a {
  color: #1F2937;
}

.project-one__tag,
.portfolio-one__tag {
  color: #6B7280;
}

.project-one__filter li p {
  background-color: #F3F4F6;
  color: #374151;
  border: 1px solid #E5E7EB;
}

.project-one__filter li.active p,
.project-one__filter li:hover p {
  background-color: var(--Centotech-base);
  color: #FFFFFF;
  border: 1px solid var(--Centotech-base);
}

/* Preserve original image hover effects */
.project-one__img,
.portfolio-one__img {
  overflow: hidden;
}

.project-one__img img,
.portfolio-one__img img {
  transition: transform 0.5s ease;
}

.project-one__single:hover .project-one__img img,
.portfolio-one__single:hover .portfolio-one__img img {
  transform: scale(1.05);
}

/*--------------------------------------------------------------
# Pricing Section Light Theme
--------------------------------------------------------------*/
.pricing-one {
  background-color: #F9FAFB;
}

.pricing-one__price-pack {
  background-color: #FFFFFF;
  border: 1px solid #E5E7EB;
  /* Remove box-shadow that might affect sizing */
}

.pricing-one__price {
  color: #1F2937;
}

.pricing-one__text {
  color: #6B7280;
}

.pricing-one__points li .text p {
  color: #374151;
}

.pricing-one__points:before,
.pricing-one__btn-box:before {
  background-color: #E5E7EB;
}

.pricing-one__main-tab-box .tab-buttons {
  background-color: #FFFFFF;
  border: 2px solid #E5E7EB;
}

.pricing-one__main-tab-box .tab-buttons .tab-btn {
  color: #374151;
}

.pricing-one__main-tab-box .tab-buttons .tab-btn.active-btn {
  background-color: var(--Centotech-base);
  color: #FFFFFF;
}

/*--------------------------------------------------------------
# Contact Section Light Theme
--------------------------------------------------------------*/
.contact-one {
  background-color: #FFFFFF;
}

.contact-one__input-box input[type="text"],
.contact-one__input-box input[type="email"],
.contact-one__input-box textarea,
.contact-one__input-box .nice-select {
  background-color: #F9FAFB;
  border: 1px solid #D1D5DB;
  color: #374151;
}

.contact-one__input-box input:focus,
.contact-one__input-box textarea:focus {
  border-color: var(--Centotech-base);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/*--------------------------------------------------------------
# Counter Section Light Theme
--------------------------------------------------------------*/
.counter-one {
  background-color: #F9FAFB;
}

.counter-one__single {
  /* Preserve original structure, only adjust colors */
  color: #374151;
}

.counter-one__single::before {
  background-color: rgba(0, 0, 0, 0.05);
}

.counter-one__count {
  color: #1F2937;
}

.counter-one__text {
  color: #6B7280;
}

/*--------------------------------------------------------------
# Why Choose Section Light Theme
--------------------------------------------------------------*/
.why-choose-one {
  background-color: #FFFFFF;
}

.why-choose-one__title a {
  color: #1F2937;
}

.why-choose-one__text {
  color: #6B7280;
}

.why-choose-one__content h4 a {
  color: #1F2937;
}

.why-choose-one__content p {
  color: #6B7280;
}

.why-choose-one__client-box {
  background-color: #F9FAFB;
  border: 2px solid #E5E7EB;
}

.why-choose-one__icon {
  background-color: #F3F4F6;
  border: 1px solid #E5E7EB;
}

/*--------------------------------------------------------------
# Newsletter Section Light Theme
--------------------------------------------------------------*/
.newsletter-one {
  background-color: #F9FAFB;
}

/*--------------------------------------------------------------
# Brand Section Light Theme
--------------------------------------------------------------*/
.brand-one__wrap {
  background-color: #FFFFFF;
}

/*--------------------------------------------------------------
# Footer Light Theme
--------------------------------------------------------------*/
.site-footer {
  background-color: #1F2937;
  color: #FFFFFF;
}

.site-footer__top {
  background-color: #374151;
}

.footer-widget__title {
  color: #FFFFFF;
}

.footer-widget__links li a {
  color: #FFFFFF;
}

.footer-widget__links li a:hover {
  color: var(--Centotech-base);
}

.site-footer__bottom {
  border-top: 1px solid #4B5563;
}

.site-footer__bottom-text {
  color: #FFFFFF;
}

/* Footer content - make all text white */
.site-footer p,
.site-footer span,
.site-footer li,
.site-footer a {
  color: #FFFFFF !important;
}

.site-footer a:hover {
  color: var(--Centotech-base) !important;
}

/* Footer widget content */
.footer-widget p,
.footer-widget span,
.footer-widget li {
  color: #FFFFFF !important;
}

/* Footer contact info */
.site-footer-two__contact-list li,
.site-footer-two__contact-list li a {
  color: #FFFFFF !important;
}

.site-footer-two__contact-list li a:hover {
  color: var(--Centotech-base) !important;
}

/* Footer social links */
.site-footer__social a {
  color: #FFFFFF !important;
}

.site-footer__social a:hover {
  color: var(--Centotech-base) !important;
}

/* Footer newsletter */
.footer-widget__newsletter-form input {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.footer-widget__newsletter-form input::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Footer copyright */
.site-footer__bottom-text,
.site-footer__bottom p {
  color: #FFFFFF !important;
}

/* Footer about text */
.site-footer-two__about p {
  color: #FFFFFF !important;
}

/*--------------------------------------------------------------
# Sliding Text Light Theme
--------------------------------------------------------------*/
.sliding-text-one,
.sliding-text-two {
  background-color: #F3F4F6;
}

.sliding-text-one__title,
.sliding-text-two__title {
  color: #E5E7EB;
  -webkit-text-stroke: 1px #D1D5DB;
}

/*--------------------------------------------------------------
# Page Header Light Theme
--------------------------------------------------------------*/
.page-header {
  background-color: #F9FAFB;
}

.page-header__title {
  color: #1F2937;
}

.page-header__breadcrumb li {
  color: #6B7280;
}

.page-header__breadcrumb li a {
  color: #6B7280;
}

.page-header__breadcrumb li a:hover {
  color: var(--Centotech-base);
}

/*--------------------------------------------------------------
# Additional Component Overrides
--------------------------------------------------------------*/
.section-title__tagline {
  background: linear-gradient(270deg, #3B82F6 0%, #1D4ED8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section-title__tagline-shape-1,
.section-title__tagline-shape-2 {
  background: linear-gradient(270deg, #3B82F6 0%, #1D4ED8 100%);
}

/* Ensure all text is readable */
.text-white {
  color: #1F2937 !important;
}

/* Override any remaining dark elements */
[class*="__bg"],
[class*="-bg"] {
  mix-blend-mode: normal;
}

/* Ensure proper contrast for all interactive elements */
.btn, .button, [role="button"] {
  color: #FFFFFF;
}

.btn:hover, .button:hover, [role="button"]:hover {
  color: #FFFFFF;
}

/*--------------------------------------------------------------
# Card Layout Preservation
--------------------------------------------------------------*/

/* Ensure Bootstrap cards maintain proper sizing */
.card {
  background-color: #FFFFFF;
  border: 1px solid #E5E7EB;
  color: #374151;
}

.card-body {
  color: #374151;
}

.card-title {
  color: #1F2937;
}

.card-text {
  color: #6B7280;
}

.card-header {
  background-color: #F9FAFB;
  border-bottom: 1px solid #E5E7EB;
  color: #374151;
}

.card-footer {
  background-color: #F9FAFB;
  border-top: 1px solid #E5E7EB;
  color: #6B7280;
}

/* Preserve original grid and flexbox layouts */
.row {
  /* Maintain original gutter settings */
}

/* Ensure proper spacing for card grids */
[class*="col-"] .team-one__single,
[class*="col-"] .blog-one__single,
[class*="col-"] .services-one__single,
[class*="col-"] .testimonial-one__single {
  height: auto;
  /* Remove any fixed heights that might cause issues */
  min-height: unset;
}

/* Fix any flex issues */
.d-flex .card,
.d-flex .team-one__single,
.d-flex .blog-one__single,
.d-flex .services-one__single {
  flex: 1;
}

/* Ensure images maintain aspect ratio */
.team-one__img img,
.blog-one__img img,
.services-one__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Fix any overflow issues */
.team-one__single,
.blog-one__single,
.services-one__single,
.testimonial-one__single {
  overflow: visible;
}

/* Preserve original margins and padding */
.team-one__single {
  margin-bottom: 22px; /* Original value from team.css */
}

.blog-one__content {
  margin-top: 20px; /* Original value from blog.css */
}

/* Fix any text overflow issues */
.team-one__title,
.blog-one__title,
.services-one__title {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/*--------------------------------------------------------------
# Responsive Card Fixes
--------------------------------------------------------------*/

@media (max-width: 768px) {
  .team-one__single,
  .blog-one__single,
  .services-one__single {
    margin-bottom: 30px;
  }
  
  /* Ensure cards stack properly on mobile */
  [class*="col-"] {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .team-one__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  .blog-one__content {
    padding-left: 0;
  }
}
/*--------------------------------------------------------------
# Critical Layout Preservation
--------------------------------------------------------------*/

/* Ensure we don't break the original card layouts */
.team-one__single,
.blog-one__single,
.services-one__single,
.testimonial-one__single,
.pricing-one__price-pack,
.project-one__single,
.counter-one__single {
  /* Preserve original display, position, and sizing properties */
  position: relative !important;
  /* Don't override width, height, flex properties that might be set by the original CSS */
}

/* Ensure grid layouts work properly */
.row > [class*="col-"] {
  /* Maintain original Bootstrap grid behavior */
}

/* Fix any potential flexbox issues */
.d-flex,
.team-one__content,
.services-one__services-single {
  /* Preserve original flex properties */
}

/* Ensure proper image sizing */
/* img {
  max-width: 100%;
  height: auto;
} */

/* Fix any border-box issues */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Ensure proper spacing is maintained */
.container,
.container-fluid {
  /* Preserve original container behavior */
}

/* Fix any margin/padding issues that might affect card sizing */
.team-one__single .team-one__content,
.blog-one__single .blog-one__content,
.services-one__single .services-one__content {
  /* Preserve original content spacing */
}

/*--------------------------------------------------------------
# Debug Helper (Remove in production)
--------------------------------------------------------------*/
/* Uncomment these lines if you need to debug card sizing issues */
/*
.team-one__single,
.blog-one__single,
.services-one__single {
  border: 1px solid red !important;
}
*/
/*--------------------------------------------------------------
# Logo Light Theme Override
--------------------------------------------------------------*/

/* Ensure header logo displays properly in light theme */
.main-menu__logo a img {
  max-height: 50px;
  width: auto;
}

/* Footer logo remains white since footer stays dark */
.site-footer-two__logo a img {
  /* Keep original white logo for footer */
}

/* Sidebar logo remains white since sidebar is dark */
.xs-sidebar-group .content-inner .logo img {
  /* Keep original white logo for sidebar */
}