/* ======= Dark Mode Styles (Auto by System) ======= */
:root {
  --dark-bg: #020510;
  --dark-accent: #1b2433;
  --dark-card: #192232;
  --dark-btn: #55647a;
  --dark-surface: #342e60;
  --dark-surface-hover: #452b64;
  --dark-text: #ffffff;
  --dark-subtext: #bbbbbb;
  --dark-accent-text: #f0f3ff;
  --dark-accent-hover: #d3dbff;
  --dark-border: #ab4459;
  --dark-text-active: #f29f58;
  --dark-text-active-hover: #ffd4ae;
  --light-text: #043057;
  --light-temp: #00000015;
}
/* 
  <label class="switch-toggle">
<input id="checkbox" checked="checked" type="checkbox" />
</label>
<div class="star star_1"></div>
<div class="star star_2"></div>
<div class="star star_3"></div>
<img class="cloud_1 cloud" src="https://pedasco.com/wp-content/uploads/2025/04/cloud.png" alt="cloud" width="50" height="50" /> */
/* ----------------------------------- lighte Start---------------------------------------- */
.dark-mode strong{
  color: var(--dark-text) !important;
}

#woodmart-recent-posts-13 {
  background-color: white;
  border: none !important;
  border-radius: 15px;
  box-shadow: none !important;
  margin-top: 50px;
}

#woodmart-recent-posts-13 h5{
 color: var(--dark-accent-hover) !important;
 background-color: var(--light-text) !important;
 border-radius: 12px;
}


.dark-mode #woodmart-recent-posts-13 {
  background-color: var(--dark-card) !important;    
}

.dark-mode #woodmart-recent-posts-13 a{
  color: var(--dark-text-active);
}
.dark-mode #woodmart-recent-posts-13 a:hover{
  color: var(--dark-text-active-hover);
}

.product-tabs-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  border-top: none !important;
}

.product-tabs-wrapper .woocommerce-tabs .wd-nav-tabs-wrapper {
  display: none !important;
}
.blog .main-page-wrapper {
  padding-top: 0 !important;
}

.dark-mode .about_card4685468 .elementor-widget-wrap {
  background-color: var(--dark-card) !important;
}

.blog .elementor-shape .elementor-shape-bottom .elementor-shape-fill {
  fill: var(--wd-main-bgcolor) !important;
}
.footer-container {
  position: relative !important;
  z-index: 3 !important;
}

.whb-main-header {
  background-color: #f5f5f5 ;
  margin: 10px 30px;
  border-radius: 30px;
  /* top: -520px !important; 
  transition: top 0.3s ease; */

}
/* .active-header {
  top: 65px !important;
} */

.dark-mode .whb-main-header{
  background-color: var(--dark-bg) !important;
}

