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

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Orbitron", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Orbitron", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(20,93,160);
	--wd-alternative-color: rgb(20,93,160);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(82,148,208);
	--btn-accented-bgcolor-hover: rgb(82,148,208);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
div.wd-popup.wd-age-verify {
	max-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://geekconevent.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}
.page-title-default {
	background-color: rgb(174,141,141);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(82,148,208);
	background-image: none;
}
.page .main-page-wrapper {
	background-image: url(https://geekconevent.com/wp-content/uploads/2026/05/ChatGPT-Image-13-مايو-2026،-12_23_18-ص.png);
	background-repeat: inherit;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: url(https://geekconevent.com/wp-content/uploads/2026/05/ChatGPT-Image-13-مايو-2026،-12_23_18-ص.png);
	background-repeat: inherit;
}
.woodmart-archive-blog .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-portfolio .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-portfolio .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: url(https://geekconevent.com/wp-content/uploads/2026/05/ChatGPT-Image-13-مايو-2026،-12_23_18-ص.png);
	background-repeat: inherit;
}
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

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

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

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

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


/* ==================================================
   HEADER = FOOTER STYLE
================================================== */

.whb-general-header{

background:
linear-gradient(
180deg,
rgba(7,2,18,.96) 0%,
rgba(4,1,11,.96) 100%
) !important;

border-bottom:
1px solid rgba(255,0,234,.35);

box-shadow:
0 0 15px rgba(255,0,234,.35),
0 0 50px rgba(0,195,255,.12),
inset 0 0 30px rgba(255,0,234,.05);

backdrop-filter:blur(14px);

-webkit-backdrop-filter:blur(14px);

overflow:hidden;

position:relative;
}

/* ==================================================
   HEADER INNER GLOW
================================================== */

.whb-general-header::before{

content:"";

position:absolute;

inset:0;

pointer-events:none;

background:

radial-gradient(circle at top left,
rgba(255,0,234,.08),
transparent 30%),

radial-gradient(circle at bottom right,
rgba(0,195,255,.08),
transparent 30%);

z-index:0;
}

/* ==================================================
   TOP/BOTTOM NEON LINES
================================================== */

.whb-general-header::after{

content:"";

position:absolute;

bottom:0;
left:0;

width:100%;
height:2px;

background:
linear-gradient(
90deg,
transparent,
#ff00ea,
#00c3ff,
#ff00ea,
transparent
);

box-shadow:
0 0 10px #ff00ea,
0 0 20px #00c3ff;

animation:headerGlow 4s linear infinite;
}

/* ==================================================
   HEADER CONTENT ABOVE GLOW
================================================== */

.whb-general-header .container{

position:relative;

z-index:2;
}

/* ==================================================
   NAVIGATION SAME AS FOOTER
================================================== */

.wd-header-nav .item-level-0 > a,
.main-nav .menu > li > a{

font-family:'Orbitron',sans-serif !important;

font-size:15px !important;

font-weight:700;

letter-spacing:1.8px;

text-transform:uppercase;

color:#d8d8d8 !important;

transition:.35s;

position:relative;
}

/* Hover */

.wd-header-nav .item-level-0 > a:hover,
.main-nav .menu > li > a:hover{

color:#00c3ff !important;

text-shadow:
0 0 10px #00c3ff,
0 0 20px rgba(0,195,255,.5);

transform:translateY(-2px);
}

/* Underline */

.wd-header-nav .item-level-0 > a::after,
.main-nav .menu > li > a::after{

content:"";

position:absolute;

left:20px;
bottom:10px;

width:0;
height:2px;

background:#00c3ff;

box-shadow:
0 0 10px #00c3ff,
0 0 20px #00c3ff;

transition:.35s;
}

.wd-header-nav .item-level-0 > a:hover::after,
.main-nav .menu > li > a:hover::after{

width:calc(100% - 40px);
}

/* ==================================================
   ACTIVE LINK
================================================== */

.current-menu-item > a,
.current_page_item > a{

color:#ff00ea !important;

text-shadow:
0 0 10px #ff00ea,
0 0 20px rgba(255,0,234,.6);
}

/* ==================================================
   LOGO GLOW
================================================== */

.site-logo img,
.whb-logo img{

filter:
drop-shadow(0 0 10px #ff00ea)
drop-shadow(0 0 20px rgba(0,195,255,.5));

transition:.35s;
}

.site-logo img:hover,
.whb-logo img:hover{

transform:scale(1.05);

filter:
drop-shadow(0 0 15px #ff00ea)
drop-shadow(0 0 35px rgba(0,195,255,.8));
}

/* ==================================================
   TOOLS / CART
================================================== */

.wd-tools-element > a,
.wd-header-cart > a{

color:#d8d8d8 !important;

transition:.35s;
}

.wd-tools-element > a:hover,
.wd-header-cart > a:hover{

color:#00c3ff !important;

text-shadow:
0 0 10px #00c3ff,
0 0 20px rgba(0,195,255,.5);

transform:translateY(-3px);
}

/* Counter */

.wd-cart-number,
.wd-tools-count{

background:#ff00ea !important;

box-shadow:
0 0 10px #ff00ea,
0 0 20px rgba(255,0,234,.6);

border:none !important;
}

/* ==================================================
   STICKY HEADER
================================================== */

.whb-sticked .whb-general-header{

background:
linear-gradient(
180deg,
rgba(7,2,18,.98) 0%,
rgba(4,1,11,.98) 100%
) !important;

box-shadow:
0 0 20px rgba(255,0,234,.4),
0 0 60px rgba(0,195,255,.15),
inset 0 0 40px rgba(255,0,234,.06);
}

/* ==================================================
   ANIMATION
================================================== */

@keyframes headerGlow{

0%{

opacity:.5;
}

50%{

opacity:1;
}

100%{

opacity:.5;
}
}


/* ==================================================
   CYBERPUNK FOOTER
================================================== */

footer,
.footer-container,
.wd-footer{

position:relative;

background:
linear-gradient(
180deg,
#070212 0%,
#04010b 100%
) !important;

border-top:1px solid rgba(255,0,234,.35);

overflow:hidden;
}

/* ==================================================
   TOP GLOW LINE
================================================== */

footer::before,
.wd-footer::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:2px;

background:
linear-gradient(
90deg,
transparent,
#ff00ea,
#00c3ff,
#ff00ea,
transparent
);

box-shadow:
0 0 10px #ff00ea,
0 0 20px #00c3ff;

z-index:2;
}

/* ==================================================
   FOOTER INNER GLOW
================================================== */

footer::after,
.wd-footer::after{

content:"";

position:absolute;

inset:0;

pointer-events:none;

background:
radial-gradient(circle at top left,
rgba(255,0,234,.08),
transparent 30%),

radial-gradient(circle at bottom right,
rgba(0,195,255,.08),
transparent 30%);
}

/* ==================================================
   FOOTER WIDGETS
================================================== */

.footer-widget,
.widget{

position:relative;

z-index:3;
}

/* ==================================================
   TITLES
================================================== */

.footer-widget-title,
.widget-title{

font-family:'Orbitron',sans-serif !important;

font-size:22px !important;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

margin-bottom:24px !important;

color:#fff !important;

text-shadow:
0 0 10px #ff00ea,
0 0 20px rgba(255,0,234,.5);

position:relative;
}

/* Neon underline */

.footer-widget-title::after,
.widget-title::after{

content:"";

position:absolute;

left:0;
bottom:-10px;

width:70px;
height:2px;

background:#00c3ff;

box-shadow:
0 0 10px #00c3ff,
0 0 20px #00c3ff;
}

/* ==================================================
   FOOTER TEXT
================================================== */

footer p,
footer li,
footer span,
footer a{

color:#d8d8d8 !important;

font-size:16px;

transition:.3s;
}

/* ==================================================
   LINKS
================================================== */

footer a{

position:relative;

text-decoration:none !important;
}

/* Hover */

footer a:hover{

color:#00c3ff !important;

text-shadow:
0 0 10px #00c3ff,
0 0 20px rgba(0,195,255,.5);

padding-left:5px;
}

/* ==================================================
   MENU LINKS
================================================== */

footer ul{

padding:0;
margin:0;
list-style:none;
}

footer ul li{

margin-bottom:14px;
}

/* ==================================================
   SOCIAL ICONS
================================================== */

footer .social-icons a,
footer .wd-social-icons a{

width:48px;
height:48px;

display:flex;
align-items:center;
justify-content:center;

border-radius:14px;

background:
rgba(255,255,255,.03);

border:1px solid rgba(255,0,234,.35);

color:#fff !important;

margin-right:10px;

box-shadow:
0 0 10px rgba(255,0,234,.15);

transition:.35s;
}

/* Hover */

footer .social-icons a:hover,
footer .wd-social-icons a:hover{

transform:translateY(-5px);

background:
rgba(0,195,255,.08);

border-color:#00c3ff;

color:#00c3ff !important;

box-shadow:
0 0 15px #00c3ff,
0 0 35px rgba(0,195,255,.4);
}

/* ==================================================
   NEWSLETTER
================================================== */

footer input[type="email"]{

height:56px !important;

background:
rgba(255,255,255,.04) !important;

border:1px solid rgba(255,0,234,.35) !important;

border-radius:14px !important;

padding:0 20px !important;

color:#fff !important;

box-shadow:
0 0 10px rgba(255,0,234,.08),
inset 0 0 10px rgba(255,0,234,.04);

transition:.3s;
}

footer input[type="email"]:focus{

border-color:#00c3ff !important;

box-shadow:
0 0 15px #00c3ff,
0 0 35px rgba(0,195,255,.25);

outline:none;
}

/* Placeholder */

footer input::placeholder{

color:#aaa !important;
}

/* Subscribe Button */

footer button,
footer .btn,
footer input[type="submit"]{

height:56px !important;

padding:0 28px !important;

border:none !important;

border-radius:14px !important;

background:
linear-gradient(
90deg,
#ff00ea,
#00c3ff
) !important;

color:#fff !important;

font-family:'Orbitron',sans-serif;

font-weight:700;

letter-spacing:1px;

box-shadow:
0 0 15px rgba(255,0,234,.4),
0 0 30px rgba(0,195,255,.2);

transition:.35s;
}

/* Hover */

footer button:hover,
footer .btn:hover,
footer input[type="submit"]:hover{

transform:translateY(-4px);

box-shadow:
0 0 20px #ff00ea,
0 0 40px #00c3ff;
}

/* ==================================================
   COPYRIGHT
================================================== */

.copyrights-wrapper,
.footer-copyright{

border-top:1px solid rgba(255,255,255,.06);

padding-top:20px;
margin-top:40px;

color:#9e9e9e !important;

font-size:14px;
}

/* ==================================================
   FOOTER LOGO
================================================== */

footer img{

filter:
drop-shadow(0 0 10px #ff00ea)
drop-shadow(0 0 20px rgba(0,195,255,.5));

transition:.35s;
}

footer img:hover{

transform:scale(1.05);
}

/* ==================================================
   MOBILE
================================================== */

@media(max-width:767px){

.footer-widget-title,
.widget-title{

font-size:18px !important;
}

footer{

text-align:center;
}

footer .social-icons,
footer .wd-social-icons{

justify-content:center;
}
}







/* =========================================
   CHECKOUT / FORMS / BUTTONS FIX
   WOOCOMMERCE + WOODMART
========================================= */

/* ===================================
   عناوين الحقول في صفحة الدفع
=================================== */

form label,
.woocommerce label,
.checkout label,
.woocommerce-billing-fields label,
.woocommerce-checkout label,
.woocommerce-form__label,
label{

    color:#dff6ff !important;

    font-weight:600;

    letter-spacing:.4px;

    text-shadow:
        0 0 6px rgba(0,217,255,.25);
}

/* النجمة المطلوبة */

.required{
    color:#ff4fd8 !important;
}

/* ===================================
   الحقول
=================================== */

input,
textarea,
select,
.select2-selection{

    background:
        rgba(12,12,28,.92) !important;

    border:
        1px solid rgba(0,217,255,.22) !important;

    color:#ffffff !important;

    border-radius:14px !important;

    min-height:48px;

    transition:.3s ease;
}

/* النص داخل الحقول */

input::placeholder,
textarea::placeholder{
    color:#9fa8ff !important;
}

/* Focus */

input:focus,
textarea:focus,
select:focus,
.select2-container--default.select2-container--focus .select2-selection--single{

    border-color:#00d9ff !important;

    box-shadow:
        0 0 12px rgba(0,217,255,.22),
        0 0 24px rgba(0,217,255,.12);

    outline:none !important;
}

/* ===================================
   كل الأزرار
=================================== */

button,
.button,
input[type="submit"],
input[type="button"],
.wp-element-button,
.checkout-button,
.single_add_to_cart_button,
.wd-buy-now-btn,
.wd-button-wrapper a,
.btn,
a.button{

    background:
        linear-gradient(
            135deg,
            #ff00ff,
            #7b61ff,
            #00d9ff
        ) !important;

    color:#ffffff !important;

    border:none !important;

    border-radius:14px !important;

    padding:
        14px 24px !important;

    font-weight:700;

    letter-spacing:.6px;

    box-shadow:
        0 0 12px rgba(255,0,255,.28),
        0 0 24px rgba(0,217,255,.15);

    transition:.35s ease;
}

/* Hover */

button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-element-button:hover,
.checkout-button:hover,
.single_add_to_cart_button:hover,
.wd-buy-now-btn:hover,
.wd-button-wrapper a:hover,
.btn:hover,
a.button:hover{

    transform:
        translateY(-2px);

    background:
        linear-gradient(
            135deg,
            #00d9ff,
            #7b61ff,
            #ff00ff
        ) !important;

    box-shadow:
        0 0 18px rgba(255,0,255,.45),
        0 0 40px rgba(0,217,255,.25);
}

/* ===================================
   أزرار disabled
=================================== */

button:disabled,
.button:disabled{
    opacity:.6;
    cursor:not-allowed;
}










/* ===================================
   FIX NAMES / TITLES UNDER IMAGES
=================================== */

/* أسماء الأشخاص */


/* Hover */

.elementor-heading-title a:hover{

    color:#00d9ff !important;

    text-shadow:
        0 0 10px rgba(0,217,255,.6),
        0 0 20px rgba(0,217,255,.3);
}

/* لو الاسم طويل */

.elementor-heading-title{
    word-break:break-word;
}

/* للموبايل */

@media(max-width:768px){

    .elementor-heading-title,
    .elementor-heading-title a{

        font-size:22px;
    }
}

.elementor-heading-title a,
h2.elementor-heading-title{

    color:#f3f7ff !important;

    font-size:28px;

    font-weight:700;

    line-height:1.3;

    letter-spacing:.5px;

    text-shadow:
        0 0 8px rgba(0,217,255,.18);

    transition:.3s ease;
}




/* الفيديو */
.wd-el-video {
    border-radius: 24px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #090014 !important;
    border: 2px solid rgba(255,255,255,0.08) !important;

    box-shadow:
        0 0 15px rgba(255, 0, 255, 0.35),
        0 0 30px rgba(0, 195, 255, 0.25),
        0 0 50px rgba(140, 0, 255, 0.20) !important;
}

/* الفيديو نفسه */
.wd-el-video video{
    border-radius: 24px !important;
    overflow: hidden !important;
    object-fit: cover !important;
    display: block !important;
}

/* إطار نيون */
.wd-el-video::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 2px;
    background: linear-gradient(135deg,#ff00ff,#00d9ff,#7c3aed);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    pointer-events: none;
    z-index: 2;
}

/* تأثير hover */
.wd-el-video:hover{
    transform: translateY(-4px);
    transition: .3s ease;
}