/* WiccanLore Arcane Editorial — scoped to blog/article pages only. */ body.wl-arcane-editorial{background:#050915 !important;} #wl-arcane-editorial-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 52% 42%,#121323 0,#090c1d 55%,#040711 100%);} #wl-arcane-editorial-background canvas{ display:block; width:100%; height:100%; /* Keep the procedural magic moving, but make it a low-contrast backdrop. */ opacity:.53; filter:brightness(.88) saturate(1.20); } /* Extra veil protects reading comfort through animation pulses. */ #wl-arcane-editorial-background::after{ content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(ellipse at 50% 48%,rgba(5,8,18,.60) 0%,rgba(5,8,18,.35) 52%,rgba(5,8,18,.10) 100%); } #wl-arcane-editorial-background.wl-arcane-unavailable{background:radial-gradient(ellipse at center,#111a2a,#091322 55%,#040711 100%);} body.wl-arcane-editorial #page-container{position:relative;z-index:1;} body.wl-arcane-editorial #main-content, body.wl-arcane-editorial #main-content .et_builder_inner_content{background:transparent !important;} body.wl-arcane-editorial #main-content .et_pb_section{background-color:transparent;} /* Default Divi single-post and archive layout: keep the magical field around a calm, readable panel. */ body.wl-arcane-editorial.single-post #main-content .container, body.wl-arcane-editorial.blog #main-content .container, body.wl-arcane-editorial.archive:not(.woocommerce) #main-content .container{position:relative;z-index:1;} body.wl-arcane-editorial.single-post #main-content article.et_pb_post, body.wl-arcane-editorial.blog #main-content article.et_pb_post, body.wl-arcane-editorial.archive:not(.woocommerce) #main-content article.et_pb_post, body.wl-arcane-editorial.single-post #main-content article.post{ background:rgba(17,15,24,.975) !important; color:#e7decf; border:1px solid rgba(215,167,94,.19); padding:clamp(20px,4vw,52px); box-shadow:0 20px 80px rgba(0,0,0,.45); } body.wl-arcane-editorial #main-content article.et_pb_post h1, body.wl-arcane-editorial #main-content article.et_pb_post h2, body.wl-arcane-editorial #main-content article.et_pb_post h3, body.wl-arcane-editorial #main-content article.et_pb_post h4, body.wl-arcane-editorial #main-content article.et_pb_post .entry-title{color:#f7eee1;} body.wl-arcane-editorial #main-content article.et_pb_post p, body.wl-arcane-editorial #main-content article.et_pb_post li, body.wl-arcane-editorial #main-content article.et_pb_post .post-meta, body.wl-arcane-editorial #main-content article.et_pb_post .entry-content{color:#ded2c2;} /* Sidebar widgets require a readable surface too. */ body.wl-arcane-editorial #sidebar{background:rgba(17,15,24,.96);padding:18px;border:1px solid rgba(215,167,94,.16);} body.wl-arcane-editorial #sidebar,#main-content #sidebar a{color:#e7decf;} /* Don't recolor existing editorial images or native form controls. */ @media(max-width:767px){body.wl-arcane-editorial.single-post #main-content article.et_pb_post,body.wl-arcane-editorial.blog #main-content article.et_pb_post,body.wl-arcane-editorial.archive:not(.woocommerce) #main-content article.et_pb_post{padding:22px 18px;}} /* v1.0.1: Divi 'et_right_sidebar' wrongly floated long editorial posts left. Only override scoped single-post content; retain normal theme/cart/shop layout. */ body.wl-arcane-editorial.single-post #main-content .container{ width:calc(100% - 48px) !important; max-width:960px !important; margin-left:auto !important; margin-right:auto !important; padding:36px 0 72px !important; box-sizing:border-box; } body.wl-arcane-editorial.single-post #main-content #left-area{ width:100% !important; float:none !important; padding-right:0 !important; margin:0 auto !important; box-sizing:border-box; } body.wl-arcane-editorial.single-post #main-content #sidebar{ display:none !important; } /* Divi's one-pixel sidebar separator was visible as a bright right-side line. */ body.wl-arcane-editorial.single-post #main-content .container::before, body.wl-arcane-editorial.single-post #main-content .container:before{ content:none !important; display:none !important; } body.wl-arcane-editorial.single-post #main-content article.et_pb_post, body.wl-arcane-editorial.single-post #main-content article.post{ width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box; } body.wl-arcane-editorial{overflow-x:clip;} @media(max-width:767px){ body.wl-arcane-editorial.single-post #main-content .container{ width:calc(100% - 28px) !important; padding:22px 0 48px !important; } } /* v1.0.2: live-homepage header and footer are reused on editorial pages, not redrawn. Scope all changes to these specific pages. If homepage API markup is unavailable, wl-arcane-site-chrome is not applied: native Divi header/footer remain visible. */ body.wl-arcane-editorial.wl-arcane-site-chrome #main-header, body.wl-arcane-editorial.wl-arcane-site-chrome #top-header, body.wl-arcane-editorial.wl-arcane-site-chrome #main-footer {display:none!important;} body.wl-arcane-editorial.wl-arcane-site-chrome #page-container{padding-top:0!important;margin-top:0!important;} body.wl-arcane-editorial.wl-arcane-site-chrome #et-main-area{background:transparent!important;} body.wl-arcane-editorial .wl-arcane-article-chrome {position:relative;z-index:100;isolation:isolate;color:#d7c6ab;} body.wl-arcane-editorial #wl-arcane-article-site-head {background:#070b10;border-bottom:1px solid #906c42;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-nav{ position:relative;width:100%;height:84px;display:flex;align-items:center;justify-content:space-between; gap:clamp(16px,3vw,45px);padding:0 clamp(20px,5.3vw,100px); background:rgba(1,4,10,.84);box-sizing:border-box;border-bottom:1px solid rgba(190,153,88,.22); font-family:Arial,Helvetica,sans-serif; } body.wl-arcane-editorial #wl-arcane-article-site-head .wl-nav a{color:#f5eedf;text-decoration:none;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-nav a:hover{color:#e1b784;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-mark {position:static;flex:0 0 42px;height:44px;display:grid;place-items:center;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-mark img {display:block;max-width:100%;max-height:100%;object-fit:contain;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-menu {position:static;display:flex;align-items:center;gap:clamp(8px,1vw,15px);font-size:clamp(12px,1.15vw,17px);white-space:nowrap;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-menu span {opacity:.5;color:#b49b7b;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-search {position:static;display:flex;align-items:center;gap:6px;border:1px solid rgba(237,225,204,.65);border-radius:24px;padding:4px 11px;width:clamp(100px,16vw,210px);height:36px;flex-shrink:1;min-width:90px;margin-left:auto;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-search button {width:20px;flex:0 0 20px;border:0;background:none;padding:0;cursor:pointer;color:#fff;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-search svg {width:18px;height:18px;fill:none;stroke:#f1e9dc;stroke-width:2;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-search input {min-width:0;width:100%;border:0;outline:none;background:transparent;color:#fff;box-shadow:none;font:12px Arial,sans-serif;padding:0;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-cart {position:static;flex:0 0 28px;width:28px;height:30px;display:grid;place-items:center;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-cart img {max-height:30px;width:100%;object-fit:contain;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-hamburger{display:none!important;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-nav a:focus-visible, body.wl-arcane-editorial #wl-arcane-article-site-head input:focus-visible, body.wl-arcane-editorial #wl-arcane-article-site-foot a:focus-visible{outline:2px solid #e3bc86;outline-offset:4px;} /* Footer styling mirrors the homepage's actual WiccanLore footer classes and palette. */ body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer { position:relative;z-index:2;display:block!important;background:#080a0a;color:#d7c6ab; border-top:1px solid rgba(190,153,88,.38);padding:clamp(38px,6vw,90px) clamp(22px,5vw,92px) 20px; font-family:Georgia,serif;margin:0; } body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer-main {display:grid;grid-template-columns:1.35fr 1fr 1fr 1.2fr;gap:clamp(22px,4vw,70px);max-width:1440px;margin:0 auto 60px;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer-brand {font:400 clamp(22px,2.3vw,34px)/1.3 Georgia,serif;color:#f2e0c3!important;text-decoration:none!important;letter-spacing:.21em;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-mark {color:#d7ab70;font-size:27px;padding-right:8px;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer-identity p {font:italic 15px/1.6 Georgia,serif;color:#9c927e;margin:14px 0;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer nav, body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer-statement {display:flex;flex-direction:column;gap:12px;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer h2 {font:600 11px/1.3 system-ui,sans-serif;letter-spacing:.23em;color:#bc966b;margin:9px 0 12px;padding:0;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer nav a, body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-back-top{color:#cbbca8!important;text-decoration:none!important;font:400 13px/1.7 system-ui,sans-serif;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer nav a:hover, body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-back-top:hover{color:#fff2da!important;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer-statement p {color:#c8bdaa;font-size:15px;line-height:1.65;margin:0 0 10px;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid rgba(190,153,88,.22);font:11px system-ui,sans-serif;letter-spacing:.08em;color:#8f8574;max-width:1440px;margin:0 auto;} @media(max-width:980px){ body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer-main{grid-template-columns:1fr 1fr;row-gap:35px;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-nav{gap:18px;} } @media(max-width:700px){ body.wl-arcane-editorial #wl-arcane-article-site-head .wl-nav{height:auto;min-height:76px;display:flex;gap:14px;padding:12px 16px;flex-wrap:wrap;justify-content:space-between;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-menu{order:4;width:100%;justify-content:center;gap:clamp(7px,2vw,14px);font-size:12px;flex-wrap:wrap;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-search{margin-left:auto;width:100px;} body.wl-arcane-editorial #wl-arcane-article-site-head .wl-mark{flex-basis:34px;height:34px;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer-main{grid-template-columns:1fr 1fr;gap:26px;margin-bottom:37px;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer{padding:44px 25px 20px;} body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer-bottom{flex-direction:column;align-items:flex-start;} } @media(max-width:480px){body.wl-arcane-editorial #wl-arcane-article-site-foot .wl-footer-main{grid-template-columns:1fr;}} @media(prefers-reduced-motion:reduce){#wl-arcane-editorial-background canvas{opacity:.20;}} /* v1.0.3: subdued, independently cycling color field behind side geometry. Remains visible on devices without WebGL (static shader fallback). Never sweeps the reading panel: color is concentrated at the outer margins. */ #wl-arcane-editorial-background::before{ content:""; position:absolute;inset:0; pointer-events:none; background: radial-gradient(ellipse at 2% 44%,rgba(16,120,73,.76) 0,rgba(16,120,73,.23) 18%,transparent 46%), radial-gradient(ellipse at 98% 66%,rgba(29,70,143,.74) 0,rgba(29,70,143,.21) 20%,transparent 46%); opacity:.27; mix-blend-mode:screen; animation:wl-arcane-spectral-hue-rotation 110s linear infinite; } @keyframes wl-arcane-spectral-hue-rotation{ from{filter:hue-rotate(0deg)} to{filter:hue-rotate(360deg)} } @media(prefers-reduced-motion:reduce){ #wl-arcane-editorial-background::before{animation:none;filter:none;} } /* v1.0.4: Divi Theme Builder renders a second header and footer as
and