/* BW Kiegeszitok - stiluslap */

.bw-ref__item{cursor:zoom-in}

/* --- Termekoldal: a ket gomb pontosan egyforma, PC-n es mobilon is --- */
.woocommerce div.product .summary a.bw-rendelek,
.woocommerce div.product .summary a.button--contact,
.woocommerce div.product .summary .button--contact{
	display:flex !important;align-items:center;justify-content:center;text-align:center;
	box-sizing:border-box !important;
	width:100% !important;max-width:300px !important;min-height:56px;
	padding:18px 24px !important;
	font-size:.8125rem !important;font-weight:600 !important;letter-spacing:.16em !important;
	line-height:1.15 !important;text-transform:uppercase;text-decoration:none;margin:0 0 0 0 !important;
}
.woocommerce div.product .summary a.bw-rendelek{
	margin-top:12px !important;
	background:var(--bw-accent,#b8842f);border:1px solid var(--bw-accent,#b8842f);color:#fff;
}
.woocommerce div.product .summary a.bw-rendelek:hover,
.woocommerce div.product .summary a.bw-rendelek:focus{
	background:var(--bw-accent-dark,#96691f);border-color:var(--bw-accent-dark,#96691f);color:#fff;text-decoration:none;
}
@media(max-width:768px){
	.woocommerce div.product .summary a.bw-rendelek,
	.woocommerce div.product .summary a.button--contact,
	.woocommerce div.product .summary .button--contact{max-width:100% !important}
}

/* --- Termekracs: egyenlo magassagu kartyak ---
   A fooldalon a [products] rovidkod racsa lebegtetessel (float) epul, ezert
   a kartyak magassaga soronkent kulonbozik, es a gomb nem tud az aljara
   kerulni. Racsra alakitjuk, hogy minden sor egyforma magas legyen. */
/* A tema egy lathatatlan ::before / ::after elemet tesz a listaba (regi
   "clearfix"). Racsos elrendezesben ezek onallo racscellat foglalnanak,
   ezert kikapcsoljuk oket. */
html body.woocommerce ul.products::before,
html body .woocommerce ul.products::before,
html body.woocommerce ul.products::after,
html body .woocommerce ul.products::after{content:none !important;display:none !important}

html body.woocommerce ul.products.columns-2,
html body .woocommerce ul.products.columns-2{display:grid !important;grid-template-columns:repeat(2,1fr) !important;column-gap:3.8% !important;row-gap:48px !important}
html body.woocommerce ul.products.columns-3,
html body .woocommerce ul.products.columns-3{display:grid !important;grid-template-columns:repeat(3,1fr) !important;column-gap:3.8% !important;row-gap:48px !important}
html body.woocommerce ul.products.columns-4,
html body .woocommerce ul.products.columns-4{display:grid !important;grid-template-columns:repeat(4,1fr) !important;column-gap:2.8% !important;row-gap:48px !important}
html body.woocommerce ul.products li.product,
html body .woocommerce ul.products li.product{
	width:auto !important;margin:0 !important;float:none !important;clear:none !important;
}
@media(max-width:768px){
	html body.woocommerce ul.products.columns-2,
	html body .woocommerce ul.products.columns-2,
	html body.woocommerce ul.products.columns-3,
	html body .woocommerce ul.products.columns-3,
	html body.woocommerce ul.products.columns-4,
	html body .woocommerce ul.products.columns-4{grid-template-columns:repeat(2,1fr) !important;column-gap:4% !important;row-gap:32px !important}
}

/* --- Termekracs: a gomb mindig a kartya aljan, azonos meretben ---
   Ket valtozat kell: a bolt- es kategoriaoldalon a .woocommerce osztaly
   magan a <body>-n van, a sima oldalakon ([products] rovidkod, pl. a
   fooldalon) viszont csak a racsot korulvevo dobozon. */
html body.woocommerce ul.products li.product,
html body .woocommerce ul.products li.product{
	display:flex !important;flex-direction:column !important;height:100%;
}
html body.woocommerce ul.products li.product > a.woocommerce-loop-product__link,
html body .woocommerce ul.products li.product > a.woocommerce-loop-product__link{
	flex:1 1 auto !important;display:block;
}
html body.woocommerce ul.products li.product.product > a.button.button,
html body .woocommerce ul.products li.product.product > a.button.button,
html body.woocommerce ul.products li.product.product > a.button.button.product_type_simple,
html body .woocommerce ul.products li.product.product > a.button.button.product_type_simple,
html body.woocommerce ul.products li.product.product > a.button.button.add_to_cart_button,
html body .woocommerce ul.products li.product.product > a.button.button.add_to_cart_button,
html body.woocommerce ul.products li.product.outofstock.outofstock > a.button.button,
html body .woocommerce ul.products li.product.outofstock.outofstock > a.button.button{
	margin-top:auto !important;align-self:center !important;
	box-sizing:border-box !important;
	display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;
	width:100% !important;max-width:210px !important;min-height:44px !important;
	padding:12px 18px !important;font-size:.75rem !important;letter-spacing:.12em !important;line-height:1.15 !important;
}
@media(max-width:600px){
	html body.woocommerce ul.products li.product.product > a.button.button,
	html body .woocommerce ul.products li.product.product > a.button.button,
	html body.woocommerce ul.products li.product.outofstock.outofstock > a.button.button,
	html body .woocommerce ul.products li.product.outofstock.outofstock > a.button.button{
		padding:11px 6px !important;font-size:.6875rem !important;letter-spacing:.06em !important;min-height:40px !important;max-width:100% !important;
	}
}

/* --- Vedett e-mail cim --- */
.bw-mail{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
a.bw-mail-link{word-break:break-word}

/* --- "Osszes festmenyem" gomb a kapcsolodo termekek alatt --- */
.bw-osszes{display:flex;justify-content:center;margin:14px 0 48px;clear:both;width:100%;grid-column:1 / -1}
html body .bw-osszes .bw-osszes__gomb{
	display:inline-flex;align-items:center;justify-content:center;text-align:center;
	box-sizing:border-box;min-height:52px;padding:16px 44px;
	background:transparent;border:1px solid var(--bw-accent,#b8842f);color:var(--bw-accent,#b8842f);
	font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;
	transition:background .2s,color .2s;
}
html body .bw-osszes .bw-osszes__gomb:hover,
html body .bw-osszes .bw-osszes__gomb:focus{
	background:var(--bw-accent,#b8842f);color:#fff;text-decoration:none;
}
@media(max-width:600px){
	html body .bw-osszes .bw-osszes__gomb{width:100%;padding:15px 16px}
}

/* --- Kosar: lathatoan nagy termekkep --- */
.woocommerce table.cart td.product-thumbnail,
.woocommerce-cart table.cart td.product-thumbnail{width:140px}
.woocommerce table.cart td.product-thumbnail img,
.woocommerce-cart table.cart td.product-thumbnail img{
	width:110px !important;height:110px !important;max-width:none !important;
	object-fit:contain;display:block;
}
@media(max-width:768px){
	.woocommerce table.cart td.product-thumbnail,
	.woocommerce-cart table.cart td.product-thumbnail{width:auto}
	.woocommerce table.cart td.product-thumbnail img,
	.woocommerce-cart table.cart td.product-thumbnail img{
		width:90px !important;height:90px !important;margin-left:auto;
	}
}
.bw-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:rgba(10,14,26,.94);display:none;align-items:center;justify-content:center;padding:32px}
.bw-lb.on{display:flex}
.bw-lb__fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%}
.bw-lb__img{max-width:92vw;max-height:80vh;width:auto;height:auto;display:block;box-shadow:0 30px 80px -30px rgba(0,0,0,.85)}
.bw-lb__cap{color:#e6edf6;font-size:.875rem;letter-spacing:.04em;text-align:center;margin:0}
.bw-lb__btn{position:absolute;background:none;border:0;color:#fff;cursor:pointer;padding:16px;opacity:.7;transition:opacity .2s}
.bw-lb__btn:hover,.bw-lb__btn:focus{opacity:1;background:none}
.bw-lb__btn i{display:block;width:20px;height:20px;border:solid #fff;border-width:0 0 2px 2px}
.bw-lb__x{top:10px;right:14px}
.bw-lb__x i{width:22px;height:2px;border:0;background:#fff;transform:rotate(45deg);position:relative}
.bw-lb__x i:after{content:"";position:absolute;top:0;left:0;width:22px;height:2px;background:#fff;transform:rotate(-90deg)}
.bw-lb__prev{left:4px;top:50%;transform:translateY(-50%)}
.bw-lb__prev i{transform:rotate(45deg)}
.bw-lb__next{right:4px;top:50%;transform:translateY(-50%)}
.bw-lb__next i{transform:rotate(-135deg)}
.bw-lb__n{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);color:#93a6bd;font-size:.75rem;letter-spacing:.16em}
body.bw-lb-open{overflow:hidden}
@media(max-width:600px){.bw-lb{padding:10px}.bw-lb__img{max-height:72vh}.bw-lb__btn{padding:10px}}