/* ============================================================
   Light Theme Overrides
   ============================================================ */

/* 1. Root variable overrides */
:root {
  --body-bg: #ffffff;
  --bg-color: #f5f5f5;
  --theme-color2: #f5f5f5;
  --theme-color3: #f0f0f0;
  --bg-theme-color2: #f5f5f5;
  --bg-theme-color3: #f0f0f0;
  --headings-color: #151515;
  --border-color1-rgba: rgba(0, 0, 0, 0.1);
  --border-color2-rgba: rgba(0, 0, 0, 0.08);
  --theme-color2-text-color: #151515;
  --theme-color3-text-color: #151515;
}

/* 2. Preloader */
.preloader,
.preloader .preloader-overlay {
  background-color: #ffffff !important;
  color: #151515;
}

/* 3. Feature section-2 wrapper + feature blocks */
.feature-section-2 {
  background-color: #f5f5f5 !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}
.feature-block .inner-block .border-line {
  background: rgba(0, 0, 0, 0.1) !important;
}
.feature-block .inner-block .content-box .title {
  color: #151515 !important;
}
.feature-block .inner-block .content-box .text {
  color: var(--text-color) !important;
}
.feature-block .inner-block .content-box .arrow-link {
  color: #151515 !important;
}

/* 4. Service section heading (dark bg-image, so keep text white) */
.service-section .sec-title .title {
  color: #ffffff !important;
}
.service-section .sec-title .sub-title {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* 5. Service block */
.service-block-one .inner-block {
  background-color: #f5f5f5 !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.service-block-one .inner-block .number {
  color: rgba(0, 0, 0, 0.1) !important;
}
.service-block-one .inner-block .content-box .title a {
  color: #151515 !important;
}
.service-block-one .inner-block .content-box .text {
  color: var(--text-color) !important;
}
.service-block-one .inner-block .content-box .arrow-link {
  color: #151515 !important;
}

/* 5. Work process block */
.working-block-one .inner-block .step {
  background-color: #e0e0e0 !important;
  color: #151515 !important;
}
.working-block-one .inner-block.active .step {
  background-color: var(--theme-color1) !important;
  color: #ffffff !important;
}
.working-block-one .inner-block .content-box .text {
  color: var(--text-color) !important;
}
.working-block-one .inner-block .content-box .line {
  background: rgba(0, 0, 0, 0.1) !important;
}

/* 6. FAQ block */
.faq-block-one {
  background-color: #f5f5f5 !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.faq-block-one .title-box .content .title {
  color: #151515 !important;
}
.faq-block-one .title-box .icon {
  background-color: #e0e0e0 !important;
}
.faq-block-one .title-box .icon i {
  color: #151515 !important;
}
.faq-block-one .inner .text {
  color: var(--text-color) !important;
}

/* 7. Testimonial block */
.testimonial-block-one .inner-box {
  background-color: #f5f5f5 !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.testimonial-block-one .inner-box .text {
  color: #333333 !important;
}
.testimonial-block-one .inner-box .infu .name-info .name {
  color: #151515 !important;
}
.testimonial-block-one .inner-box .infu .name-info span {
  color: var(--text-color) !important;
}

/* 8. Project block */
.project-section .light-shape {
  display: none !important;
}
.project-block .inner-block .content-block .title a {
  color: #151515 !important;
}
.project-block .inner-block .image-block .arrow-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.project-block .inner-block .image-block .arrow-icon img {
  width: 26px !important;
  height: auto !important;
  display: block !important;
}
.project-block .inner-block .image-block .arrow-icon {
  background-color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25) !important;
}
.project-block .inner-block:hover .image-block .arrow-icon {
  background-color: #ffffff !important;
}
.project-block .inner-block .image-block .arrow-icon:hover {
  background-color: var(--theme-color1) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2) !important;
}

/* 9. Team block */
.team-block .inner-block .content-block .title a {
  color: #151515 !important;
}
.team-block .inner-block .content-block .text {
  color: var(--text-color) !important;
}

/* 10. Blog / news block — keep original dark card, fix section heading */
.blog-section .sec-title .title,
.news-section .sec-title .title {
  color: #151515 !important;
}
.blog-section .sec-title .sub-title,
.news-section .sec-title .sub-title {
  color: #555555 !important;
}

