/*
 Theme Name:   Anna Wach Motyw Potomny
 Description:  To motyw potomny 
 Author:       Ola S.
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  dsa
*/

/*ładny scroll button*/
.et_pb_scroll_top:before {
content: '!';
}
.et_pb_scroll_top.et-pb-icon {
background: #fff;
color: #000;
padding: 12px;
font-size: 22px;
right: 20px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 50%;
}
.et_pb_scroll_top.et-pb-icon:hover {
background: #000;
color: #fff;
}
.et_pb_scroll_top.et-pb-icon.et-visible {
transition: all .3s ease-in-out;
}

/*Add Space Before Headings*/
:where(.et_pb_text) :is(p,ul,ol,blockquote) ~ :is(h1,h2,h3,h4,h5,h6)
{
Padding-top:.75em;
}

/*Fix Bottom Spacing on Elements*/
:where(.et_pb_text) p:last-of-type {
padding-bottom:1em;
}
:where(.et_pb_text) :is(p,ul,ol,blockquote):last-child {
Padding-bottom:0;
}
/*Style Lists*/
:where(.et_pb_text) :marker {
color:var( -gcid-primary-color);
font-family:var( -et_global_heading_font);
}
:where(.et_pb_text) :is(ol,ul) li:not(:last-child) {
Padding-bottom:.5em;
}
/*Link Hover Effects*/
:where(.et_pb_text) a {
transition: all .2s linear;
text-underline-offset:.24em;
text-decoration-thickness:.1em;
}
:where(.et_pb_text) a:hover {
text-underline-offset:.12em;
}



/* Teksty zwykłe i ceny */
.woocommerce-cart .wc-block-cart-item__wrap,
.woocommerce-cart .wc-block-components-product-metadata,
.woocommerce-cart .wc-block-components-totals-item,
.woocommerce-cart .wc-block-components-totals-footer-item,
.woocommerce-cart .wc-block-formatted-money-amount,
.woocommerce-cart .wc-block-components-product-details,
.woocommerce-cart .wc-block-components-totals-item__label,
.woocommerce-cart .wc-block-components-totals-item__value,
.woocommerce-cart .wc-block-components-product-price {
    font-family: "Martel Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}

/* Przycisk przejścia do płatności */
.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-cart .wc-block-components-button {
    font-family: "Martel Sans", sans-serif !important;
    background: #2e2e2e !important;
    color: #ffffff !important;
    border: 1px solid #1f1f1f !important;
    border-radius: 12 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 18px 28px !important;
    transition: all 0.3s ease !important;
}

/* Hover przycisku */
.woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-block-components-button:hover {
    background: #ffc4f0 !important;
    color: #2e2e2e !important;
    border-color: #ffc4f0 !important;
}

/* Linki */
.woocommerce-cart a {
    color: #b05a8d !important;
}

.woocommerce-cart a:hover {
    color: #8e476f !important;
}

/* Tło sekcji podsumowania koszyka */
.woocommerce-cart .wc-block-cart__sidebar,
.woocommerce-cart .wc-block-components-sidebar {
    background: #fbedf6 !important;
    padding: 32px !important;
    border: 1px solid #efd6e4 !important;
    border-radius: 0 !important;
}


/* Badge Sprzedane  na całą szerokość zdjęcia */

.pbfw_square_data {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 20 !important;
}

.pbfw_square_data > div {
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;

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

    background: rgba(251, 237, 246, 0.92) !important;
    color: #2f2a2c !important;
    border: none !important;
    border-top: 1px solid rgba(191, 143, 171, 0.35) !important;
    border-radius: 0 !important;
    overflow: visible !important;

    font-family: "Martel Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-align: center !important;

    box-shadow: none !important;
    backdrop-filter: blur(2px);
}

@media (max-width: 767px) {
    .pbfw_square_data > div {
        font-size: 11px !important;
        padding: 8px 12px !important;
    }
}
/*zwiększenie ceny przy waroancie*/
.woocommerce-variation-price {
    margin-top: 10px;
	margin-bottom: 10px;
}

.woocommerce-variation-price .price {
    font-size: 32px !important;
    font-weight: 700;
    color: #000;
}
/* włączanie sekcji koszyka gdy koszyk jest pusty*/
.empty-cart-section {
    display: block !important;
}
.empty-cart-section:has(+ .et_pb_section form.woocommerce-cart-form) {
    display: none !important;
}

/*usuwanie opcji przeliz wysyłkę*/
.woocommerce-shipping-destination {
    display: none;
}
.woocommerce-shipping-calculator {
    display: none !important;
}

/*WTYCZKA FLEXIBLE COOKIES*/

/* Cookies: baner */
#flexiblecookies_container div#flexiblecookies_cookie_banner {
	bottom: 40px;
	left: 40px;
	right: auto;
	width: 400px;
	max-width: calc(100vw - 80px);
	padding: 20px 26px;
	flex-wrap: wrap;
	border-radius: 10px;
	color: #4a4a4a;
	background: #f5f8f8;
	box-shadow: 0 0 50px #00000030;
}

