@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//revenger.com.br/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Montserrat Alternates", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat Alternates", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(89,94,224);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: rgb(23,23,23);
	--btn-default-bgcolor-hover: rgb(25,25,25);
	--btn-accented-bgcolor: rgb(90,95,222);
	--btn-accented-bgcolor-hover: rgb(82,87,203);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://revenger.com.br/wp-content/uploads/2021/09/hardware-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: url(https://revenger.com.br/wp-content/uploads/2021/09/hardware-footer-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(16,16,16);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 40px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(16,16,16);
}

/* =========================================================
   REVENGER CYBERPUNK UI — FULL CLEAN BUILD
========================================================= */

:root{

    --cyber-red:#db0032;
    --cyber-yellow:#ffe500;

    --cyber-bg:#090909;
    --cyber-soft:#111111;

    --cyber-text:#f3f3f3;
}



/* =========================================================
   GLOBAL
========================================================= */

body{

    background:#050505;

    color:var(--cyber-text);

    overflow-x:hidden;
}



/* remove bugs do woodmart */
*{
    box-sizing:border-box;
}








/* =========================================================
   BUTTONS — FIXED
========================================================= */

.wd-button-wrapper .btn,
a.btn,
button.btn{

    position:relative;

    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    min-width:180px;

    min-height:54px;

    padding:0 32px !important;

    background:rgba(10,10,10,.75) !important;

    color:var(--cyber-red) !important;

    border:1px solid var(--cyber-red) !important;

    border-radius:0 !important;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:12px;
    font-weight:700;

    overflow:hidden;

    isolation:isolate;

    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;

    clip-path:polygon(
        0 0,
        100% 0,
        100% calc(100% - 14px),
        calc(100% - 14px) 100%,
        0 100%
    );

    box-shadow:
        0 0 10px rgba(219,0,50,.18);
}



/* brilho interno */
.wd-button-wrapper .btn::before,
a.btn::before,
button.btn::before{

    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.10),
            transparent 40%
        );

    z-index:-2;
}



/* detalhe diagonal */
.wd-button-wrapper .btn::after,
a.btn::after,
button.btn::after{

    content:"";

    position:absolute;

    right:-4px;
    bottom:8px;

    width:24px;
    height:2px;

    background:var(--cyber-red);

    transform:rotate(-45deg);

    transition:.2s ease;
}



/* hover */
.wd-button-wrapper .btn:hover,
a.btn:hover,
button.btn:hover{

    background:var(--cyber-yellow) !important;

    border-color:var(--cyber-yellow) !important;

    color:#000 !important;

    transform:translateY(-2px);

    box-shadow:
        0 0 14px rgba(255,229,0,.35),
        0 0 30px rgba(255,229,0,.18);
}



/* hover detalhe */
.wd-button-wrapper .btn:hover::after,
a.btn:hover::after,
button.btn:hover::after{

    background:var(--cyber-yellow);
}



/* =========================================================
   PRODUCTS
========================================================= */

.product-grid-item,
.wd-product{

    position:relative;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.06);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}



/* hover */
.product-grid-item:hover,
.wd-product:hover{

    transform:translateY(-2px);

    border-color:rgba(255,0,60,.35);

    box-shadow:
        0 0 20px rgba(255,0,60,.08);
}



/* energia */
.product-grid-item::before,
.wd-product::before{

    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,0,60,.08),
            transparent
        );

    transform:translateX(-120%);

    transition:.6s ease;
}



/* passagem */
.product-grid-item:hover::before,
.wd-product:hover::before{

    transform:translateX(120%);
}



/* =========================================================
   LOGO GLITCH
========================================================= */

.site-logo{

    position:relative;

    display:inline-block;

    overflow:visible;
}



/* logo */
.site-logo img{

    position:relative;

    z-index:3;

    display:block;

    backface-visibility:hidden;

    will-change:
        transform,
        filter,
        clip-path;
}



/* camadas */
.site-logo .glitch-layer{

    position:absolute;

    inset:0;

    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;

    pointer-events:none;

    opacity:0;

    z-index:2;

    mix-blend-mode:screen;

    will-change:
        transform,
        opacity;
}



/* red */
.site-logo .red{

    filter:
        brightness(1.2)
        contrast(2)
        drop-shadow(0 0 6px #ff003c);
}



/* cyan */
.site-logo .cyan{

    filter:
        brightness(1.2)
        contrast(2)
        drop-shadow(0 0 6px #00fff9);
}



/* =========================================================
   GLITCH HOVER
========================================================= */

@keyframes glitchHover{

    0%{
        transform:translate(0);
        text-shadow:none;
    }

    25%{

        transform:translate(-1px,1px);

        text-shadow:
            1px 0 #ff003c,
            -1px 0 #00fff9;
    }

    50%{

        transform:translate(1px,-1px);

        text-shadow:
            -1px 0 #ff003c,
            1px 0 #00fff9;
    }

    100%{
        transform:translate(0);
        text-shadow:none;
    }
}



/* aplica */
h1:hover,
h2:hover,
h3:hover,
.site-logo:hover,
.wd-button-wrapper .btn:hover{

    animation:glitchHover .18s linear 1;
}



/* =========================================================
   RESPONSIVO
========================================================= */

@media (max-width:1200px){

    .wd-nav.wd-style-default{
        gap:20px;
    }

    .wd-header-search-form input{
        width:240px;
    }
}



@media (max-width:1024px){

    .wd-header-search-form{
        display:none;
    }
}