/* ===========================
   LIGHT MODE OVERRIDES
   =========================== */

body.light-mode {
  background: #f8f8f8;
  color: #333;
}

body.light-mode .section-spacer {
  background: #f8f8f8;
}

/* Headings */
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6 {
  color: #111111;
}
body.light-mode .blog-hero,
body.light-mode .blog-hero h2,
body.light-mode .blog-hero span,
body.light-mode .blog-hero li {
  color: #ffffff;
  background: transparent;
}
body.light-mode .hero__text h2,
body.light-mode .hero__text span,
body.light-mode .hero__text p {
  color: #ffffff;
}

/* Paragraphs */
body.light-mode p {
  color: #555555;
}

/* Links */
body.light-mode a {
  color: #333333;
}

/* Section titles */
body.light-mode .section-title span {
  color: #777777;
}
body.light-mode .section-title h2 {
  color: #111111;
}

/* Team section — unchanged */
body.light-mode .team .section-title span,
body.light-mode .team .section-title h2,
body.light-mode .team__item__text h4,
body.light-mode .team__item__text p {
  color: #ffffff;
}
body.light-mode .team .primary-btn {
  color: #ffffff;
}

/* Buttons */
body.light-mode .primary-btn {
  color: #bb9d4b;
}

/* Text-white overrides — force dark text in light mode */
body.light-mode .text-white h1,
body.light-mode .text-white h2,
body.light-mode .text-white h3,
body.light-mode .text-white h4,
body.light-mode .text-white h5,
body.light-mode .text-white h6,
body.light-mode .text-white p,
body.light-mode .text-white span,
body.light-mode .text-white li,
body.light-mode .text-white a {
  color: #111111;
}

/* ---------------------
   About
   --------------------- */
body.light-mode .about {
  background: #ffffff;
  padding-bottom: 150px;
}
body.light-mode .about .section-title span,
body.light-mode .about .section-title h2,
body.light-mode .about .about__text__desc p {
  color: #111111;
}
body.light-mode .about .services__item {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
}
body.light-mode .about .services__item h4 {
  color: #111111;
}
body.light-mode .about .services__item p {
  color: #666666;
}

/* ---------------------
   Work Section
   --------------------- */
body.light-mode .work {
  background: #ffffff;
}
body.light-mode .work .section-title h2 {
  color: #111111;
}

/* ---------------------
   Counter Section
   --------------------- */
body.light-mode .counter {
  background: #f0f0f0;
}
body.light-mode .counter__item__1 {
  background: #081617;
}
body.light-mode .counter__item__2 {
  background: #8e0005;
}
body.light-mode .counter__item__3 {
  background: #eeb01d;
}
body.light-mode .counter__item__4 {
  background: #170504;
}
body.light-mode .counter__item__text h2,
body.light-mode .counter__item__text p {
  color: #ffffff;
}

/* ---------------------
   Services
   --------------------- */
body.light-mode .services {
  background: #ffffff;
}
body.light-mode .services .section-title h2 {
  color: #111111;
}
body.light-mode .services__item {
  padding: 35px;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
}
body.light-mode .services__item h4 {
  color: #111111;
}
body.light-mode .services__item p {
  color: #666666;
}

/* ---------------------
   Services Page
   --------------------- */
body.light-mode .services-page {
  background: #ffffff;
  padding-bottom: 50px;
}
body.light-mode .services-page .section-title span {
  color: #777777;
}
body.light-mode .services-page .section-title h2 {
  color: #111111;
}
body.light-mode .services-page .section-title p {
  color: #666666;
}

/* ---------------------
   Portfolio
   --------------------- */
body.light-mode .portfolio {
  background: #ffffff;
}
body.light-mode .portfolio .section-title h2 {
  color: #111111;
}
body.light-mode .portfolio__filter li {
  color: #555555;
}
body.light-mode .portfolio__filter li.active,
body.light-mode .portfolio__filter li:hover {
  color: #bb9d4b;
}
body.light-mode .portfolio__item__text h4 {
  color: #111111;
}
body.light-mode .portfolio__item__text span {
  color: #777777;
}

/* ---------------------
   Pagination
   --------------------- */