/* Cookies: tekst */
#flexiblecookies_cookie_banner .flexiblecookies_cookie_text {
	margin-bottom: 15px;
	margin-right: 0;
}

/* Cookies: wszystkie przyciski w banerze */
#flexiblecookies_cookie_banner button {
	width: auto;
	min-height: 0;
	padding: 7px 12px !important;
	line-height: 1.2 !important;
	font-size: 13px !important;
	border-radius: 0 !important;
	transition: 0.3s;
}

/* Cookies: hover przycisków */
#flexiblecookies_cookie_banner button:hover {
	transform: translateY(-2px);
}

/* Cookies: akceptuję */
#flexiblecookies_accept_cookies,
#flexiblecookies_accept_settings_cookies {
	background: #a8538b !important;
	border: 2px solid #a8538b !important;
	color: #ffffff !important;
}

/* Cookies: akceptuję hover */
#flexiblecookies_accept_cookies:hover,
#flexiblecookies_accept_settings_cookies:hover {
	background: #a87a96 !important;
	border-color: #a87a96 !important;
}

/* Cookies: odrzucam */
#flexiblecookies_deny_cookies {
	background: transparent !important;
	border: 2px solid #a8538b !important;
	color: #a8538b !important;
}

/* Cookies: odrzucam hover */
#flexiblecookies_deny_cookies:hover {
	border-color: #a87a96 !important;
	color: #a87a96 !important;
}

/* Cookies: preferencje - trzeci przycisk */
#flexiblecookies_open_settings {
	background: #ffffff !important;
	border: 2px solid #a8538b !important;
	color: #4a4a4a !important;
	padding: 7px 12px !important;
	line-height: 1.2 !important;
	font-size: 13px !important;
	border-radius: 0 !important;
}

/* Cookies: preferencje hover */
#flexiblecookies_open_settings:hover {
	background: #a8538b !important;
	border-color: #a8538b !important;
	color: #ffffff !important;
}

/* Cookies: ikonka ponownego otwarcia */
.flexible-cookies-reopen-settings {
	position: fixed !important;
	left: 22px !important;
	bottom: 22px !important;
	z-index: 999999 !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 50% !important;
	background: #f5f8f8 !important;
	background-image: none !important;
	border: 2px solid #a8538b !important;
	box-shadow: 0 0 30px #00000025 !important;
	color: #a8538b !important;
}

/* Cookies: ukrycie oryginalnej żółtej ikonki, jeśli jest jako element w środku */
.flexible-cookies-reopen-settings * {
	display: none !important;
}

/* Cookies: własna różowa ikonka */
.flexible-cookies-reopen-settings::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 22px;
	height: 22px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background:
		radial-gradient(circle at 7px 7px, #f5f8f8 0 2px, transparent 2.5px),
		radial-gradient(circle at 14px 10px, #f5f8f8 0 2px, transparent 2.5px),
		radial-gradient(circle at 10px 16px, #f5f8f8 0 2px, transparent 2.5px),
		#a8538b;
	box-shadow: inset -3px -3px 0 #8f3f74;
}

/* Cookies: mobile */
@media (max-width: 768px) {
	#flexiblecookies_container div#flexiblecookies_cookie_banner {
		left: 10px;
		right: 10px;
		bottom: 10px;
		width: auto;
		max-width: none;
		padding: 18px 20px;
	}

	#flexiblecookies_cookie_banner button,
	#flexiblecookies_open_settings {
		padding: 7px 10px !important;
		font-size: 13px !important;
		line-height: 1.15 !important;
	}

	.flexible-cookies-reopen-settings {
		left: 14px !important;
		bottom: 14px !important;
		width: 40px !important;
		height: 40px !important;
	}
}
