/* ===============================
   Theme Variables
   =============================== */
:root {
  --wdt-bg: #f5f5f7;
  --wdt-heading: #000;
  --wdt-text: #000;
  --wdt-text-para: #6e6e73;
  --wdt-border: rgba(0, 0, 0, 0.2);
  --wdt-heading: #000000;
  --wdt-link: #000;
  --wdt-progress-stroke: #111111;
}

/* ===============================
   Dark Mode Variables
   =============================== */
.wdt-dark {
  --wdt-bg: #1a1a1a;
  --wdt-heading: #F6F6F6;
  --wdt-text: #F6F6F6;
  --wdt-text-para: #F6F6F6;
  --wdt-border: #e6eef8;
  --wdt-text-white: #fff;
  --wdt-heading: #ffffff;
  --wdt-link: #ffffff;
  --wdt-link-hover: #9cc4ff;
  --wdt-progress-stroke: #ffffff;
  --wdt-pure-white: #fff;
  --wdt-common-white: #F6F6F6;
  --wdt-pure-black: #000;
  --wdt-card-bg: #353535;
  /* New style */
  /* Header */
  /* Progress wrap styling */
  /* Elevated menswear cards */
}
.wdt-dark .offcanvas-close-btn svg path {
  stroke: var(--wdt-common-white) !important;
}
.wdt-dark .wdt-toggle {
  background: #121213 !important;
}
.wdt-dark .wdt-toggle__icon--sun path {
  fill: white !important;
}
.wdt-dark .illiyeen-category-breadcrumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.wdt-dark .subscribe-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  /* Black overlay with 50% opacity */
  z-index: 0;
}
.wdt-dark .subscribe-wrapper .form-area {
  position: relative;
  z-index: 1;
}
.wdt-dark .widget-subscribe .form-area form input {
  border: 2px solid var(--wdt-common-white) !important;
}
.wdt-dark .widget-subscribe .form-area form ::-moz-placeholder {
  color: var(--wdt-pure-black) !important;
  opacity: 0.6;
}
.wdt-dark .widget-subscribe .form-area form ::placeholder {
  color: var(--wdt-pure-black) !important;
  opacity: 0.6;
}
.wdt-dark .categories-dropdown-wrapper .cat-dropdown-left a::after {
  background-color: var(--wdt-common-white) !important;
}
.wdt-dark .offcanvas-area {
  background: var(--wdt-card-bg) !important;
}
.wdt-dark .illiyeen-ads-wrapper .ad-block .ad-meta .ad-btn {
  background: #E0E0E0 !important;
  color: var(--wdt-pure-black) !important;
}
.wdt-dark .illiyeen-ads-wrapper .ad-block .ad-meta .ad-btn:hover {
  opacity: 0.8;
}
.wdt-dark .comment-content {
  background: var(--wdt-card-bg) !important;
}
.wdt-dark .comment-content:hover {
  box-shadow: 0px 8px 20px rgba(97, 88, 88, 0.25) !important;
}
.wdt-dark .reaction-btn.active {
  background: rgba(145, 158, 171, 0.24) !important;
}
.wdt-dark .search-results-page .search-input-wrapper .search-field {
  background: #5f5f5f;
  color: var(--wdt-common-white);
}
.wdt-dark #load-count {
  color: #000 !important;
}
.wdt-dark .select2-container--default .select2-results__option--selected,
.wdt-dark .reaction-btn,
.wdt-dark .tags-wrapper ul li:hover {
  background: transparent;
}
.wdt-dark .select2-container--default .select2-dropdown {
  background: #434343;
  box-shadow: -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
  border: 1px solid #A5A5A5 !important;
}
.wdt-dark .archive-list-layout .single-item {
  background: transparent;
}
.wdt-dark .header-search-bar {
  background: rgba(6, 6, 6, 0.7);
  -webkit-backdrop-filter: blur(88.4px);
          backdrop-filter: blur(88.4px);
  border-bottom: none;
}
.wdt-dark footer,
.wdt-dark .widget_popular_posts ul li,
.wdt-dark .illiyeen-blog-details .prev-next-wrapper:hover,
.wdt-dark .categories-dropdown-wrapper {
  background: var(--wdt-card-bg) !important;
}
.wdt-dark .swiper-pagination-bullet-active,
.wdt-dark .swiper-pagination-bullet {
  background: var(--wdt-common-white) !important;
}
.wdt-dark .form-area form input[type=submit] {
  background: var(--wdt-common-white) !important;
  color: #353535;
}
.wdt-dark .categories-dropdown-wrapper .cat-dropdown-left {
  background: var(--wdt-bg);
}
.wdt-dark .header-search-bar::after {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(0, 0, 0, 0.24) 100%);
  filter: blur(5px);
  opacity: 0.7;
}
.wdt-dark .select2-container--default .select2-selection__arrow {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M9.99846 14.9203C9.80375 14.9207 9.61505 14.8529 9.46513 14.7287L4.46513 10.562C4.11074 10.2674 4.06224 9.74138 4.35679 9.387C4.65134 9.03262 5.17741 8.98411 5.53179 9.27867L9.99846 13.012L14.4651 9.412C14.6373 9.27219 14.8581 9.20678 15.0786 9.23024C15.2991 9.2537 15.5012 9.3641 15.6401 9.537C15.7944 9.71022 15.8695 9.9399 15.8474 10.1708C15.8252 10.4017 15.7078 10.6129 15.5235 10.7537L10.5235 14.7787C10.3692 14.8833 10.1844 14.9331 9.99846 14.9203Z' fill='%23F6F6F6'/></svg>");
}
.wdt-dark .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background: rgba(53, 53, 53, 0.7);
}
.wdt-dark .wp-block-table.is-style-stripes {
  border-bottom: 1px solid #332e2e;
}
.wdt-dark .illiyeen-blog-details .prev-next-wrapper:hover {
  box-shadow: none !important;
}
.wdt-dark h1,
.wdt-dark h2,
.wdt-dark h3,
.wdt-dark h4,
.wdt-dark h5,
.wdt-dark h6,
.wdt-dark p,
.wdt-dark a,
.wdt-dark span,
.wdt-dark i,
.wdt-dark form input[type=email],
.wdt-dark option,
.wdt-dark li,
.wdt-dark .header-search-bar .search-field,
.wdt-dark .sorting-options label,
.wdt-dark .results__option,
.wdt-dark .select2-results__option.select2-results__option--highlighted,
.wdt-dark .search-results-page .search-input-wrapper .clear-search,
.wdt-dark .clear-search,
.wdt-dark .reaction-btn,
.wdt-dark .form-control,
.wdt-dark .comment-respond .form-submit input:hover,
.wdt-dark .comment-respond .consent-text {
  color: var(--wdt-common-white) !important;
}
.wdt-dark .comment-respond textarea,
.wdt-dark .comment-respond input,
.wdt-dark .comment-respond .form-submit input:hover {
  border: 1px solid #474747;
}
.wdt-dark .select2-results__option {
  border-bottom: 1px solid #525456;
}
.wdt-dark .archive-list-layout .single-item .single-content {
  border-bottom-left-radius: 0 !important;
}
.wdt-dark .swiper-pagination-bullet-active,
.wdt-dark .swiper-pagination-bullet {
  border: 2px solid var(--wdt-common-white) !important;
}
.wdt-dark .form-area form input {
  border: 2px solid #6C757D;
}
.wdt-dark .categories-dropdown-wrapper .reader-favorites-wrapper .top {
  border-bottom: 1px solid #595656;
}
.wdt-dark .primary-btn {
  background: #E0E0E0;
  color: var(--wdt-pure-black) !important;
}
.wdt-dark .primary-btn:hover {
  color: var(--wdt-pure-black) !important;
}
.wdt-dark .primary-btn i {
  color: var(--wdt-pure-black) !important;
}
.wdt-dark .tags-wrapper ul li:hover {
  border: 1px solid var(--wdt-common-white) !important;
}
.wdt-dark .all-categories-dropdown .categories-toggle {
  color: var(--wdt-common-white);
}
.wdt-dark .header-top-wrapper .mail-text {
  color: var(--wdt-common-white) !important;
}
.wdt-dark .header-top-wrapper .mail-text a {
  color: var(--wdt-common-white);
}
.wdt-dark .progress-wrap svg path {
  fill: #6e6e73 !important;
}
.wdt-dark .progress-wrap svg.progress-circle path {
  stroke: var(--wdt-common-white) !important;
}
.wdt-dark .progress-wrap::after {
  color: var(--wdt-common-white) !important;
}
.wdt-dark .elevated-menswear .single-item .single-content {
  background: var(--wdt-card-bg);
  box-shadow: 0px 4px 8px rgba(213, 213, 213, 0.06);
}

