@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//remuzok.hu/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.3.8") format("woff2");
}

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

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

:root {
	--wd-text-font: "Sour Gummy", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(234,234,234);
	--wd-text-font-size: 16px;
	--wd-title-font: "Sour Gummy", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(255,255,255);
	--wd-entities-title-font: "Sour Gummy", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(255,255,255);
	--wd-entities-title-color-hover: rgb(219, 219, 219);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(255,255,255);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Sour Gummy", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 18px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(219,157,0);
	--wd-alternative-color: rgb(224,201,154);
	--btn-default-font-family: "Sour Gummy", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Sour Gummy", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(34,71,204);
	--btn-accented-bgcolor-hover: rgb(31,64,185);
	--btn-transform: none;
	--btn-color: rgb(255,255,255);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(0,0,0);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 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: rgba(0,17,38,0.72);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
 {
	font-family: "Lexend", Arial, Helvetica, sans-serif;
	font-weight: 400;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 18px;
	text-transform: none;
}
.checkout-font {
	font-family: Arial, Helvetica, sans-serif;}
.page .wd-page-content {
	background-color: rgb(30,41,59);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(30,41,59);
	background-image: url(https://remuzok.hu/wp-content/uploads/2025/11/bg_atmenet2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.single-product .wd-page-content {
	background-color: rgb(30,41,59);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(30,41,59);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(30,41,59);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(30,41,59);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(30,41,59);
	background-image: none;
}
html .wd-buy-now-btn {
	background: rgb(226,188,122);
}
html .wd-buy-now-btn:hover {
	background: rgb(216,165,54);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(76,76,76);
	--wd-form-placeholder-color: rgb(142,142,142);
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(126,164,222);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(171,186,129);
	color: rgb(255,255,255);
}
.product-labels .product-label.featured {
	background-color: rgb(227,162,141);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1422px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}



.wd-page-title {
background-color: rgb(247,243,240);
}

.wc-blocks-components-select__select > option,
.wd-reviews-sorting-select > option {
	background: #FFF !important;
}

.page .wd-page-content {
    /* Center is a lighter slate blue, edges are deep navy */
    background: radial-gradient(circle at center, #2c3e50 0%, #1A2332 100%) !important;
    background-attachment: fixed !important;
}

.single-product .wd-page-content {
    /* Center is a lighter slate blue, edges are deep navy */
    background: radial-gradient(circle at center, #2c3e50 0%, #1A2332 100%) !important;
    background-attachment: fixed !important;
}

.price,
.woocommerce-Price-amount.amount,
.wc-block-components-totals-item__value {
	font-family: sans-serif !important;
}

.remuzo-glowing-btn {
		/* 1. The Shape & Size */
    display: inline-block;
    padding: 15px 40px;       /* Top/Bottom, Left/Right padding */
    border-radius: 50px;      /* Makes it fully rounded (pill shape) */
    text-decoration: none;    /* Removes underline */
    
    /* 2. The Color (Warm Gradient) */
    background: linear-gradient(135deg, #F2C94C 0%, #F2994A 100%); 
    /* This creates a transition from bright yellow to warm orange */

    /* 3. The Text */
    color: #fff;              /* White text */
    font-weight: 700;         /* Bold text */
    font-size: 1.1rem;
    letter-spacing: 0.5px;
		text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    
    /* 4. The "Lamp Glow" Effect */
    border: none;
    box-shadow: 0 5px 20px rgba(242, 153, 74, 0.6); 
    /* The 0.6 transparency makes the shadow look like light */
    
    /* 5. Smooth Animation */
    transition: all 0.3s ease;
}

.remuzo-glowing-btn:hover {
		transform: translateY(-3px); /* Moves the button slightly up */
    box-shadow: 0 10px 30px rgba(242, 153, 74, 0.8); /* Glow gets bigger/brighter */
    background: linear-gradient(135deg, #F2D06B 0%, #F2A665 100%); /* Slightly lighter color */
}

.remuzo-hero-title {
		color: #FFFFFF;
    text-shadow: 
        /* Layer 1: Tight black shadow for readability */
        2px 2px 2px #000000,
        
        /* Layer 2: Darker blur to lift it off background */
        0 0 10px rgba(0, 0, 0, 0.8),
        
        /* Layer 3: The Magical Gold Glow is pushed further back */
        0 0 30px rgba(255, 215, 0, 0.5);
}

.remuzo-hero-text {
	    text-shadow: 
       /* Layer 1: Tight black shadow for readability */
       2px 2px 2px #000000,
        
       /* Layer 2: Darker blur to lift it off background */
       0 0 10px rgba(0, 0, 0, 0.8)
}
/* Ez a kód megkeresi az 'egyedi-vilagos-blokk' nevű elemet */
.egyedi-vilagos-blokk {
    background-color: #ffffff !important; /* Fehér háttér */
    padding: 10px !important;            /* Kell egy kis belső margó */
    border-radius: 8px !important;       /* Szép kerekített sarkok */
    color: #333333 !important;           /* Sötét szöveg, hogy látsszon */
}

/* Ez biztosítja, hogy a benne lévő szövegek is sötétek legyenek */
.egyedi-vilagos-blokk * {
    color: #333333 !important;
}

/* Checkout page szinek változtatása */
.wc-block-components-form .wc-block-components-checkout-step {
		background: whitesmoke !important;
		padding: 10px !important;
		color: black !important;
}

.wc-block-components-title.wc-block-components-title {
		color: black !important;
}

/* kosár oldal utánrendelhető több sorba */
.wc-block-components-product-badge {
	white-space: wrap !important;
}

/* Minden szállítási módnál a Módosítás link kékítése */
.woocommerce-checkout-review-order-table .shipping a.modify-link,
.shipping .modify-link,
.foxpost-terminal-name .modify-link,
.packeta-terminal-name .modify-link,
.gls-parcelshop-name .modify-link,
.posta-terminal-name .modify-link,
a[id^="modify-"],
a[class*="modify"] {
    color: #2b3e51 !important; /* Erős kék szín */
    font-weight: bold !important;
    text-decoration: underline !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Lebegő állapot (hover) */
.shipping .modify-link:hover {
    color: #00008B !important; /* Sötétkék, ha ráviszed az egeret */
}

/* Target the specific block list item when it contains an error */
.vp-woo-pont-block-list-item.has-error, 
.wc-block-components-checkout-step--error .vp-woo-pont-block-list-item.selected {
    border: 2px solid #ff0000 !important;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.6) !important;
    background-color: rgba(255, 0, 0, 0.02) !important;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

/* Ensure the "Térkép" (Map) button also stands out if unselected */
.vp-woo-pont-block-list-item.has-error .vp-woo-pont-show-map {
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); box-shadow: 0 0 10px rgba(255, 0, 0, 0.3); }
    100% { transform: scale(1); }
}
/* 1. A TÁROLÓ (KERET) JAVÍTÁSA */
/* Kényszerítjük a keretet, hogy kövesse a gombok méretét */
.variations tr, .variations td.value {
    display: flex !important;
    flex-wrap: wrap !important; /* Ha végképp nem fér el, törjön új sorba, de ne lógjon ki */
    height: auto !important;
    align-items: center !important;
}

/* 2. A FELIRAT MÉRETE ÉS TÁVOLSÁGA */
.variations .label label {
    font-size: 22px !important;
    margin-right: 20px !important;
    white-space: nowrap !important; /* Ne törjön ketté a szöveg */
}

/* 3. RUGALMAS GOMBOK (FIX SZÉLESSÉG HELYETT PADDING) */
.variations .value .wd-swatches-product .wd-swatch,
.variations .value .variable-items-wrapper .variable-item {
    width: auto !important;        /* Megszüntetjük a fix 180px-et */
    min-width: 100px !important;   /* De marad egy alap méret */
    height: 40px !important;       /* Kicsit visszavettük a magasságot a jobb illeszkedésért */
    padding: 0 15px !important;    /* A gomb belülről tágul a szöveg szerint */
    
    border: 3px solid #ffffff !important;
    border-radius: 12px !important;
    font-size: 18px !important;    /* Olvasható, de nem lóg ki */
    font-weight: 700 !important;
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 5px !important;
    white-space: nowrap !important; /* Az Igen (+1500 Ft) maradjon egy sorban */
}

.variations .value .wd-swatches-product .wd-swatch:hover,
.variations .value .variable-items-wrapper .variable-item:hover {
		color: black;
		background-color: white;
}

.variations .value .wd-swatches-product .wd-swatch:focus,
.variations .value .variable-items-wrapper .variable-item:focus {
		color: black;
		background-color: white;		
}

.wd-active[role="radio"] {
		color: black !important;
		background-color: white !important;
}

.wd-text-style-1 .wd-swatch.wd-text:after {
		border-bottom: none !important;		
}

/* 4. TÁBLAGÉP ÉS MOBIL FINOMÍTÁS */
@media (max-width: 1024px) {
    .variations tr {
        flex-direction: column !important; /* Táblagépen a felirat a gombok fölé kerül, így van hely */
        align-items: center !important;
    }
    
    .variations .label {
        margin-bottom: 10px !important;
    }
    
    .variations .value .wd-swatches-product .wd-swatch {
        font-size: 16px !important; /* Mobilon picivel kisebb betű, hogy ne lógjon ki */
        height: 50px !important;
				min-width: 180px !important;
    }
	
		.wd-swatches-product {
			justify-content: center !important;
	}
}