/* 11ads Doctor Doom Cinematic Mode 1.3.3
   All store changes are scoped to the opted-in mode. WoodMart navigation,
   dropdowns, sticky header and mobile menus keep their native theme styling. */

html.wddoom-active body,
html.wddoom-active .website-wrapper {
  background-color: #031410 !important;
  background-image: none !important;
}

html.wddoom-active .main-page-wrapper {
  position: relative;
  isolation: isolate;
  background-color: #031410 !important;
  background-image: linear-gradient(180deg, #03130b22, #03140d44), url('./doom-ambient.webp') !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  color: #effff0;
}

html.wddoom-active .main-page-wrapper :is(.wd-content-layout, .site-content, #main-content) {
  background-color: transparent !important;
  background-image: none !important;
}

/* The premiere strip stays visible even when the optional cinematic mode is off. */
#wd-doom-topbar {
  background-color: #041a12 !important;
  background-image: linear-gradient(90deg, #04170dc9, #07321a40, #03150cd9),url('./doom-ambient.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  border-bottom-color: #2c8c53 !important;
}
#wd-doom-topbar .wd-doom-topbar-brand > span:nth-child(2) {
  color: #eaffeb;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.035em;
  text-shadow: 1px 2px 5px #000;
}
#wd-doom-topbar .wd-doom-topbar-clock strong { color: #9cff9f !important; }

html.wddoom-active .main-page-wrapper::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: calc(.27 + var(--wddoom-intensity, 0));
  background: radial-gradient(circle at 3% 50%, #47ff561e 0, transparent 18%),
              radial-gradient(circle at 97% 72%, #36ed5125 0, transparent 22%);
  animation: wd-doom-energy-drift 19s ease-in-out infinite alternate;
}

html.wddoom-active .main-page-wrapper > * { position: relative; z-index: 1; }

/* Opt-in cinematic scene as a real accessible heading, not baked-in screenshot. */
#wd-doom-home-hero[hidden], #wd-doom-category-hero[hidden] { display: none !important; }
.wd-doom-cinema-hero {
  position: relative;
  display: flex;
  align-items: center;
  width: min(1480px, calc(100% - 32px));
  min-height: clamp(420px, 37vw, 620px);
  margin: 22px auto 36px;
  overflow: hidden;
  border: 1px solid #67dc855c;
  border-radius: clamp(14px, 2.1vw, 24px);
  box-shadow: 0 12px 54px #000c, 0 0 38px #50ff391d, inset 0 0 70px #0005;
  background-color: #061712;
  color: #fff;
}

.wd-doom-cinema-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, #001c171a, transparent 45%, #63f87613 70%, transparent 94%);
  animation: wd-doom-radiance 14s ease-in-out infinite alternate;
}