.whb-top-bar {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
/* main header */
.whb-header_169246 .whb-general-header{
  border-bottom-left-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}
.whb-header_544537{
  margin-bottom: 180px !important;
}

/* .site-content{
  margin-top: 150px !important;
} */

/* sub header */
.whb-header_544537 .whb-general-header{
  border-top-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
}

.whb-header_544537 .whb-general-header .wd-dropdown{
  background-color: var(--light-text);
  z-index: 9999 !important;
}

.whb-header_544537 .whb-general-header ul li a {
  color: var(--dark-accent-text) !important;
}

.whb-header-bottom{
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.whb-main-header .whb-top-bar ul li a {
  color: var(--light-text);
}
.whb-main-header .whb-general-header ul li a {
  color: var(--light-text);
}

.dark-mode .whb-main-header .whb-top-bar ul li a {
  color: var(--dark-accent-text);
}
.dark-mode .whb-main-header .whb-general-header ul li a {
  color: var(--dark-accent-text);
}

.whb-main-header .whb-general-header ul li a:hover {
  color: #064d8b !important;
}
.whb-main-header .whb-top-bar ul li a:hover {
  color: #064d8b !important;
}

.dark-mode .whb-main-header .whb-general-header ul li a:hover {
  color: var(--dark-accent-hover) !important;
}
.dark-mode .whb-main-header .whb-top-bar ul li a:hover {
  color: var(--dark-accent-hover) !important;
}

.whb-sticked .whb-main-header {
  border-radius: 30px;
}
.whb-sticked .whb-general-header {
  border-radius: 30px;
}

.whb-main-header .whb-top-bar ul li:hover {
  color: #064d8b !important;
}

.site-logo a{
  filter: drop-shadow(0 0 2px rgb(99, 99, 99));;
}
.searchform .s{
  color: var(--light-text);
  border:1px solid var(--light-text);
}
.searchform .s:focus{
  color: var(--light-text);
  border:1px solid var(--light-text);
}
.searchform .searchsubmit{
  color: var(--light-text) !important;
  
}

/* .article-inner {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}


.article-body-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: rgba(255, 255, 255, 0.85);
  transition: transform 0.4s ease, opacity 0.4s ease;
  z-index: 2;
  pointer-events: none;
}


.entry-header {
  transition: transform 0.3s ease;
  z-index: 1;
  position: relative;
}


.article-inner:hover .entry-header {
  transform: scale(1.05);
}

.article-inner:hover .article-body-container {
  transform: translateX(-100%);
  opacity: 0; */
/* } */

/* ----------------------------------- lighte End---------------------------------------- */
.dark-mode .website-wrapper{
  background-color: var(--dark-bg);
}
.dark-mode .wd-el-table p {
  color:var(--dark-accent-text) !important;
}
.dark-mode .wd-el-table a {
  color: var(--dark-text-active) !important;
}
.dark-mode .wd-el-table a:hover {
  color: var(--dark-text-active-hover) !important;
}
.dark-mode .elementor-element a ,.dark-mode .elementor-element span{
  color: var(--dark-text-active) !important; 
}
.dark-mode .elementor-element a:hover {
  color: var(--dark-text-active-hover) !important;   
}
.dark-mode .elementor-shape .elementor-shape-fill {
  fill: var(--dark-bg);
}
.dark-mode body,
.dark-mode .site,
  /* .dark-mode .elementor, */
  /* .dark-mode .elementor-section, */
.dark-mode .custom-section,
.dark-mode .header-main,
.dark-mode .footer,
.dark-mode .woocommerce,
.dark-mode .page-wrapper ,
.dark-mode .main-page-wrapper {
  background-color: var(--dark-bg) !important;
  color: var(--dark-text) !important;
}

.dark-mode .dark-temp-title {
  opacity: 0.2;
}

.dark-mode .wd-dropdown a:hover {
  color: var(--dark-text-active);
}

.dark-mode .blog .elementor-shape .elementor-shape-fill {
  fill: var(--dark-bg) !important;
}
.dark-mode .elementor-widget-heading h1,
.dark-mode .elementor-widget-heading h2,
.dark-mode .elementor-widget-heading h3,
.dark-mode .elementor-heading-title,
.dark-mode .woodmart-title-container {
  color: var(--dark-accent-text) !important;
}

.dark-mode .wd-dropdown {
  background-color: var(--dark-accent) !important;
}
.dark-mode .wd-dropdown .elementor-divider-separator {
  border-block-start: 6px solid var(--dark-text-active) !important;
}
.dark-mode .wd-dropdown a {
  color: var(--dark-accent-text);
}
.dark-mode .elementor-button,
.dark-mode button,
.dark-mode input[type="submit"] {
  background-color: var(--dark-accent) !important;
  color: var(--dark-text) !important;
}

.dark-mode .elementor-button:hover,
.dark-mode button:hover,
.dark-mode input[type="submit"]:hover {
  background-color: var(--dark-accent) !important;
  color: #000 !important;
}

.dark-mode .blog .elementor-widget-wrap {
  background-color: var(---dark-accent) !important;
}
.dark-mode .blog .elementor-widget-wrap h3,
.dark-mode .blog .elementor-widget-wrap th p {
  color: var(--dark-accent-text) !important;
}
.dark-mode .blog .elementor-widget-wrap table td,
.dark-mode .blog .elementor-widget-wrap table th {
  border-bottom-color: #f0f3ff3f;
}
.dark-mode .blog .elementor-widget-wrap a {
  color: var(--dark-text-active) !important;
}

.dark-mode .blog .elementor-widget-wrap a:hover {
  color: var(--dark-text-active-hover) !important;
}
.dark-mode
  .blog
  .elementor-widget-wrap
  .wd-accordion.wd-style-shadow
  > .wd-accordion-item {
  box-shadow: 0 1px 8px rgba(255, 255, 255, 0.1);
}

.dark-mode .wd-accordion-title:is(.wd-active, :hover) .wd-accordion-title-text {
  color: var(--dark-text-active) !important;
}
.dark-mode .wd-accordion-title-text {
  color: var(--dark-accent-text) !important;
}
.dark-mode [data-elementor-type="wp-post"] h6,
.dark-mode [data-elementor-type="wp-post"] h5,
.dark-mode [data-elementor-type="wp-post"] h4,
.dark-mode [data-elementor-type="wp-post"] h3,
.dark-mode [data-elementor-type="wp-post"] h2 {
  color: var(--dark-accent-text) !important;
}
.dark-mode [data-elementor-type="wp-post"] a {
  color: var(--dark-accent-text) !important;
}
.dark-mode [data-elementor-type="wp-post"] a:hover {
  color: var(--dark-text-active) !important;
}

/* 
  .dark-mode [data-id="2c42afae"] .elementor-container{
    background-color: var(--dark-surface-hover);
  }

  .dark-mode [data-id="2c42afae"] .elementor-container a{
    background-color: var(--dark-text-active) !important;
  } */

/* .dark-mode [data-id="5f69c05"] .elementor-section{
    background-color: var(--dark-surface) !important;
  } */

.dark-mode .whb-general-header,
.dark-mode .whb-header-bottom,
.dark-mode .whb-top-bar {
  background-color: var(--dark-card) !important;
}

.dark-mode .whb-top-bar .wd-button-wrapper a {
  border-color: var(--dark-text-active) !important;
  color: var(--dark-accent-text) !important;
}

.dark-mode .whb-top-bar .wd-button-wrapper a:hover {
  background-color: var(--dark-text-active) !important;
}

.dark-mode .card-section-home .elementor-widget-wrap {
  background-color: var(--dark-accent) !important;
}
.dark-mode .product_card_custom {
  /*From https://css.glass */
  background: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
.dark-mode .product_card_custom:hover {
  background: rgb(33 56 97 / 42%) !important;
}

.dark-mode
  .product_card_custom:hover
  .my-button-customa
  .elementor-widget-container {
  background-color: #fff !important;
}
.dark-mode
  .product_card_custom:hover
  .my-button-customa
  .elementor-widget-container
  h6 {
  color: #043057 !important;
}

/* .dark-mode .product_card_custom .elementor-widget-wrap{
    background-color: var(--dark-surface) !important;
  }
  .dark-mode .product_card_custom [data-element_type="column"] .elementor-widget-wrap{
    background-color: var(--dark-bg) !important;
  }

  .dark-mode .product_card_custom .my-button div{
    background-color: var(--dark-text-active) !important;
    color: var(--dark-accent) !important;
  } */
/* --------------------------------------- woocommerce -------------------------------------*/
.dark-mode .woocommerce ul.products li.product,
.dark-mode .product {
  background-color: var(--dark-bg) !important;
  color: var(--dark-text) !important;
}
.dark-mode .wd-entities-title a {
  color: var(--dark-text-active) !important;
}

.dark-mode .wd-more-desc .wd-more-desc-btn {
  background: linear-gradient(to bottom, transparent 0, #393939 90%) !important;
}

.dark-mode .wd-hover-with-fade .content-product-imagin {
  background-color: var(--dark-card) !important;
}

.dark-mode .wd-blog-holder .article-body-container {
  background-color: var(--dark-accent) !important;
}

.dark-mode .wd-more-desc .wd-more-desc-btn span:after {
  color: var(--dark-accent-text);
}
.dark-mode
  .product.wd-hover-base
  .wd-bottom-actions:not(.wd-add-small-btn)
  .wd-add-btn
  > a {
  background-color: var(--dark-text-active) !important;
}

.dark-mode #woocommerce_product_categories-1 {
  background-color: var(--dark-card) !important;
}

.dark-mode #woocommerce_product_categories-1 ul li a,
h5 {
  color: var(--dark-accent-text) !important;
}
.dark-mode .widget_product_categories .wd-cats-toggle:hover,
.dark-mode .widget_product_categories .wd-cats-toggle.toggle-active {
  background-color: var(--dark-text-active) !important;
}
.dark-mode .wd-breadcrumbs a {
  color: var(--dark-accent-text) !important;
}
.dark-mode .wd-breadcrumbs a:hover {
  color: var(--dark-accent-hover) !important;
  transform: scale(1.02);
}
.dark-mode .wd-breadcrumbs span {
  color: var(--dark-text-active) !important;
}

.dark-mode .product-image-summary-wrap .entry-summary .wd-entities-title {
  color: var(--dark-accent-text) !important;
}
.product-image-summary-wrap .entry-summary .wd-social-icons {
  display: none;
}
.dark-mode .product-image-summary-wrap .entry-summary .product_meta span {
  color: var(--dark-subtext) !important;
}
.dark-mode .product-image-summary-wrap .entry-summary .product_meta a {
  color: var(--dark-text-active) !important;
}
.dark-mode .product-image-summary-wrap .entry-summary .product_meta a:hover {
  color: var(--dark-text-active-hover) !important;
  transform: scale(1.02);
  transition: all 0.5s ease;
}
.dark-mode .wd-product-nav-btn {
  color: var(--dark-accent-text) !important;
}
/* --------------------------------------- elementor -------------------------------------*/
.dark-mode .btn-style-bordered .btn-color-primary {
  color: var(--dark-text-active) !important;
  border-color: var(--dark-text-active) !important;
}

.dark-mode .eicon-chevron-left,
.dark-mode .eicon-chevron-right {
  color: var(--dark-text-active) !important;
}
.dark-mode .card {
  background-color: var(--dark-accent) !important;
}
.dark-mode .my-dark-card .elementor-widget-wrap {
  background-color: var(--dark-text-active) !important;
}
.dark-mode .my-dark-card2 .elementor-widget-wrap {
  background-color: var(--dark-accent) !important;
}
.dark-mode .my-dark-card2 .elementor-widget-wrap a {
  color: var(--dark-text-active) !important;
}
/* .dark-mode .my-dark-card2 .elementor-widget-wrap:hover{
       background-color: var(--dark-surface-hover) !important; 
  } */
.dark-mode .my-dark-text {
  color: var(--dark-text-active) !important;
}
.dark-mode .elementor-widget-divider,
.dark-mode hr {
  border-color: var(--dark-border) !important;
}
.dark-mode .elementor-divider-separator {
  border-block-start: 4px solid var(--dark-text-active) !important;
}
.dark-mode .elementor-widget,
.dark-mode .elementor-widget-container {
  color: var(--dark-text) !important;
}

.dark-mode .elementor-widget-container h2{
  color: var(--dark-accent-text) !important;
}
.dark-mode table td,.dark-mode table th{
  border-color: var(--dark-surface);
}

/* .dark-mode .elementor-widget-wrap , .elementor-element-populated{
    background-color: var(--dark-text-active) !important;
  } */

.dark-mode .title-subtitle {
  color: var(--dark-text) !important;
}

.dark-mode .title-wrapper .liner-continer h4 u,
.dark-mode .title-wrapper .liner-continer h3 u,
.dark-mode .title-wrapper .liner-continer h2 u {
  color: var(--dark-text-active) !important;
}
u {
  color: var(--light-text);
}

.dark-mode input,
.dark-mode textarea,
.dark-mode select {
  background-color: var(--dark-accent) !important;
  color: var(--dark-text) !important;
  /* border: 1px solid var(--dark-border) !important; */
}
/* .dark-mode .article-body-container{
    background-color: var(--dark-text-active) !important;
  } */

.dark-mode .footer-container,
.whb-main-header {
  background-color: var(--dark-card) !important;
}

.whb-main-header {
  background-color: var(--light-temp) !important;
}

.wd-prefooter {
  padding-bottom: 0px !important;
}
/* 043057 */

/* --------------------------------------- section product -------------------------------------*/
.dark-mode [data-elementor-type="product-post"] .elementor-background-overlay {
  background: var(--dark-bg) !important;
  opacity: 1 !important;
}

.dark-mode .contianer {
  color: var(--dark-accent-text);
}

.dark-mode .contianer .tab-content h2,
.dark-mode .contianer .tab-content h1,
.dark-mode .contianer .tab-content h3 {
  color: var(--dark-accent-text) !important;
}
.dark-mode .product-tabs-wrapper {
  background-color: var(--dark-bg);
  color: var(--dark-accent-text);
}

.dark-mode .custom_hedaer_tab {
  background-color: var(--dark-accent);
  color: var(--dark-accent-text);
  padding: 10px 20px;
  border-radius: 15px;
  margin: 10px 5px;
  border: none;
}
.dark-mode .active .custom_hedaer_tab {
  background-color: var(--dark-surface-hover);
  color: var(--dark-text-active) !important;
}
.dark-mode .custom_content_btn_tabs {
  background-color: var(--dark-accent) !important;
  color: var(--dark-accent-text) !important;
  transition: background-color 0.5s ease;
}
.dark-mode .custom_content_btn_tabs a {
  color: var(--dark-accent-text) !important;
}
.dark-mode .custom_content_btn_tabs:hover {
  background-color: var(--dark-surface-hover) !important;
  color: var(--dark-text-active) !important;
}
.dark-mode .custom_content_btn_tabs:hover a {
  color: var(--dark-text-active) !important;
}
.dark-mode .title-download-section-products {
  color: var(--dark-accent-text) !important;
}
.dark-mode .radio-inputs {
  background-color: var(--dark-surface);
  padding: 10px 20px;
  border-radius: 15px;
  width: 100%;
}
.dark-mode .radio-inputs .radio span {
  color: var(--dark-accent-text) !important;
}
.dark-mode .radio-inputs .radio.tab.active {
  transition: all 0.5s ease;
  /* background-color: var(--dark-surface-hover) !important;  */
  border-bottom-color: var(--dark-text-active) !important;
  border-radius: 5px;
}
.dark-mode .radio-inputs .radio.tab.active span {
  color: var(--dark-text-active) !important;
}
.dark-mode .wd-nav-tabs-wrapper {
  display: none;
}

.dark-mode .related-and-upsells .related-products .slider-title {
  color: var(--dark-accent-text) !important;
}
.dark-mode .related-and-upsells .related-products .slider-title::before {
  background-color: var(--dark-text-active);
}

.reserve-section {
  background-color: #043057;
  padding: 10px 20px;
  border-radius: 12px;
  color: #f0f3ff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 50px 0;
}

.reserve-section button {
  margin: 8px;
  background-color: #f0f3ff;
  border-radius: 12px;
}

.dark-mode .reserve-section {
  background-color: var(--dark-card);
}

.dark-mode .reserve-section button {
  background-color: var(--dark-btn) !important;
  color: var(--dark-accent-text);
}
.dark-mode .reserve-section button a {
  color: var(--dark-accent-text) !important;
}
.dark-mode .reserve-section button:hover {
  background-color: var(--dark-accent-hover) !important;
}
.dark-mode #Q-A h3 {
  color: var(--dark-accent-text);
}

.dark-mode .woodmart-open-newsletter {
  background-color: var(--dark-btn) !important;
  border: none;
}