body.light-mode .pagination__option span[role="button"] {
  color: #333333;
  background: transparent;
  border: none;
}
body.light-mode .pagination__option .arrow__pagination {
  background: transparent;
  border: none;
  color: #333333;
}
body.light-mode .pagination__option .number__pagination {
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
  color: #333333;
}
body.light-mode .pagination__option .number__pagination:hover {
  color: #ffffff;
  background: #bb9d4b;
  border-color: #bb9d4b;
}
body.light-mode .pagination__option .number__pagination.active {
  color: #ffffff;
  background: #bb9d4b;
  border-color: #bb9d4b;
}
body.light-mode .pagination__option span[role="button"].disabled {
  color: #cccccc;
  background: transparent;
  border: none;
  cursor: not-allowed;
}

/* ---------------------
   Testimonials
   --------------------- */
body.light-mode .testimonial {
  background: #ffffff;
}
body.light-mode .testimonial .section-title span,
body.light-mode .testimonial .section-title h2 {
  color: #ffffff;
}
body.light-mode .testimonial__item {
  background: #f5f5f5;
  border-radius: 5px;
}
body.light-mode .testimonial__item p {
  color: #555555;
}

/* ---------------------
   Blog / Latest
   --------------------- */
body.light-mode .latest {
  background: #f5f5f5;
  padding-bottom: 80px;
}
body.light-mode .blog {
  background: #ffffff;
}
body.light-mode .blog .section-title h2 {
  color: #111111;
}
body.light-mode .blog__item {
  background: #ffffff;
  border: 1px solid #e0e0e0;
}
body.light-mode .blog__item h4 {
  color: #111111;
}
body.light-mode .blog__item p {
  color: #666666;
}
body.light-mode .blog__item ul li {
  color: #777777;
}
body.light-mode .blog__item a {
  color: #bb9d4b;
}

body.light-mode .blog__item.latest__item h4,
body.light-mode .blog__item.latest__item ul,
body.light-mode .blog__item.latest__item p {
  text-shadow: none;
  color: #111111;
}
body.light-mode .blog__item.latest__item p {
  color: #555555;
}

/* Blog details */
body.light-mode .blog-details {
  background: #ffffff;
}
body.light-mode .blog-details h4,
body.light-mode .blog-details h5 {
  color: #111111;
}
body.light-mode .blog-details p {
  color: #555555;
}

/* Blog sidebar */
body.light-mode .blog__sidebar {
  background: #ffffff;
  border: 1px solid #e0e0e0;
}
body.light-mode .blog__sidebar h4 {
  color: #111111;
}
body.light-mode .blog__sidebar p,
body.light-mode .blog__sidebar li {
  color: #666666;
}
body.light-mode .blog__sidebar__item {
  border: 1px solid #e0e0e0;
}

/* ---------------------
   Contact Widget
   --------------------- */
