.elementor-54 .elementor-element.elementor-element-b1000001{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(168,85,247,0.28);--border-color:rgba(168,85,247,0.28);box-shadow:0px 8px 32px 0px rgba(139,43,226,0.18);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:14px;--padding-left:24px;--padding-right:24px;--z-index:9999;overflow:visible;}.elementor-54 .elementor-element.elementor-element-b1000001:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-b1000001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#07050F;}.elementor-54 .elementor-element.elementor-element-b1000002{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-54 .elementor-element.elementor-element-b1000003{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-b1000003 img{width:108px;height:52px;object-fit:contain;object-position:center center;}.elementor-54 .elementor-element.elementor-element-b1000004{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-54 .elementor-element.elementor-element-b1000005{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 34px / 2 );--nav-menu-icon-size:28px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-menu-toggle{margin-left:auto;background-color:rgba(34,229,242,0.08);border-width:1px;border-radius:8px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu .elementor-item{font-family:"Rajdhani", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main .elementor-item{color:#EDEBFA;fill:#EDEBFA;padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main .elementor-item:hover, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main .elementor-item:focus{color:#22E5F2;fill:#22E5F2;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#D63AF0;}.elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-framed .elementor-item:before, .elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-framed .elementor-item:after{border-color:#D63AF0;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#22E5F2;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#D63AF0;}.elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#D63AF0;}.elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-underline .elementor-item:after, .elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-overline .elementor-item:before, .elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-double-line .elementor-item:before, .elementor-54 .elementor-element.elementor-element-b1000005 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:34px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-menu-toggle{color:#EDEBFA;fill:#EDEBFA;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown{background-color:#130E2B;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(168,85,247,0.35);border-radius:10px 10px 10px 10px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a:hover, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a:focus, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a.highlighted, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-menu-toggle:hover, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-menu-toggle:focus{color:#22E5F2;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a:hover, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a:focus, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a.highlighted{background-color:rgba(214,58,240,0.14);}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a.elementor-item-active{color:#22E5F2;background-color:rgba(214,58,240,0.14);}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown .elementor-item, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Rajdhani", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 12px 32px 0px rgba(139,43,226,0.25);}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:rgba(168,85,247,0.18);border-bottom-width:1px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:21px !important;}.elementor-54 .elementor-element.elementor-element-b1000005 div.elementor-menu-toggle{color:#22E5F2;}.elementor-54 .elementor-element.elementor-element-b1000005 div.elementor-menu-toggle svg{fill:#22E5F2;}.elementor-54 .elementor-element.elementor-element-b1000005 div.elementor-menu-toggle:hover, .elementor-54 .elementor-element.elementor-element-b1000005 div.elementor-menu-toggle:focus{color:#D63AF0;}.elementor-54 .elementor-element.elementor-element-b1000005 div.elementor-menu-toggle:hover svg, .elementor-54 .elementor-element.elementor-element-b1000005 div.elementor-menu-toggle:focus svg{fill:#D63AF0;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-menu-toggle:hover, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-menu-toggle:focus{background-color:rgba(214,58,240,0.14);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-54 .elementor-element.elementor-element-b1000006 .elementor-button{background-color:#22E5F2;font-family:"Rajdhani", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;fill:#07050F;color:#07050F;border-radius:6px 6px 6px 6px;padding:12px 22px 12px 22px;}.elementor-54 .elementor-element.elementor-element-b1000006 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-b1000006 .elementor-button:focus{background-color:#D63AF0;color:#07050F;}.elementor-54 .elementor-element.elementor-element-b1000006{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-b1000006 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-b1000006 .elementor-button:focus svg{fill:#07050F;}.elementor-54 .elementor-element.elementor-element-b1000007 .elementor-button{background-color:rgba(0,0,0,0);font-family:"Rajdhani", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;fill:#22E5F2;color:#22E5F2;border-style:solid;border-width:1px 1px 1px 1px;border-color:#22E5F2;border-radius:6px 6px 6px 6px;padding:11px 20px 11px 20px;}.elementor-54 .elementor-element.elementor-element-b1000007 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-b1000007 .elementor-button:focus{background-color:#22E5F2;color:#07050F;}.elementor-54 .elementor-element.elementor-element-b1000007{width:auto;max-width:auto;}.elementor-54 .elementor-element.elementor-element-b1000007 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-b1000007 .elementor-button:focus svg{fill:#07050F;}.elementor-54 .elementor-element.elementor-element-b1000008 .elementor-button{background-color:rgba(0,0,0,0);font-family:"Rajdhani", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;fill:#22E5F2;color:#22E5F2;border-style:solid;border-width:1px 1px 1px 1px;border-color:#22E5F2;border-radius:6px 6px 6px 6px;padding:11px 20px 11px 20px;}.elementor-54 .elementor-element.elementor-element-b1000008 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-b1000008 .elementor-button:focus{background-color:#22E5F2;color:#07050F;}.elementor-54 .elementor-element.elementor-element-b1000008{width:auto;max-width:auto;}.elementor-54 .elementor-element.elementor-element-b1000008 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-b1000008 .elementor-button:focus svg{fill:#07050F;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-54 .elementor-element.elementor-element-b1000002{--content-width:1280px;}}@media(max-width:1024px){.elementor-54 .elementor-element.elementor-element-b1000001{--padding-top:12px;--padding-bottom:12px;--padding-left:20px;--padding-right:20px;}.elementor-54 .elementor-element.elementor-element-b1000003 img{width:100px;height:48px;}.elementor-54 .elementor-element.elementor-element-b1000004{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown .elementor-item, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:18px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;padding-top:16px;padding-bottom:16px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:16px !important;}}@media(max-width:767px){.elementor-54 .elementor-element.elementor-element-b1000001{--padding-top:10px;--padding-bottom:10px;--padding-left:16px;--padding-right:16px;}.elementor-54 .elementor-element.elementor-element-b1000003 img{width:92px;height:44px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown .elementor-item, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:18px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;padding-top:16px;padding-bottom:16px;}.elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-54 .elementor-element.elementor-element-b1000005 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:12px !important;}}/* Start custom CSS for container, class: .elementor-element-b1000001 *//* ===================================================================== WOATLAS global dark theme, carried by the site-wide Header template. Covers default WordPress content, form fields and WooCommerce. Elementor content (.elementor) is never touched: pages built with the WOATLAS library set their own colours. The ums user-panel plugin keeps its own look: ums-* and uk-* markup is skipped (body and html carry ums-* classes on every page, so they are excluded from that skip). Palette: bg #07050F | alt #0C0920 | surface #130E2B | surface-2 #1A1338 text #EDEBFA | muted #A9A4CC | violet #8B2BE2 magenta #D63AF0 | cyan #22E5F2 | line rgba(168,85,247,0.28) ===================================================================== */ /* 1. Base: canvas, text, headings, selection, focus, smooth scrolling */ html { color-scheme: dark; accent-color: #D63AF0; } html body { background-color: #07050F; color: #EDEBFA; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: 'Rajdhani', 'Inter', system-ui, sans-serif; } ::selection { background: #D63AF0; color: #07050F; } :focus-visible { outline: 2px solid #22E5F2; outline-offset: 2px; } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } /* 2. Default WordPress content: text, headings, links, quotes, code, tables */ :is(.entry-content, .page-content, .comment-content) { color: #EDEBFA; line-height: 1.65; } :is(.entry-content, .page-content, .comment-content) :is(h1, h2, h3, h4, h5, h6) { color: #EDEBFA; line-height: 1.15; } :is(.site-main, .entry-content, .page-content, .comment-content, .woocommerce) a:not(.button, .wp-element-button, :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *) { color: #22E5F2; } :is(.site-main, .entry-content, .page-content, .comment-content, .woocommerce) a:not(.button, .wp-element-button, :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *):hover { color: #D63AF0; } :is(.entry-content, .page-content, .comment-content) blockquote { margin-left: 0; padding: 4px 0 4px 20px; border-left: 3px solid #D63AF0; color: #A9A4CC; } :is(.entry-content, .page-content, .comment-content) :is(pre, code, kbd) { background: #130E2B; color: #EDEBFA; border-radius: 6px; font-family: 'JetBrains Mono', ui-monospace, monospace; } :is(.entry-content, .page-content, .comment-content) pre { padding: 16px; border: 1px solid rgba(168,85,247,0.28); overflow-x: auto; } :is(.entry-content, .page-content) hr { border: 0; border-top: 1px solid rgba(168,85,247,0.28); } :is(.entry-content, .page-content) table { width: 100%; border-collapse: collapse; } :is(.entry-content, .page-content) :is(th, td) { padding: 10px 14px; border: 1px solid rgba(168,85,247,0.28); } :is(.entry-content, .page-content) thead th { background: #130E2B; color: #22E5F2; } /* 3. Dark form fields and submit buttons (Elementor Pro and ums forms are skipped) */ :is(.site-main, .entry-content, .page-content, .comment-respond, .search-form, .woocommerce) :is(input:not([type='checkbox'], [type='radio'], [type='submit'], [type='button'], [type='reset'], [type='image'], [type='file'], [type='range'], [type='hidden'], [type='color']), select, textarea):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *) { background-color: #0C0920; color: #EDEBFA; border: 1px solid rgba(168,85,247,0.35); border-radius: 8px; padding: 10px 14px; transition: border-color .2s, box-shadow .2s; } :is(.site-main, .entry-content, .page-content, .comment-respond, .search-form, .woocommerce) :is(input, select, textarea):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *):focus { border-color: #22E5F2; box-shadow: 0 0 0 3px rgba(34,229,242,0.18); outline: 0; } :is(.site-main, .entry-content, .page-content, .comment-respond, .search-form, .woocommerce) :is(input, textarea):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *)::placeholder { color: #A9A4CC; opacity: 1; } :is(.entry-content, .page-content, .comment-respond, .search-form) :is(input[type='submit'], button[type='submit'], .wp-element-button, .wp-block-button__link):not(.has-background, :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *) { background: #22E5F2; color: #07050F; border: 0; border-radius: 6px; padding: 12px 24px; cursor: pointer; font: 700 17px/1.2 'Rajdhani', sans-serif; letter-spacing: .06em; text-transform: uppercase; } :is(.entry-content, .page-content, .comment-respond, .search-form) :is(input[type='submit'], button[type='submit'], .wp-element-button, .wp-block-button__link):not(.has-background, :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *):hover { background: #D63AF0; } /* 4. WooCommerce: primary buttons (cyan, hover magenta, text stays dark) */ html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) :is(a.button, button.button, input.button, #respond input#submit, #place_order, .add_to_cart_button, .single_add_to_cart_button), html .wc-block-components-button:not(.is-link, :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *) { background: #22E5F2 !important; color: #07050F !important; border: 0; border-radius: 6px; padding: 14px 28px; font: 700 17px/1.2 'Rajdhani', sans-serif; letter-spacing: .06em; text-transform: uppercase; box-shadow: none; transition: background-color .2s; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) :is(a.button, button.button, input.button, #respond input#submit, #place_order, .add_to_cart_button, .single_add_to_cart_button):is(:hover, :focus), html .wc-block-components-button:not(.is-link, :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *):is(:hover, :focus) { background: #D63AF0 !important; color: #07050F !important; } /* 5. WooCommerce: breadcrumbs, product cards, badges, prices, headings */ html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) :is(.woocommerce-breadcrumb, .woocommerce-result-count) { color: #A9A4CC; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) ul.products li.product { background: #130E2B; border: 1px solid rgba(168,85,247,0.35); border-radius: 14px; padding: 20px; box-shadow: 0 0 28px rgba(214,58,240,0.18); transition: border-color .2s, box-shadow .2s; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) ul.products li.product:hover { border-color: rgba(214,58,240,0.60); box-shadow: 0 0 36px rgba(214,58,240,0.35); } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) :is(ul.products li.product .woocommerce-loop-product__title, .product_title, .related > h2, .upsells > h2, .cart_totals > h2) { font-family: 'Rajdhani', 'Inter', system-ui, sans-serif; color: #EDEBFA; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) :is(ul.products li.product .price, div.product p.price, div.product span.price, .woocommerce-Price-amount) { color: #22E5F2; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) :is(.price del, .price del .woocommerce-Price-amount) { color: #A9A4CC; opacity: .8; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) span.onsale { background: #D63AF0; color: #07050F; border-radius: 6px; font: 700 14px/1 'Rajdhani', sans-serif; letter-spacing: .06em; text-transform: uppercase; } /* 6. WooCommerce: single product, tabs, quantity */ html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) div.product { color: #EDEBFA; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) div.product .woocommerce-tabs ul.tabs::before { border-bottom-color: rgba(168,85,247,0.28); } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) div.product .woocommerce-tabs ul.tabs li { background: #130E2B; border-color: rgba(168,85,247,0.28); border-radius: 8px 8px 0 0; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) div.product .woocommerce-tabs ul.tabs li::before, html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) div.product .woocommerce-tabs ul.tabs li::after { display: none; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) div.product .woocommerce-tabs ul.tabs li a { color: #A9A4CC; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) div.product .woocommerce-tabs ul.tabs li.active { background: #0C0920; border-bottom-color: #0C0920; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) div.product .woocommerce-tabs ul.tabs li.active a { color: #22E5F2; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) .quantity .qty { width: 4.5em; text-align: center; } /* 7. WooCommerce: cart and checkout tables, payment box, notices */ html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) table.shop_table { background: #130E2B; color: #EDEBFA; border: 1px solid rgba(168,85,247,0.28); border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) table.shop_table :is(th, td) { background: transparent; color: #EDEBFA; border-top: 1px solid rgba(168,85,247,0.28); } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) table.shop_table thead th { color: #22E5F2; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; } html .woocommerce-checkout #payment { background: #130E2B; border-radius: 12px; } html .woocommerce-checkout #payment ul.payment_methods { border-bottom-color: rgba(168,85,247,0.28); } html .woocommerce-checkout #payment div.payment_box { background: #1A1338; color: #EDEBFA; } html .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #1A1338; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) :is(form.checkout_coupon, form.login, form.register) { border: 1px solid rgba(168,85,247,0.28); border-radius: 12px; } html :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *) { background: #130E2B; color: #EDEBFA; border: 1px solid rgba(168,85,247,0.28); border-top: 3px solid #22E5F2; border-radius: 8px; } html .woocommerce-info:not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *) { border-top-color: #A5A6F6; } html .woocommerce-error:not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *) { border-top-color: #D63AF0; } html :is(.woocommerce-message, .woocommerce-info, .woocommerce-error):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *)::before { color: #22E5F2; } /* 8. WooCommerce: pagination and select2 dropdowns */ html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) nav.woocommerce-pagination ul { border: 0; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) nav.woocommerce-pagination ul li { border: 0; margin: 0 3px; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) nav.woocommerce-pagination ul li :is(a, span) { background: #130E2B; color: #EDEBFA; border: 1px solid rgba(168,85,247,0.35); border-radius: 6px; padding: 8px 14px; min-width: 0; } html :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) nav.woocommerce-pagination ul li :is(a:hover, a:focus, span.current) { background: #22E5F2; color: #07050F; border-color: #22E5F2; } :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) .select2-container--default .select2-selection { background: #0C0920; border: 1px solid rgba(168,85,247,0.35); border-radius: 8px; min-height: 44px; } :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) .select2-container--default .select2-selection .select2-selection__rendered { color: #EDEBFA; line-height: 42px; padding-left: 14px; } :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; } :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) .select2-dropdown { background: #130E2B; color: #EDEBFA; border-color: rgba(168,85,247,0.35); } :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) .select2-search--dropdown .select2-search__field { background: #0C0920; color: #EDEBFA; border: 1px solid rgba(168,85,247,0.35); } :is(.woocommerce, .woocommerce-page):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *) .select2-results__option--highlighted { background: rgba(214,58,240,0.14) !important; color: #22E5F2 !important; } /* 9. WooCommerce blocks (Cart and Checkout) */ :is(.wc-block-components-text-input input, .wc-block-components-textarea, .wc-blocks-components-select__select):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *) { background: #0C0920 !important; color: #EDEBFA !important; border-color: rgba(168,85,247,0.35) !important; } .wc-block-components-text-input label:not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *) { color: #A9A4CC !important; } :is(.wc-block-components-totals-wrapper, .wc-block-cart-items, .wc-block-cart-items__row, .wc-block-components-panel):not(:is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html), :is([class*='ums-'], [class*='uk-'], [id^='ums-']):not(body, html) *, .elementor *) { border-color: rgba(168,85,247,0.28); } /* 12. My Account: login and register cards, dashboard layout, navigation, content */ .woocommerce-account .page-header .entry-title { font-family: 'Rajdhani', sans-serif; font-size: 44px; line-height: 1.1; color: #EDEBFA; margin-bottom: 8px; } .woocommerce-account .u-columns.col2-set { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } .woocommerce-account .u-columns.col2-set::before, .woocommerce-account .u-columns.col2-set::after { display: none; } .woocommerce-account .u-columns.col2-set .u-column1, .woocommerce-account .u-columns.col2-set .u-column2 { float: none; width: auto; } .woocommerce-account .u-columns h2 { font-family: 'Rajdhani', sans-serif; font-size: 30px; color: #EDEBFA; margin: 0 0 14px; } .woocommerce-account form.woocommerce-form-login, .woocommerce-account form.woocommerce-form-register { background: #130E2B; border: 1px solid rgba(168,85,247,0.35); border-radius: 14px; padding: 28px; box-shadow: 0 0 28px rgba(214,58,240,0.18); margin: 0; } .woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; margin-left: 12px; color: #A9A4CC; } .woocommerce-account .woocommerce-privacy-policy-text, .woocommerce-account .woocommerce-form-register p { color: #A9A4CC; font-size: 14px; } .woocommerce-account .lost_password a { color: #22E5F2; } @media (max-width: 767px) { .woocommerce-account .u-columns.col2-set { grid-template-columns: 1fr; } } body.woocommerce-account.logged-in .woocommerce { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; } body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; } .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 10px; background: #130E2B; border: 1px solid rgba(168,85,247,0.35); border-radius: 14px; box-shadow: 0 0 28px rgba(214,58,240,0.18); } .woocommerce-MyAccount-navigation li { margin: 0; } .woocommerce-MyAccount-navigation li a { display: block; padding: 12px 16px; border-radius: 8px; font: 600 16px/1.2 'Rajdhani', sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #EDEBFA; text-decoration: none; transition: background-color .2s, color .2s; } .woocommerce-MyAccount-navigation li a:hover, .woocommerce-MyAccount-navigation li.is-active a { background: rgba(34,229,242,0.12); color: #22E5F2; } .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a { color: #D63AF0; } .woocommerce-MyAccount-content { background: #130E2B; border: 1px solid rgba(168,85,247,0.28); border-radius: 14px; padding: 28px; color: #EDEBFA; } .woocommerce-MyAccount-content > :first-child { margin-top: 0; } .woocommerce-MyAccount-content p a { color: #22E5F2; } .woocommerce-MyAccount-content :is(h2, h3) { font-family: 'Rajdhani', sans-serif; color: #EDEBFA; } .woocommerce-MyAccount-content table.shop_table { background: transparent; border-radius: 10px; } .woocommerce-MyAccount-content .woocommerce-Address { background: #0C0920; border: 1px solid rgba(168,85,247,0.28); border-radius: 12px; padding: 18px; } .woocommerce-MyAccount-content .woocommerce-Address-title a { color: #22E5F2; } .woocommerce-MyAccount-content fieldset { border: 1px solid rgba(168,85,247,0.28); border-radius: 12px; padding: 18px; margin: 18px 0; } .woocommerce-MyAccount-content legend { color: #22E5F2; padding: 0 8px; } @media (max-width: 767px) { body.woocommerce-account.logged-in .woocommerce { grid-template-columns: 1fr; } } /* 13. My Account menu and content use fixed grid cells, so the order of the markup does not matter. Cart and checkout blocks stay centred inside the page width. */ body.woocommerce-account.logged-in .woocommerce { row-gap: 0; } body.woocommerce-account.logged-in .woocommerce-notices-wrapper { grid-column: 1 / -1; grid-row: 1; } body.woocommerce-account.logged-in .woocommerce-notices-wrapper:empty { display: none; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 2; min-width: 0; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content { grid-column: 2; grid-row: 2; min-width: 0; } @media (max-width: 767px) { body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { grid-column: 1 / -1; grid-row: 2; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content { grid-column: 1 / -1; grid-row: 3; } } .wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide { margin-left: auto; margin-right: auto; width: 100%; max-width: 1140px; } /* 14. Guests see the cart but not the PayPal buttons; payment starts only after login with a verified account */ body:not(.logged-in) .wc-block-cart__payment-options, body:not(.logged-in) [id^=ppcp-cart-paylater] { display: none !important; } /* 11. Header account button follows sign-in state: Sign in when logged out, My account when logged in */ .wa-header .wa-account { display: none; } body.logged-in .wa-header .wa-signin { display: none; } body.logged-in .wa-header .wa-account { display: block; } /* 10. Header: the logo never shrinks; the menu panel is full width at tablet and below (the native dropdown style of the menu widget serves the desktop sub-menus) */ .wa-header .elementor-widget-image { flex-shrink: 0; } @media (max-width: 1024px) { .elementor-element.wa-header.e-con nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { background-color: #0C0920; border-width: 0 0 1px 0; border-radius: 0; } .elementor-element.wa-header.e-con nav.elementor-nav-menu--dropdown li:is(:first-child, :last-child) > a { border-radius: 0; } }/* End custom CSS */