.wd-doom-home-hero {
  background-image: linear-gradient(90deg, #021511fa 0%, #031712e8 24%, #041e166b 52%, transparent 82%),
                    url('./doom-home-portal.webp');
  background-size: cover;
  background-position: center center;
}

.wd-doom-category-hero {
  min-height: clamp(285px, 26vw, 390px);
  margin-bottom: 25px;
  background-image: linear-gradient(90deg, #031813e5 0%, #021b17ab 35%, #0a1f1809 72%),
                    url('./doom-category-scene.webp');
  background-size: cover;
  background-position: center 36%;
}

.wd-doom-hero-copy { position: relative; z-index: 2; max-width: min(57%, 760px); padding: clamp(30px, 4.8vw, 80px); }
.wd-doom-hero-copy .wd-doom-eyebrow {
  display: inline-block;
  margin: 0 0 19px;
  padding: 7px 14px;
  border: 1px solid #97ffa17b;
  border-radius: 30px;
  background: #011d14b5;
  font: 800 10px/1.4 Arial, sans-serif;
  letter-spacing: .19em;
  color: #d0ffb8 !important;
}

html.wddoom-active .main-page-wrapper .wd-doom-hero-copy h1,
html.wddoom-active .main-page-wrapper .wd-doom-hero-copy h2 {
  margin: 0 0 20px;
  color: #fff !important;
  font: 800 clamp(33px, 4.2vw, 70px)/1.1 Georgia, 'Times New Roman', serif;
  text-shadow: 0 3px 24px #000d;
  letter-spacing: -.025em;
}

.wd-doom-home-hero :is(h1,h2) em { color: #77f88d; font-style: normal; }
html.wddoom-active .main-page-wrapper .wd-doom-hero-copy > p:not(.wd-doom-eyebrow):not(.wd-doom-cast-name) {
  max-width: 575px;
  margin: 0 0 23px;
  color: #effff0 !important;
  font: 500 clamp(14px, 1.35vw, 18px)/1.7 Arial, sans-serif;
  text-shadow: 0 2px 10px #000c;
}

.wd-doom-hero-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.wd-doom-hero-actions a,
html.wddoom-active .main-page-wrapper .wd-doom-hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 47px;
  padding: 11px 24px;
  border: 1px solid #78ed8b;
  border-radius: 30px;
  background: linear-gradient(120deg, #128444, #086a36);
  box-shadow: 0 4px 18px #0ced5e3c;
  color: #fff !important;
  font: 800 12px/1.1 Arial, sans-serif;
  text-decoration: none;
}
.wd-doom-hero-actions a + a { background: #020b09bd; }
.wd-doom-hero-actions a:hover { background: #0fa953 !important; }
.wd-doom-hero-points { display: flex; flex-wrap: wrap; gap: 11px 19px; margin: 25px 0 0; padding: 0; list-style: none; }
html.wddoom-active .main-page-wrapper .wd-doom-hero-points li { color: #e9ffe9 !important; font-size: 12px; }
.wd-doom-hero-points li::before { content: '✓'; color: #86ff82; padding-right: 7px; }

.wd-doom-category-hero .wd-doom-hero-copy { max-width: 65%; }
html.wddoom-active .main-page-wrapper .wd-doom-category-hero .wd-doom-hero-copy h1 { font-size: clamp(31px, 4vw, 62px); }
.wd-doom-category-hero .wd-doom-cast-name,
html.wddoom-active .main-page-wrapper .wd-doom-category-hero .wd-doom-cast-name {
  display: inline-block;
  padding: 7px 14px;
  margin: 0;
  border: 1px solid #86fa97;
  background: #03291baf;
  color: #a6ffb2 !important;
  font: 800 11px/1.4 Arial, sans-serif;
  letter-spacing: .15em;
}

.wd-doom-film-wordmark {
  position: absolute;
  z-index: 2;
  right: 5%;
  bottom: 6%;
  display: grid;
  justify-items: center;
  transform: skewX(-8deg);
  color: #e2efe8;
  filter: drop-shadow(0 4px 12px #000b);
  pointer-events: none;
}
.wd-doom-film-wordmark span { font: 900 clamp(20px, 2.6vw, 38px)/.9 Georgia,serif; letter-spacing: -.04em; text-shadow: 1px 1px #5c7864; }
.wd-doom-film-wordmark small { font: 900 clamp(13px, 1.7vw, 26px)/1 Arial,sans-serif; letter-spacing: .03em; color: #75e96c; }

/* Keep the existing home merchandising sections; replace only its duplicate intro. */
html.wddoom-active body.home .ax-intro,
html.wddoom-active body.front-page .ax-intro { display: none !important; }

html.wddoom-active body.home #msh-root {
  border-radius: 18px;
  overflow: hidden;
  background: #071914 url('./doom-ambient.webp') center / cover no-repeat !important;
  box-shadow: 0 10px 34px #000a;
}
html.wddoom-active body.home #msh-root .msh-hero { background-color: transparent !important; }
/* The personalized recommendations hero is LIGHT. Never force pale copy onto it. */
html.wddoom-active body.home #msh-root .msh-hero :is(h1,h2,h3,h4,h5,p,li,small,strong,em,.msh-title,.msh-text,.msh-text span,.msh-text a),
html.wddoom-active body.home #msh-root .msh-hero :is(.msh-title,.msh-text p,.msh-text strong) {
  color: #143d28 !important;
  text-shadow: none !important;
}
html.wddoom-active body.home #msh-root :is(.msh-card,.msh-product,.msh-price-card) :is(h2,h3,h4,p,small,span,strong,a:not(.button)) {
  color: #143d28 !important;
  text-shadow: none !important;
}
html.wddoom-active body.home #msh-root :is(.msh-card,.msh-product,.msh-price-card) { background: #fafff9 !important; color: #123b25 !important; }
html.wddoom-active body.home .ax-panel:not(.ax-intro) { background-color: #f6fff6 !important; color: #133825 !important; border: 1px solid #a8dfa8; }
html.wddoom-active body.home .ax-panel:not(.ax-intro) :is(h1,h2,h3,h4,p,li,span,a) { color: #163d28 !important; text-shadow: none !important; }
html.wddoom-active body.home .ax-panel:not(.ax-intro) a:hover { color: #167a45 !important; }

/* Category filters, descriptions and shopping tools use strong light-on-dark contrast. */
html.wddoom-active body.tax-product_cat .main-page-wrapper .mn-archive-title { display: none !important; }
html.wddoom-active .main-page-wrapper :is(.term-description,.woocommerce-products-header__description,.wd-term-desc,.wd-sidebar .widget,.sidebar-container .widget,.shop-sidebar .widget,.wd-shop-tools,.wd-shop-result-count,.wd-products-shop-view,.woocommerce-ordering) {
  background: #fcfff9 !important;
  color: #123e26 !important;
  border-radius: 14px;
}
html.wddoom-active .main-page-wrapper :is(.term-description,.woocommerce-products-header__description,.wd-term-desc) { padding: clamp(16px,2vw,28px) !important; border: 1px solid #a9d8b1; }
html.wddoom-active .main-page-wrapper :is(.term-description,.woocommerce-products-header__description,.wd-term-desc,.wd-sidebar .widget,.sidebar-container .widget,.shop-sidebar .widget,.wd-shop-tools,.wd-shop-result-count,.woocommerce-ordering) :is(h1,h2,h3,h4,h5,p,span,small,li,label,strong,a,bdi) { color: #143b26 !important; text-shadow: none !important; }

/* Bright untinted merchandise cards, readable prices and working buy buttons. */
html.wddoom-active .main-page-wrapper :is(.product-grid-item .product-wrapper,.wd-product .product-wrapper,.wd-product .product-information) {
  background: #f8fff7 !important;
  color: #133d27 !important;
  border: 1px solid #b5e4bb;
  border-radius: 13px;
  box-shadow: 0 5px 20px #00180d66;
}
html.wddoom-active .main-page-wrapper :is(.product-grid-item .product-wrapper,.wd-product .product-wrapper,.wd-product .product-information) :is(h2,h3,h4,a:not(.button),span,small,strong,p,.wd-entities-title,.product-title,.price,.amount,.woocommerce-Price-amount) {
  color: #133d27 !important;
  text-shadow: none !important;
}
html.wddoom-active .main-page-wrapper :is(.product-grid-item .product-wrapper,.wd-product .product-wrapper) img { filter: none !important; }
html.wddoom-active .main-page-wrapper :is(.wd-product .wd-add-btn > a,.wd-product .add_to_cart_button,.product-grid-item .add_to_cart_button,.single_add_to_cart_button) {
  background: linear-gradient(100deg,#078346,#0a6139) !important;
  border-color: #0b7d3b !important;
  border-radius: 27px !important;
  color: #fff !important;
  box-shadow: 0 2px 10px #0d7b3445;
}
html.wddoom-active .main-page-wrapper :is(.wd-product .wd-add-btn > a,.wd-product .add_to_cart_button,.product-grid-item .add_to_cart_button,.single_add_to_cart_button) :is(span,strong,small) { color: #fff !important; }

/* The original WoodMart header, dropdowns and submenus are intentionally untouched. */
html.wddoom-active .whb-logo img[data-wd-doom-logo],
html.wddoom-active .wd-logo img[data-wd-doom-logo],
html.wddoom-active img.custom-logo[data-wd-doom-logo] {
  object-fit: contain;
  filter: drop-shadow(0 3px 7px #00261450);
}

/* No greening of product photos and no popping hands/characters. */
#wd-doom-tint,
#wd-doom-cinematic { display: none !important; }

/* Small, round, persistent, accessible toggle remains in the exact center. */
.wd-doom-ui #wd-doom-toggle { border: 2px solid #76e78d !important; background: radial-gradient(circle at 45% 34%,#1f6c39,#02190d 75%) !important; }
.wd-doom-ui #wd-doom-toggle .wd-doom-toggle-icon { background: transparent !important; }
html.wddoom-active .wd-doom-ui #wd-doom-toggle { box-shadow: 0 0 0 3px #57eb5355, 0 0 26px #51f2698a, 0 8px 26px #000b !important; }

/* Visitor-controlled MP3 player: only visible while the Doom mode is active. */
.wd-doom-ui #wd-doom-audio-controls {
  display: none !important;
  position: fixed;
  z-index: 2147483550;
  left: 50%;
  bottom: max(94px, calc(env(safe-area-inset-bottom, 0px) + 88px));
  transform: translateX(-50%);
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: min(315px, calc(100vw - 24px));
  padding: 9px 13px;
  color: #f1fff1 !important;
  background: #041e16ed;
  border: 1px solid #7ee995a3;
  border-radius: 25px;
  box-shadow: 0 7px 30px #000b, 0 0 20px #18c65a35;
  font: 700 12px/1.25 Arial, sans-serif;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
html.wddoom-active .wd-doom-ui #wd-doom-audio-controls { display: flex !important; }
.wd-doom-ui #wd-doom-audio-controls label,
.wd-doom-ui #wd-doom-audio-controls output { color: #edffef !important; white-space: nowrap; }
.wd-doom-ui #wd-doom-audio-toggle {
  flex: 0 0 33px;
  width: 33px;
  height: 33px;
  padding: 0;
  border: 1px solid #89ff96;
  border-radius: 50%;
  background: #12552d !important;
  color: #fff !important;
  font: 800 13px Arial, sans-serif;
  cursor: pointer;
}
.wd-doom-ui #wd-doom-audio-toggle:focus-visible,
.wd-doom-ui #wd-doom-audio-volume:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.wd-doom-ui #wd-doom-audio-volume {
  flex: 1 1 90px;
  min-width: 60px;
  max-width: 128px;
  accent-color: #91ff9e;
  cursor: pointer;
}
.wd-doom-ui #wd-doom-audio-volume-output { min-width: 32px; text-align: right; font-variant-numeric: tabular-nums; }

/* When both fan modes are installed, stack their two center buttons without overlap. */
html:has(#wd-doom-ui) #elevenads-gate { bottom: max(95px, calc(env(safe-area-inset-bottom, 0px) + 90px)) !important; }

/* One quick, nonblocking energy wash when mode is enabled. */
html.wd-doom-igniting::after {
  content: '';
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 2147483200;
  opacity: 0;
  background: radial-gradient(ellipse at center, transparent 18%, #25ff6b49 70%, transparent 100%);
  animation: wd-doom-ignition 1.05s ease-out forwards;
}

@keyframes wd-doom-energy-drift { from { transform: translateX(-1.4%) scale(1.015); opacity:calc(.23 + var(--wddoom-intensity, 0)); } to { transform: translateX(1.4%) scale(1.035); opacity:calc(.38 + var(--wddoom-intensity, 0)); } }
@keyframes wd-doom-radiance { from { opacity:.21; transform:translateX(-2%); } to { opacity:.56; transform:translateX(2%); } }
@keyframes wd-doom-ignition { 0% {opacity:0} 18% {opacity:.64} 100% {opacity:0} }

@media (max-width: 900px) {
  .wd-doom-cinema-hero { width: calc(100% - 22px); }
  .wd-doom-hero-copy { max-width: 65%; padding: 35px; }
  .wd-doom-category-hero .wd-doom-hero-copy { max-width: 67%; }
}
@media (max-width: 650px) {
	.wd-doom-ui #wd-doom-audio-controls { bottom: max(81px, calc(env(safe-area-inset-bottom, 0px) + 77px)); padding: 8px 11px; }
  .wd-doom-cinema-hero { width: calc(100% - 18px); margin: 12px auto 22px; border-radius: 13px; }
  .wd-doom-home-hero { min-height: 620px; align-items: flex-start; background-size: auto 100%; background-position: 68% center; }
  .wd-doom-home-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(#02140dfc 0%,#02150deb 45%,transparent 80%); pointer-events:none; }
  .wd-doom-home-hero .wd-doom-hero-copy { max-width: 100%; padding: 29px 23px; z-index:2; }
  html.wddoom-active .main-page-wrapper .wd-doom-home-hero :is(h1,h2) { font-size: clamp(28px, 8vw, 42px); }
  .wd-doom-hero-points { gap: 7px 13px; }
  .wd-doom-category-hero { min-height: 400px; align-items: flex-start; background-position: 67% center; }
  .wd-doom-category-hero::after { content:'';position:absolute;inset:0; background:linear-gradient(180deg,#031410f9 0%,#041713c9 31%,transparent 75%);pointer-events:none; }
  .wd-doom-category-hero .wd-doom-hero-copy { max-width: 100%; padding: 23px 22px; z-index:2; }
  html.wddoom-active .main-page-wrapper .wd-doom-category-hero h1 { font-size: clamp(29px, 7.5vw, 39px) !important; }
  .wd-doom-film-wordmark { right: 4%; bottom: 4%; }
  html:has(#wd-doom-ui) #elevenads-gate { bottom: max(81px, calc(env(safe-area-inset-bottom, 0px) + 76px)) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .wd-doom-cinema-hero::before,
  html.wddoom-active .main-page-wrapper::before,
  html.wd-doom-igniting::after { animation: none !important; }
}

/* v1.3.1: Keep custom editorial pages legible without altering their layouts. */
html.wddoom-active body.page-id-42786 .main-page-wrapper .entry-content > :is(h1,h2,h3,p),
html.wddoom-active body.page-id-42786 .main-page-wrapper .wpb_text_column :is(h1,h2,h3,h4,p,li,strong),
html.wddoom-active body.page-id-42786 .main-page-wrapper .wpb_text_column .wd-doom-readable-on-light {
  color: #f1fff0 !important;
  text-shadow: none !important;
}
html.wddoom-active body.page-id-33963 .main-page-wrapper :is(.ax-panel,.kb-type,.kb-mat-wood,.ab-more) :is(h1,h2,h3,h4,p,li,span,strong,a),
html.wddoom-active body.page-id-33963 .main-page-wrapper .kb-intro h1,
html.wddoom-active body.page-id-33963 .main-page-wrapper .kb-intro h1 :is(span,strong) {
  color: #183b28 !important;
  text-shadow: none !important;
}
/* Preserve intentional accent text and dark call-to-action blocks. */
html.wddoom-active body.page-id-33963 .main-page-wrapper :is(.ab-cta,.kb-mat-mel) :is(h2,h3,p,a,span) {
  color: #fff7ed !important;
}
/* White WoodMart dropdowns must never inherit the cinematic pale headings. */
html.wddoom-active body :is(.wd-dropdown-menu,.wd-dropdown,.wd-sub-menu,.sub-menu) {
  color: #23342a !important;
}
html.wddoom-active body :is(.wd-dropdown-menu,.wd-dropdown,.wd-sub-menu,.sub-menu) :is(a,span,li,.nav-link-text) {
  color: #24372b !important;
  text-shadow: none !important;
}
html.wddoom-active body :is(.wd-dropdown-menu,.wd-dropdown,.wd-sub-menu,.sub-menu) a:hover {
  color: #0c6736 !important;
}