body.light-mode .contact-widget {
  background: #f5f5f5;
}
body.light-mode .contact__widget__item__icon {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
body.light-mode .contact__widget__item__icon i {
  color: #bb9d4b;
}
body.light-mode .contact__widget__item__text h4 {
  color: #111111;
}
body.light-mode .contact__widget__item__text p {
  color: #666666;
}

/* ---------------------
   Callto — unchanged
   --------------------- */
body.light-mode .callto .callto__text h2,
body.light-mode .callto .callto__text p,
body.light-mode .callto .callto__text a {
  color: #ffffff;
}

/* ---------------------
   Breadcrumb — unchanged
   --------------------- */
body.light-mode .breadcrumb-option h2,
body.light-mode .breadcrumb-option h3,
body.light-mode .breadcrumb-option p,
body.light-mode .breadcrumb-option span,
body.light-mode .breadcrumb-option li,
body.light-mode .breadcrumb-option a {
  color: #ffffff;
}

/* ---------------------
   Contact
   --------------------- */
body.light-mode .contact {
  background: #ffffff;
}
body.light-mode .contact .section-title h2 {
  color: #111111;
}
body.light-mode .contact__form input,
body.light-mode .contact__form textarea {
  background: #f5f5f5;
  border: 1px solid #dddddd;
  color: #333333;
}
body.light-mode .contact__form input::placeholder,
body.light-mode .contact__form textarea::placeholder {
  color: #999999;
}
body.light-mode .contact__widget {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
}
body.light-mode .contact__widget h5 {
  color: #111111;
}
body.light-mode .contact__widget p {
  color: #666666;
}

/* ---------------------
   Pagination
   --------------------- */
body.light-mode .cm-pagination button {
  color: #555555;
  background: #eeeeee;
  border: 1px solid #dddddd;
}
body.light-mode .cm-pagination button.active {
  background: #bb9d4b;
  color: #ffffff;
  border-color: #bb9d4b;
}

/* ---------------------
   Footer
   --------------------- */
body.light-mode .footer {
  background: #f0f0f0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
body.light-mode .footer__top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
body.light-mode .footer__top__logo img {
  background: #101010;
  padding: 8px;
  border-radius: 4px;
}
body.light-mode .footer__option__item h5 {
  color: #111111;
}
body.light-mode .footer__option__item p {
  color: #666666;
}
body.light-mode .footer__option__item p i {
  color: #bb9d4b;
}
body.light-mode .footer__option__item ul li a {
  color: #666666;
}
body.light-mode .footer__option__item ul li a:hover {
  color: #bb9d4b;
}
body.light-mode .footer__option__item .read__more {
  color: #bb9d4b;
}
body.light-mode .footer__option__item form input {
  background: #ffffff;
  border: 1px solid #dddddd;
  color: #333333;
}
body.light-mode .footer__option__item form input::placeholder {
  color: #999999;
}
body.light-mode .footer__copyright {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
body.light-mode .footer__copyright__text {
  color: #666666;
}
body.light-mode .footer__copyright__text a {
  color: #bb9d4b;
}
body.light-mode .footer__top__social a {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #555555;
}
body.light-mode .footer__top__social a:hover {
  background: #bb9d4b;
  border-color: #bb9d4b;
  color: #ffffff;
}

/* ---------------------
   Preloader
   --------------------- */
body.light-mode #preloder {
  background: #f0f0f0;
}

/* ---------------------
   Gold popup
   --------------------- */
body.light-mode .gold-popup-modal {
  background: #ffffff;
}
body.light-mode .gold-popup-modal h2 {
  color: #111111;
}

/* ---------------------
   Video popup
   --------------------- */
body.light-mode .video-popup__close span {
  color: #333;
}

/* ---------------------
   User / Dashboard
   --------------------- */
body.light-mode .user-hero {
  background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
}
body.light-mode .user-hero h2 {
  color: #111111;
}
body.light-mode .user-card {
  background: #ffffff;
  border: 1px solid #e0e0e0;
}
body.light-mode .user-card h4 {
  color: #111111;
}
body.light-mode .user-card p {
  color: #666666;
}
body.light-mode .user-section-title h3 {
  color: #111111;
}

/* ---------------------
   Toggle button
   --------------------- */
.theme-toggle {
  background: none;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  color: #ffffff;
  transition: all 0.3s ease;
  margin-left: 20px;
  flex-shrink: 0;
}
.theme-toggle:hover {
  transform: rotate(15deg);
  background-color: transparent !important;
  border-color: transparent !important;
}
body.light-mode .theme-toggle {
  /* border: 2px solid rgba(0, 0, 0, 0.15); */
  /* color: #333333; */
  background: transparent !important;
}
body.light-mode .theme-toggle:hover {
  transform: rotate(15deg);
  background-color: transparent !important;
  border-color: transparent !important;
}
.theme-toggle .icon-sun,
.theme-toggle .icon-moon {
  display: none;
}
body:not(.light-mode) .theme-toggle .icon-moon {
  display: inline;
}
body.light-mode .theme-toggle .icon-sun {
  display: inline;
}
.slicknav_mobile-toggle .theme-toggle {
  margin-left: 0;
}

/* ---------------------
   Remove Astra blue focus/hover
   --------------------- */
button:focus,
button:active,
button:hover,
.menu-toggle:hover,
.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input[type=reset]:hover,
input[type=reset]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus {
  border-color: #bb9d4b !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}