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

:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(51,51,51);
	--wd-text-font-size: 15px;
	--wd-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: none;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51, 51, 51)333;
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 10px;
	--wd-primary-color: rgb(41,147,68);
	--wd-alternative-color: rgb(224,234,240);
	--wd-link-color: rgb(41,147,68);
	--wd-link-color-hover: #242424;
	--btn-default-transform: none;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(41,147,68);
	--btn-accented-bgcolor-hover: rgb(41,147,68);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: rgb(221,51,51);
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 480px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(174,182,161);
	background-image: url(https://gazebo4u.pl/wp-content/uploads/2023/04/wd-furniture-pt-def.jpg);
	background-size: cover;
	background-position: center top;
}
.wd-footer {
	background-color: rgb(15,15,15);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post .post-title {
	font-size: 18px;
}
.page .wd-page-content {
	background-image: url(https://gazebo4u.pl/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-image: url(https://gazebo4u.pl/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-product .wd-page-content {
	background-image: url(https://gazebo4u.pl/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.woodmart-archive-blog .wd-page-content {
	background-image: url(https://gazebo4u.pl/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-post .wd-page-content {
	background-image: url(https://gazebo4u.pl/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
html .wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgba(16,16,16,0.9);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
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(0,0,0);
	--wd-form-placeholder-color: rgb(119,119,119)7;
	--wd-form-bg: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 35px;
--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;
}

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

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


div.quantity .plus {
    border-start-end-radius: 5px !important;
    border-end-end-radius: 5px !important;
}

div.quantity .minus {
		border-start-start-radius: 5px !important;
    border-end-start-radius: 5px !important;
 }

.wpclv-term {
   	border-radius: 5px !important;
}

.wpclv-term:hover {
    border-color: #841719 !important;
	border-radius: 5px !important;
}


.wpclv-term.active {
    border-color: #841719 !important;
	border-width: 0,8px !importantl;
       		border-radius: 5px !important;
	
}


.wpclv-attributes .wpclv-terms .wpclv-term span, .wpclv-attributes .wpclv-terms .wpclv-term a {
      background-color: #ffffff !important;
}

.widget_price_filter .button {
        color: white !important;
        background-color: #841719 !important;
}


.wpclv-attributes .wpclv-terms .wpclv-term.active
{
color: #841719 !important;
font-size: 100% !important;
}


.wpclv-attributes .wpclv-terms .wpclv-term a
{
color: #841719 !important;

}

.pswp__bg {
    background: white !important; /*kolor tła image galery product w single na podstawie https://xtemos.com/forums/topic/how-to-change-background-color-of-enlarged-image-on-woocommerce/ */
}

#artyblog .wd-entities-title {
    min-height: 3em; /* Zakładając, że linia tekstu ma wysokość 1.5em */
    line-height: 1.5em; /* Ustawienie wysokości linii */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Ograniczenie do dwóch linii */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px; /* Opcjonalne - dla estetyki */
}

#artyblog .entry-content.wd-entry-content {
    min-height: 6em; /* Zakładając, że linia tekstu ma wysokość 1.5em */
    line-height: 1.5em; /* Ustawienie wysokości linii */
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Ograniczenie do czterech linii */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Dla lightboxa - zaokrąglenie rogów zdjęć 20-08-2024 r. */
.elementor-lightbox img,
.elementor-lightbox .elementor-lightbox-image {
    border-radius: 10px;
    overflow: hidden;
}


.more-products { /*ukrycie ilości produktów na stronie głównej pod kategoriami*/
    display: none;
}

.elementor img {
        border-radius: 10px;} /* zaokrąglenie obrazów, zdjęć */

.wpclv-attributes .wpclv-terms .wpclv-term.active {
       border: 2px solid #841719 !important; /* Dodanie borderu o szerokości 3px */
}


.wooco-alert {
    padding: 10px 10px 10px 14px; /* ostrzeżenie przy niewybraniukomponentu słupów do zadaszeń 24.09.2024 r.*/
    border: 4px solid #FFEB3B;
    background-color: #ffffff;
    font-size: 16px;
}

.mfp-close
{
right: 5px !important; /*przesunięcie krzyżyka "X" zamykającego popup w koszyku w podglądzieproduktu 25.09.2024 */
	top: -40px !important;
}


.wd-add-btn>a {
	border-radius: 5px !important; /*dodanie zaokrąglenia lekkiego do przycisku "wybierz" produkt w widoku archive */
}


.wd-product :is{
    
    border-radius: 5px;
}

.wd-product :is(.product-wrapper,.product-element-bottom,.product-list-content,[class*="-information"])>*:not(:is(.wd-entities-title,[class*="wd-product-"],.price)) {
     border-radius: 5px !important; /*zaokraglenie przycisku Podgląd n aprodukcie w widoku archive*/
}

.single_add_to_cart_button {
    border-radius: 5px; /*zaokrąglenie przycisku do koszykaw widoku single product*/
}
.wd-buy-now-btn {
   border-radius: 5px; /* zaokraglenie przycisku Kup teraz w widoku single layout*/
}

@media (min-width: 1025px) {
  .awl-label-text { /*aby etykiety/label NIE były widoczne na desktopie*/
    display: none !important;
  }
}
.product-element-top 
{
height: 200px /*ustalenie wysokości produktu - "tańczyły zadaszeenia tarasu jednospadowe - różne wielkosci zdjęć */
}

.main_carousel_product :is(.btn, button, [type="submit"], [type="button"]) {
    background-color: white !important; /* Tło na biało  07-10-2024 r.*/
    border: 1px solid #4d4d4d !important; /* Obramowanie 1px w jaśniejszym odcieniu */
    color: #4d4d4d !important; /* Kolor tekstu na ciemnoszary */
}


:is(.widget, .wd-widget, div[class^="vc_wp"]) {
    --wd-link-color: #000000;
    --wd-link-color-hover: #000000;
}

:is(.widget, .wd-widget, div[class^="vc_wp"]) a {
    color: var(--wd-link-color);
}

:is(.widget, .wd-widget, div[class^="vc_wp"]) a:hover {
    color: var(--wd-link-color-hover);
}



.wd-product-nav-btn:before {
    display: none;
 
}



.wd-product-nav-btn.wd-btn-prev {
    padding-right: 35px !important;
}
.wd-product-nav-btn.wd-btn-next {
    padding-left: 35px !important;
}

.wd-product-nav-btn.wd-btn-next {
      height: 30px;
	color: black;
}
.wd-product-nav-btn.wd-btn-prev {
      height: 30px;
	color: black;
}

a.cart-item-link.wd-fill {
    display: none !important;
}


/* Stylowanie aktywnego elementu menu */
.current-menu-item > a {
    color: #299344 !important; /* Zmiana koloru tekstu na aktywnym linku */
    font-weight: bold; /* Pogrubienie tekstu */
}

/* Stylowanie przodków aktywnego elementu menu */
.current-menu-ancestor > a,
.current-menu-parent > a {
    color: #299344 !important; /* Kolor tekstu dla przodków */
    font-weight: bold; /* Pogrubienie tekstu dla przodków */
}
