/* ============================================
   COMPLETE WEBSITE DARK THEME - FINAL VERSION
   Puri website ek saath fix - no confusion
   ============================================ */

/* CSS Variable Override - Global */
body.dark-theme {
  --theme-bg-color: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* ============================================
   HEADER - TOP BAR + MAIN NAVBAR
   ============================================ */

/* Top bar - WHITE background (no change) */

body.dark-theme .top-bar {
    border-bottom: 0.7px solid #C0C0C0 !important;
    background: #000 !important;
}
body.dark-theme .custom-header.scrolled .top-bar.d-none.d-md-block{
	background:#000;
}
body.dark-theme .top-bar .top-bar-content .contact-info a.contact-item {
    color: #fff !important;
}
body.dark-theme .top-bar .contact-item {
  color: #000000 !important;
  border-left-color: #9C9C9C !important;
}

body.dark-theme .top-bar .contact-item i {
  color: var(--theme-main-color) !important;
}
body.dark-theme .custom-header, body.dark-theme .main-navbar, body.dark-theme nav.navbar {
    background-color: #000000 !important;
    border-bottom: 1px solid #333333;
    box-shadow: -13px 4px 19.1px 0px rgba(255, 255, 255, 0.15) !important;
}
body.dark-theme .greentech-card .btn-icon svg path {
    fill: #000 !important;
}
body.dark-theme .navbar-nav .nav-link {
  color: #ffffff !important;
}

body.dark-theme .navbar-nav .nav-link:hover,
body.dark-theme .navbar-nav .nav-link.active {
  color: #4da6ff !important;
}
body.dark-theme .info-card .custom-btn span {
    color: #fff !important;
}
body.dark-theme .info-card .custom-btn i.fa-solid.fa-arrow-right-long {
    color: #fff !important;
}
/* Dropdown menus */
body.dark-theme .dropdown-menu {
  background-color: #1a1a1a !important;
  border-color: #333333 !important;
}

body.dark-theme .dropdown-item {
  color: #ffffff !important;
}

body.dark-theme .dropdown-item:hover,
body.dark-theme .dropdown-item:focus {
  background-color: var(--theme-main-color) !important;
  color: #fff !important;
}

/* Search container */
body.dark-theme .search-container {
  background: #1a1a1a !important;
  border-color: #555555 !important;
}

body.dark-theme .search-input {
  background: transparent !important;
  color: #ffffff !important;
}

/* ============================================
   BANNER SECTION
   ============================================ */
body.dark-theme .banner-section {
  background: #000000 !important;
}

body.dark-theme .banner-section h1,
body.dark-theme .banner-section p,
body.dark-theme .left-content h1,
body.dark-theme .right-content p {
  color: #ffffff !important;
}

/* Banner dots - WHITE */
body.dark-theme .banner-slider .slick-dots li button {
  background: rgba(255, 255, 255, 0.4) !important;
  border-color: transparent !important;
}

body.dark-theme .banner-slider .slick-dots li.slick-active button {
  background: white !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Banner buttons - WHITE text */
body.dark-theme .banner-section .read-more-btn,
body.dark-theme .banner-section .custom-btn {
  background: var(--theme-main-color) !important;
  color: #ffffff !important;
}

/* ============================================
   EXPLORE OUR PRODUCTS - WHITE SECTION
   Day theme jesa hi rahega - NO CHANGE
   ============================================ */
body.dark-theme section.products-section.p_100 {
  background: #ffffff !important;
  color: #000000 !important;
}
body.dark-theme .products-section .product-content .content-left p.product-description {
    color: #000 !important;
}
body.dark-theme .saru-section .about-box .read-more-btn i.fa-solid.fa-arrow-right {
    color: #fff !important;
}
body.dark-theme section.products-section h2,
body.dark-theme section.products-section h3,
body.dark-theme section.products-section .section-heading {
  color: #000000 !important;
}

body.dark-theme section.products-section .products-tabs {
  background: #ffffff !important;
}

body.dark-theme section.products-section .nav-link {
  color: #000000 !important;
}

body.dark-theme section.products-section .nav-link.active {
  color: var(--theme-main-color) !important;
}

body.dark-theme section.products-section .read-more-btn, body.dark-theme section.products-section button {
    background: var(--theme-main-color) !important;
    color: #fff !important;
}

body.dark-theme section.products-section .view-all-btn {
  color: #000000 !important;
}

body.dark-theme section.products-section .btn-icon svg path {
  fill: #000000 !important;
}

/* ============================================
   ABOUT SARU SECTION
   Background black, box white
   ============================================ */
body.dark-theme section.saru-section.p_100 {
  background: #000000 !important;
}


body.dark-theme .saru-section .about-box, body.dark-theme .saru-section .about-box.bg-white {
    background: #1a1a1a !important;
    color: #fff !important;
    border-top: 3px solid var(--theme-main-color) !important;
    box-shadow: -13px 4px 19.1px 0px rgba(255, 255, 255, 0.15) !important;
}

body.dark-theme .saru-section h2.section-heading-about:after {
    background: #fff;
}

/* About button - WHITE text */
body.dark-theme .saru-section .about-box .read-more-btn {
  background: var(--theme-main-color) !important;
  color: #ffffff !important;
}

/* Why choose boxes - DARK background */
body.dark-theme .why-choose,
body.dark-theme section.about-why {
  background: #000000 !important;
}

body.dark-theme .why-choose h2,
body.dark-theme section.about-why h2 {
  color: #ffffff !important;
}

body.dark-theme .saru-section .choose-box,
body.dark-theme .why-box {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border-left: 1px solid #ffffff !important;
}

body.dark-theme .saru-section .choose-box *,
body.dark-theme .why-box * {
  color: #ffffff !important;
}

/* ============================================
   INDUSTRY SECTION - WHITE (NO CHANGE)
   ============================================ */
body.dark-theme section.industry-tab-section.p_100 {
  background: #ffffff !important;
  color: #000000 !important;
}

body.dark-theme section.industry-tab-section h2,
body.dark-theme section.industry-tab-section h3,
body.dark-theme section.industry-tab-section p {
  color: #000000 !important;
}

body.dark-theme .industry-tabs,
body.dark-theme #industry-tab {
  background: #ffffff !important;
}

body.dark-theme .industry-tabs .nav-link
 {
    color: #000000 !important;
    border-left: 3px solid transparent !important;
    background: #fff !important;
}

body.dark-theme .industry-tabs .nav-link.active {
  border-left-color: var(--theme-main-color) !important;
}

body.dark-theme .industry-tabs .nav-link.active .tab-text {
  background-color: var(--theme-main-color) !important;
  color: white !important;
}

body.dark-theme .auto_box {
  background: #ffffff !important;
  color: #000000 !important;
}

body.dark-theme .auto_box * {
  color: #000000 !important;
}

/* ============================================
   CLIENT SECTION - DARK BACKGROUND
   ============================================ */
body.dark-theme section.clients-section.p_100 {
  background-color: #000000 !important;
}
body.dark-theme section.clients-section.p_100 .section-header {
    color: #fff;
}
/* Heading WHITE and VISIBLE */
body.dark-theme section.clients-section h2,
body.dark-theme section.clients-section .section-title,
body.dark-theme .client_main_heading {
  color: #ffffff !important;
  -webkit-text-stroke: 0 !important; /* Remove stroke */
}

/* Client cards */
body.dark-theme .client-card,
body.dark-theme .client_logo_showcase_box {
  background: #1a1a1a !important;
  border: 1px solid #333333 !important;
}

body.dark-theme .client-logo {
  filter: brightness(1.2) contrast(1.1);
}

/* View All button - WHITE text + WHITE SVG */
body.dark-theme section.clients-section .view-all-btn {
  color: #ffffff !important;
}

body.dark-theme section.clients-section .btn-icon svg path {
  fill: #ffffff !important;
}

/* ============================================
   SUSTAINABILITY SECTION
   Left panel black, card white
   ============================================ */


body.dark-theme .sustainability-section {
  background: transparent !important;
}

body.dark-theme .left-panel {
  background-color: #000000 !important;
}

body.dark-theme .left-panel *,
body.dark-theme .left-panel h2,
body.dark-theme .left-panel .section-tag,
body.dark-theme .left-panel .main-title {
  color: #ffffff !important;
}

/* Greentech card - WHITE */
body.dark-theme .greentech-card {
  background: #ffffff !important;
  color: #000000 !important;
}

body.dark-theme .greentech-card *,
body.dark-theme .greentech-card h3,
body.dark-theme .greentech-card h4,
body.dark-theme .greentech-card p {
  color: #000000 !important;
}

/* ============================================
   NEWS SECTION - TRANSPARENT BACKGROUND
   ============================================ */
body.dark-theme section.news-section.p_100 {
  background-color: transparent !important;
}

/* Heading white */
body.dark-theme .news-section h2,
body.dark-theme .news-section .section-header,
body.dark-theme .news-section .section-title {
  color: #ffffff !important;
}

/* Before line WHITE */
body.dark-theme .section-header::before {
  background-color: #ffffff !important;
}


body.dark-theme .news-card *,
body.dark-theme .news-title a {
  color: #ffffff !important;
}

body.dark-theme .news-tag {
  color: var(--theme-main-color) !important;
}

/* ============================================
   STAY IN TUNE SECTION - WHITE BOXES
   ============================================ */


/* Heading white */
body.dark-theme .stay-in-tune-section h2,
body.dark-theme .section-title-stay {
  color: #000 !important;
}

/* After line BLACK (heading ke neeche) */
body.dark-theme .section-title-stay::after {
  background: #000000 !important;
}

/* Info cards - WHITE boxes */
body.dark-theme .info-card {
  background: #ffffff !important;
  color: #000000 !important;
  border-right: 3px solid #000000 !important;
}

body.dark-theme .info-card *,
body.dark-theme .info-card .card-title,
body.dark-theme .info-card p {
  color: #000000 !important;
}

/* Button text WHITE */
body.dark-theme .info-card .custom-btn {
  background: var(--theme-main-color) !important;
  color: #ffffff !important;
}

/* ============================================
   FOOTER - DARK BACKGROUND
   ============================================ */
body.dark-theme footer.footer {
  background-color: #000000 !important;
  border-top: 1px solid #333333 !important;
}

body.dark-theme .footer h4 {
  color: #ffffff !important;
}
body.dark-theme .social-links::after {
    background-color: #fff;
}
body.dark-theme .footer p,
body.dark-theme .footer li,
body.dark-theme .footer a,
body.dark-theme .footer span {
  color: #cccccc !important;
}

body.dark-theme .footer a:hover {
  color: #4da6ff !important;
}

body.dark-theme .footer-logo p {
  color: #cccccc !important;
}

body.dark-theme .social-links a {
  color: var(--theme-main-color) !important;
}

/* ============================================
   GENERAL ELEMENTS - BUTTONS, FORMS, ETC.
   ============================================ */

/* All headings white */
body.dark-theme h1, 
body.dark-theme h2, 
body.dark-theme h3, 
body.dark-theme h4, 
body.dark-theme h5, 
body.dark-theme h6 {
  color: #ffffff !important;
}

/* Paragraphs light grey */
body.dark-theme p {
  color: #cccccc !important;
}

/* Links blue */
body.dark-theme a {
    color: #fff !important;
}
body.dark-theme .btn-icon svg path {
    fill: #fff !important;
}
body.dark-theme a:hover {
  color: #80bfff !important;
}

/* Buttons */
body.dark-theme button,
body.dark-theme .btn {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}

body.dark-theme .read-more-btn,
body.dark-theme .custom-btn {
  background-color: var(--theme-main-color) !important;
  color: #ffffff !important;
}

/* Forms */
body.dark-theme input,
body.dark-theme textarea,
body.dark-theme select {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}

body.dark-theme input::placeholder,
body.dark-theme textarea::placeholder {
  color: #999999 !important;
}

/* Modal */
body.dark-theme .modal-content {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}

body.dark-theme .modal-header {
  border-bottom-color: #333333 !important;
}

body.dark-theme .btn-close {
  filter: invert(1);
}

/* Tables */
body.dark-theme table,
body.dark-theme th,
body.dark-theme td {
  color: #ffffff !important;
  border-color: #333333 !important;
}

/* Cards */
body.dark-theme .card {
  background-color: #1a1a1a !important;
  border-color: #333333 !important;
}

/* ============================================
   THEME TOGGLE BUTTON
   ============================================ */
.theme-toggle {
    position: fixed;
    top: 45%;
    right: 0;
    padding: 12px 15px;
    background: #ffffff;
    color: #000000;
    border: 2px solid #cccccc;
    border-radius: 0;
    cursor: pointer;
    z-index: 999999;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.theme-toggle:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

body.dark-theme .theme-toggle {
  background: #1a1a1a;
  color: #ffffff;
  border-color: #444444;
}

/* ============================================
   SCROLLBAR
   ============================================ */
body.dark-theme::-webkit-scrollbar {
  width: 10px;
  background-color: #000000;
}

body.dark-theme::-webkit-scrollbar-thumb {
  background-color: #333333;
  border-radius: 5px;
}

body.dark-theme::-webkit-scrollbar-thumb:hover {
  background-color: #555555;
}

/* ============================================
   ADDITIONAL SECTIONS - IF ANY
   ============================================ */

/* About construction section */
body.dark-theme .about-construction-section {
  background: #000000 !important;
}

/* Company achievement */
body.dark-theme .company-achievement-section {
  background: #000000 !important;
}

body.dark-theme .company-achievement-section h2,
body.dark-theme .company-achievement-section h3 {
  color: #ffffff !important;
}

/* Core values */
body.dark-theme .core-values {
  background: #000000 !important;
}

body.dark-theme .value-box {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border-left-color: #ffffff !important;
}

/* R&D section */
body.dark-theme .r-and-d-main-sec {
    background: #fff;
}

body.dark-theme .rnd-box {
  background: #1a1a1a !important;
  color: #ffffff !important;
}

/*about page*/
body.dark-theme section.nav_list_tab ul#pills-tab .nav-item .nav-link{
	color:#000!important;
}
body.dark-theme section.nav_list_tab.p_100.pt-0.pb-0 section.about-construction-section {
    background: #fff!important;
}
body.dark-theme section.nav_list_tab.p_100.pt-0.pb-0 section.about-construction-section h2 {
    color: #000 !important;
}
body.dark-theme section.nav_list_tab.p_100.pt-0.pb-0 section.about-construction-section p {
    color: #000 !important;
}
body.dark-theme section.r-and-d-main-sec .rnd-box .rnd-left ul.rnd-list li {
    color: #fff;
}
body.dark-theme section.Quality_Commitment.p_100 .row.commitment-section h3,
body.dark-theme section.Quality_Commitment.p_100 .row.commitment-section p {
    color: #000 !important;
}
body.dark-theme div#pills-certificate section.certificates.p_100.pb-0 {
    padding-bottom: 100px !important;
}
body.dark-theme div#pills-mission .mis_hist_cont {
    background: #fff;
}
body.dark-theme div#pills-mission .mis_hist_cont .vision_content h2 {
    color: #000 !important;
}
body.dark-theme div#pills-mission .mis_hist_cont .vission_box .vision_content p {
    color: #000 !important;
}
body.dark-theme .mis_hist_cont .sustain_inner_box .vission_box .vision_content{
	color: #fff;
    background: #1a1a1a !important;
}
body.dark-theme .product-range .product-grid .product-card {
    background: #1a1a1a !important;
    color: #fff !important;
    box-shadow: -13px 4px 19.1px 0px rgba(255, 255, 255, 0.15) !important;
}
body.dark-theme .product-range .product-grid .product-card .tabs-inline-grid a span {
    color: #000;
}
body.dark-theme section.need_customer .product_main_heading_Range p,
body.dark-theme section.need_customer .product_main_heading_Range h2,
body.dark-theme section.need_customer .product_customer_box .product_customer_content h3,
body.dark-theme section.need_customer .product_customer_box .product_customer_content p {
    color: #000 !important;
}
body.dark-theme .product-range .product-card p {
    margin-bottom: 12px;
    color: #fff !important;
}
body.dark-theme section.need-information .need-info-main-heading p,
body.dark-theme section.need-information .need-info-main-heading h2 {
    color: #000 !important;
}
body.dark-theme .application_main_heading_inner h6,
body.dark-theme .application_list li a  {
    color: #000 !important;
}
body.dark-theme section.application_guidance_section h3,body.dark-theme section.application_guidance_section p{
    color: #000 ! Important;
}
body.dark-theme .client_maine_inner_logo .clients_logo_showcase_section {
    padding: 48px 0px 100px 0px;
}
body.dark-theme .life_image .life_content .life_text h2, body.dark-theme .life_image .life_content .life_text p{
	color:#fff!important;
}
body.dark-theme  section.life_image {
    background: #000;
}
body.dark-theme .current-opening-content {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-left: 1px solid #ffffff !important;
}
body.dark-theme .address_main_Sec .company-box .company_inner_box {
    background: #1a1a1a !important;
    color: #ffffff !important;
}
body.dark-theme .address_main_Sec h2, .address_main_Sec > .container > p{
	color:#000!important;
}
body.dark-theme .contact-section{
	background:#000!important;
}
body.dark-theme .contact-section .form-container .form-tabs .submit-btn {
    background: var(--theme-main-color) !important;
}
body.dark-theme .contact-section .form-container .form-tabs ul#contactTabs li.nav-item button {
    border-top: 3px solid #e60000 !important;
    border-bottom: none;
}
body.dark-theme .contact-section .form-container .form-tabs ul#contactTabs {
    gap: 24px;
}
body.dark-theme .contact-section .form-container .form-tabs label {
    color: #fff;
}
body.dark-theme .contact-info-card {
    background: #1a1a1a !important;
}
body.dark-theme div#searchOverlay {
    background: #000;
box-shadow:-13px 4px 19.1px 0px rgba(255, 255, 255, 0.15) !important;
}
body.dark-theme .search-suggestions {
    background: #000;
}
body.dark-theme .search-suggestions .search-suggestion-item:hover .suggestion-content h5.suggestion-title {
    color: #000 !important;
}
body.dark-theme .search-suggestions .search-suggestion-item:hover .suggestion-content p {
    color: #000 !important;
}