/* 11. Choose us section */
/* Feature box wrapper */
.choose-us-content-1 .feature-box-wrapper {
  background-color: #f5f5f5 !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}
.choose-us-content-1 .feature-box .inner-box {
  background-color: transparent !important;
}
.choose-us-content-1 .feature-box .inner-box.border-add {
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}
.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box .content-box .title {
  color: #151515 !important;
}
.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box .content-box .text {
  color: var(--text-color) !important;
}

/* 12. Award section */
.award-box-items-one .inner-block {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.award-box-items-one .inner-block .icon-box .icon {
  background: #f0f0f0 !important;
}

/* 13. Contact section */
.contact-content-1 .contact-list-items .contact-list {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

/* 14. Header - make transparent-to-white on scroll */
.header-style-one {
  background-color: #ffffff !important;
}
.sticky-header.fixed-header {
  background-color: #ffffff !important;
}
.header-style-one .main-box {
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}
.main-menu .navigation > li > a,
.main-menu .navigation > li > a span {
  color: #151515 !important;
}
.main-menu .navigation > li > a:hover {
  color: var(--theme-color1) !important;
}

/* 15. Dropdown submenu text */
.main-menu .navigation > li > ul > li > a {
  color: #151515 !important;
}
.main-menu .navigation > li > ul > li > a:hover {
  color: var(--theme-color1) !important;
}
.main-menu .navigation > li > ul > li {
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}
.main-menu .navigation > li > ul > li > ul > li > a {
  color: #151515 !important;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover {
  color: var(--theme-color1) !important;
}
.main-menu .navigation > li > ul > li > ul > li {
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}
.main-menu .navigation li.dropdown .dropdown-btn {
  border-color: rgba(0, 0, 0, 0.3) !important;
  color: #151515 !important;
}

/* 16. Footer — keep dark, restore all white text */
.main-footer {
  background-color: #1a1a1a !important;
}
/* All headings inside footer */
.main-footer h1, .main-footer h2, .main-footer h3,
.main-footer h4, .main-footer h5, .main-footer h6,
.foorer-area .widget-head .widget-title,
.foorer-area .footer-widget-items .widget-title {
  color: #ffffff !important;
}
/* "Let's Talk / Work Together" title */
.foorer-area .footer-widget-wrapper .footer-content .title {
  color: #ffffff !important;
}
/* "Get the latest inspiration" subtitle */
.foorer-area .footer-widget-wrapper .footer-content .title-2 {
  color: rgba(255,255,255,0.8) !important;
}
/* Email input field */
.foorer-area .footer-widget-wrapper .footer-content .form-group input {
  background: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.8) !important;
}
.foorer-area .footer-widget-wrapper .footer-content .form-group input::placeholder {
  color: rgba(255,255,255,0.5) !important;
}
/* Footer widget links */
.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li a {
  color: rgba(255,255,255,0.65) !important;
}
/* Social icon pills at bottom */
.foorer-area .footer-bottom .footer-bottom-wrapper .social-icon a {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  margin-right: 6px !important;
}
.foorer-area .footer-bottom .footer-bottom-wrapper .social-icon a:hover {
  background-color: var(--theme-color1) !important;
}
/* Footer bottom border */
.foorer-area .footer-bottom {
  border-top-color: rgba(255,255,255,0.15) !important;
}

/* 16. Pricing tab nav */
.pricing-tab-btn .nav {
  background: #f0f0f0 !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}

/* 17. Accordion active block */
.accordion-box .block.active-block {
  background: #e8e8e8 !important;
}

/* 18. Marquee section text */
.marquee-area2 .text {
  color: #151515 !important;
}

/* 19. Section/body backgrounds that use var(--bg-color) directly */
.body-bg {
  background-color: #f5f5f5 !important;
}

/* 20. Testi bg shape area */
.testimonial-wrapper.testimonial-one {
  background-color: #fafafa !important;
}

/* 21. About section */
.about-content .about-list-items ul li {
  color: #151515 !important;
}
.about-content .about-text {
  color: var(--text-color) !important;
}
.about-content .about-thumb-items .content h3,
.about-content .about-thumb-items .content p {
  color: #151515 !important;
}

/* 22. Award text / counter */
.award-right-items-1 .award-text,
.award-right-items-1 .content .text {
  color: var(--text-color) !important;
}
.award-right-items-1 .content h3 {
  color: #151515 !important;
}

/* 23. Choose us counter */
.choose-us-image-1 .choose-counter {
  background-color: #ffffff !important;
}
.choose-us-image-1 .choose-counter h3,
.choose-us-image-1 .choose-counter p {
  color: #151515 !important;
}

/* 24. Testi counter */
.testi-counter h3,
.testi-counter p {
  color: #151515 !important;
}

/* 25. Slider array buttons */
.array-button .array-prev,
.array-button .array-next {
  background-color: #f0f0f0 !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #151515 !important;
}
.array-button .array-prev:hover,
.array-button .array-next:hover {
  color: #ffffff !important;
  background: var(--theme-color1) !important;
}