/* ===============================
   Global Body Styles
   =============================== */
body,
.sticky-header,
main,
section {
  background-color: var(--wdt-bg) !important;
  color: var(--wdt-text) !important;
}

.wdt-dark h1,
.wdt-dark h2,
.wdt-dark h3,
.wdt-dark h4,
.wdt-dark h5,
.wdt-dark h6,
.wdt-dark a {
  color: var(--wdt-common-white) !important;
}

/* Placeholder text */
.comments-area ::-moz-placeholder {
  color: var(--wdt-text-white) !important;
}
.comments-area ::placeholder {
  color: var(--wdt-text-white) !important;
}

/* ===============================
   Toggle Button Styles
   =============================== */
.wdt-toggle {
  display: flex;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #EBEBEB;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.04), inset 0px 1px 1px #FFFFFF;
  border-radius: 50px;
  gap: 24px;
  margin-top: -2px;
  cursor: pointer;
  /* Toggle button */
  /* Toggle icons */
}
.wdt-toggle__btn {
  background: transparent;
  border: none;
  padding: 6px;
  height: 40px;
  border-radius: 6px;
  cursor: pointer;
}
.wdt-toggle__btn.active {
  background: #fff;
  border-radius: 100px;
}
.wdt-toggle__icon--sun, .wdt-toggle__icon--moon {
  margin: 0 3px;
}
.wdt-toggle__icon {
  display: inline-block;
  line-height: 1;
}
.wdt-toggle .wdt-toggle__icon--sun path {
  fill: black;
}

/* Smooth transition for background and colors */
html,
body,
.hero-banner-img,
.no-search-results,
.hero-banner-img-section,
.dynamic-404-img,
.site-logo,
.footer-site-logo {
  transition: background 0.5s ease, color 0.5s ease, filter 0.5s ease, opacity 0.5s ease;
}

/* Optional: fade effect for images */
.fade-transition {
  transition: opacity 0.5s ease;
}

/* Overlay for smooth dark/light transition */
#theme-fade-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* overlay won't block clicks */
  background-color: #1a1a1a;
  /* black for dark fade */
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 9999;
}

/* ===============================
   Responsive Styles
   =============================== */
@media (max-width: 480px) {
  .wdt-toggle__btn {
    padding: 8px 10px;
    font-size: 14px;
  }
}
@media (max-width: 430px) {
  .wdt-toggle {
    gap: 0;
  }
}
@media (max-width: 991px) {
  .wdt-dark .single-post .details-right-area .widget-container {
    background: var(--wdt-card-bg) !important;
  }
  .wdt-dark .single-post .details-right-area .widget-subscribe,
  .wdt-dark .single-post .details-right-area .illiyeen-ads-wrapper {
    background: transparent !important;
  }
}/*# sourceMappingURL=dark_main.css.map */