/*
Theme Name: Pet's Amigos
Theme URI: 
Author: Inkographic
Author URI: 
Description: Pet's Amigos theme.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pets-amigos
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*------------------------------------*\
    #GLOBAL
\*------------------------------------*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/*------------------------------------*\
    #HEADER
\*------------------------------------*/


header>div>div {
	box-shadow: 0 8px 24px 0px rgba(0, 0, 0, 0.08);
}


/*------------------------------------*\
    #HERO SLIDER
\*------------------------------------*/

#gutenslider-1o1lidtu8 {
	padding: 24px;
}


.eedee-gutenslider-nav {
	display: none !important;
}

body .wp-block-eedee-block-gutenslider .swiper-horizontal~.swiper-pagination-bullets .swiper-pagination-bullet {
	background-color: #2D1D0E26;
	margin: 0 8px;
	opacity: 1;
}

body *:active,
body *:focus {
	outline: none !important;
}

body .wp-block-eedee-block-gutenslider .swiper-horizontal~.swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #E9533E;
}

body .wp-block-eedee-block-gutenslider.content-change .slide-content {
	padding: 0;

}

@media screen and (max-width: 781px) {
	#gutenslider-1o1lidtu8 h2 {
		text-align: center;
	}

	#gutenslider-1o1lidtu8 .wp-block-buttons {
		justify-content: center;
	}

	#gutenslider-1o1lidtu8 figure {
		text-align: center;
	}

	br {
		display: none;
	}

	.eedee-gutenslider-pagination.swiper-pagination-bullets {
		bottom: -24px !important
	}

	.centered-on-mobile h2,
	.centered-on-mobile h3,
	.centered-on-mobile h4,
	.centered-on-mobile h5,
	.centered-on-mobile .wp-block-buttons,
	.centered-on-mobile figure {
		text-align: center;
		justify-content: center;
	}

	.centered-on-mobile ul li {
		justify-content: center;
		margin: 0 0 1.25em 0 !important;
	}

	footer .centered-on-mobile p {
		text-align: center;
	}

}

/*------------------------------------*\
	#PDODUCT SLIDER
\*------------------------------------*/
body #wps-slider-section #sp-woo-product-slider-263 .wpsf-product-title a {
	color: #2D1D0E;
	text-align: center;
	font-family: "Red Hat Display";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

body #wps-slider-section #sp-woo-product-slider-263 .wps-product-data:hover .wpsf-product-title a {
	color: #E9533E;
}

body #wps-slider-section #sp-woo-product-slider-263 .wps-product-data .wps-product-image img {
	max-height: 240px;
	width: auto;
	/* background: #fff !important; */
}

body #wps-slider-section #sp-woo-product-slider-263 .wps-product-data {
	background-color: #fff;
	border-radius: 16px;
	padding-top: 16px;
	min-height: 370px;
}


body #wps-slider-section #sp-woo-product-slider-263 .wpsf-product-price {
	color: #2D1D0E;
	font-family: "Red Hat Display";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

body #wps-slider-section .wps-product-section .wpsp-nav {
	color: #E9533E !important;
	font-size: 40px !important;
	background: noen !important;
}

body #wps-slider-section .wps-product-section {
	/* padding: 0 40px; */
}

body #wps-slider-section .wps-product-section .wpsp-nav:focus {
	outline-style: none !important;
}

body #wps-slider-section .wps-product-section .wpsp-nav:hover {
	background: none !important;
}


body #wps-slider-section .wps-product-section .wpsp-nav.swiper-button-next:hover i::before {
	content: "\f133";
}

body #wps-slider-section .wps-product-section .wpsp-nav.swiper-button-prev:hover i::before {
	content: "\f129";
}

body #wps-slider-section .wps-product-section .swiper-button-next {
	/* top: 25px; */
	top: 50%;
	right: -48px;
}

body #wps-slider-section .wps-product-section .swiper-button-prev {
	/* right: 36px; */
	/* top: 25px; */
	/* left: auto; */
	right: auto;
	top: 50%;
	left: -48px;
}

/*------------------------------------*\
	#LATEST POSTS
\*------------------------------------*/

ul.newest-posts li:nth-child(even) {
	transform: translateY(40px);
}

ul.wp-block-latest-posts.is-grid {
	margin-top: 0 !important;
}

ul.wp-block-latest-posts.is-grid li {
	max-height: 520px;
	overflow-y: hidden;
	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 24px 0 0 0;

}

ul.newest-posts li div.wp-block-latest-posts__featured-image {
	margin-bottom: 57px;
}

ul.newest-posts li a.wp-block-latest-posts__read-more {
	display: none;
}

ul.newest-posts li a {
	color: #2D1D0E;
	font-family: "Red Hat Display";
	/* font-size: 32px; */
	/* write clamp font size 32px - 24px */
	font-size: clamp(20px, 2.25vw, 32px);


	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

ul.newest-posts li div.wp-block-latest-posts__featured-image img {
	width: 310px;
	height: 480px;
	object-fit: cover;
	border-radius: 16px;
	box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, .08);
	transition: all 0.3s ease;
	/* margin: 0 24px 24px 24px; */
}

ul.newest-posts li a:hover {
	color: #E9533E;
}


ul.newest-posts li:hover div.wp-block-latest-posts__featured-image img {
	height: 317px;
}


/*------------------------------------*\
    #FOOTER
\*------------------------------------*/


/*------------------------------------*\
#BLOCKS
\*------------------------------------*/
.wp-block-product-category ul.wc-block-grid__products {
	margin-bottom: 0;
	gap: 24px;
}

.wp-block-product-category ul.wc-block-grid__products li.wc-block-grid__product {
	border: none;
	background-color: white;
	border-radius: 16px;
	padding: 16px 0;
	max-width: 270px;
}

.wp-block-product-category ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link:focus {
	outline: none !important;
}

.wp-block-product-category ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-title {
	padding: 0 16px;
	color: #2D1D0E;
	text-align: center;
	font-family: "Red Hat Display";
	font-size: clamp(16px, 2vw, 24px);

	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.wp-block-product-category ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link:hover .wc-block-grid__product-title {
	color: #E9533E;
}

.wp-block-product-category ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link {
	max-width: 270px;
}

.wp-block-product-category ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link img {
	max-height: 270px;
	object-fit: cover;
	width: 100%;
	background: #fff !important;
}

.wp-block-product-category ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price.price {
	color: #2D1D0E;
	font-family: "Red Hat Display";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 0;
}


.wp-block-group.has-background.background-repeat-y {
	background-repeat: repeat-y !important;
}


/*------------------------------------*\
#Woocommerce
\*------------------------------------*/

/* custom single product add to cart area */


.custom-quantity-and-variable-wrapper,
.custom-quantity-wrapper {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}

.custom-quantity-and-variable-wrapper table {
	flex-basis: 0;
}

.custom-quantity-wrapper {
	margin-right: 52px;
}

.quantity-field-outer-wrapper {
	display: inline-block;
}

.custom-quantity-wrapper .custom-text {
	flex-basis: 100%;
}

.woocommerce div.product form.cart .custom-quantity-and-variable-wrapper .variations {
	display: flex;
	margin: 0;
}

.woocommerce div.product form.cart .custom-quantity-and-variable-wrapper .variations tr {
	margin: 0;
	display: flex;
}

.woocommerce div.product form.cart .custom-quantity-and-variable-wrapper .variations tr .label label {
	color: #2D1D0E;
	font-family: "Red Hat Display";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.woocommerce div.product form.cart .custom-quantity-and-variable-wrapper .variations tr .label {
	padding-right: 24px;
}

.woocommerce div.product form.cart .custom-quantity-and-variable-wrapper .variations tr .value {
	position: relative;
	display: flex;
	gap: 0;
	justify-content: start;
}

.woocommerce div.product form.cart .custom-quantity-and-variable-wrapper .variations tr .value i {
	position: absolute;
	left: 127px;
	right: auto;
	color: #E9533E;
}

.woocommerce div.product form.cart .custom-quantity-and-variable-wrapper .variations tr .value select {
	appearance: none;
	height: 32px;
	width: 150px;
	border: 1px solid #E5E5E5;
	border-radius: 0;
	color: #2D1D0E;
	font-family: "Red Hat Display";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	background: none;
	padding: 4px 32px 4px 16px;
	margin: 0;
}

.woocommerce div.product form.cart .custom-quantity-and-variable-wrapper .variations tr .value select:focus {
	outline: none;
}


input.qty {
	appearance: none;
	-moz-appearance: textfield;
}

input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.quantity-field-wrapper,
.quantity {
	display: flex;
}

.woocommerce div.product form.cart div.quantity {
	margin: 0;
}

.woocommerce div.product form.cart div.quantity .qty {
	margin: 0;
}

.quantity-button {
	background: none;
	border: none;
	border-radius: 0;
	border: 1px solid #E5E5E5;
	width: 32px;
	transition: all 150ms linear;
}

.quantity-button:hover {
	background-color: #E9533E;
	color: #fff;
}


.woocommerce .quantity .qty {
	border: 1px solid #E5E5E5;
	background: none;
	padding: 4px;
}

.woocommerce div.product div.summary>*,
.woocommerce div.product form.cart div:nth-child(1) {
	margin-bottom: 24px;
}

.custom-quantity-wrapper,
.quantity-field-wrapper {
	margin-bottom: 0 !important;
}

.wc-buy-now-btn.wc-buy-now-btn-single.single_add_to_cart_button {
	font-weight: 700;
}

.woocommerce div.product div.images .flex-control-thumbs {
	padding-top: 40px;
}

.woocommerce-product-gallery__image,
.attachment-woocommerce_thumbnail {
	border-radius: 16px !important;
	/* border: 2px solid #F7C227 !important; */
	overflow: hidden !important;
	background: #fff !important;
}

#rozmiar {
	margin-right: 16px;
}

.woocommerce #customer_login h2 {
	font-size: 32px;
}

.return-to-shop {
	margin-top: 24px;
}

.wc-block-components-notice-banner a {
	color: #E9533E;
}

.cart-icon {
	position: relative;
}

.cart-icon .cart-count {
	position: absolute;
	top: -5px;
	right: -10px;
	background-color: #ff0000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 6px;
	border-radius: 50%;
	display: inline-block;
}

/*------------------------------------*\
#FORMS
\*------------------------------------*/


.contact-form .wpcf7-spinner {
	display: none !important;
}

.contact-form .on-row,
.contact-form .on-row p {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

@media screen and (max-width: 900px) and (min-width: 782px) {

	.contact-form .on-row,
	.contact-form .on-row p {
		flex-direction: column;
	}

	.submit-button p {
		text-align: center;
	}

}

@media screen and (max-width: 500px) {

	.contact-form .on-row,
	.contact-form .on-row p {
		flex-direction: column;
	}

	.submit-button p {
		text-align: center;
	}

}


.contact-form input:not([type="submit"])::placeholder,
.contact-form textarea::placeholder {
	font-family: "Red Hat Display";
	color: #fff;
	opacity: 1;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: left;
}

.contact-form label {
	text-align: left !important;

}

.contact-form label span {
	font-size: 12px;
	font-weight: 300;
	text-align: left;
}

.contact-form input:not([type="submit"]),
.contact-form input:not([type="checkbox"]),
.contact-form textarea {
	background: none;
	border: none;
	border-bottom: 1px solid #fff;
	width: 100%;
	padding: 10px 0 10px 16px;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: left;

}

.contact-form input:not([type="submit"]):focus,
.contact-form input:not([type="checkbox"]):focus,
.contact-form textarea:focus {
	outline: none;
	background-color: #7a7a7a1a;
}

.contact-form .post-form-area {
	display: flex;
	justify-content: space-between;
	align-self: baseline;

}

.contact-form .post-form-area .rodo-checkbox p {
	color: #fff;
	line-height: 12px;
	padding-right: 16px;
}

.contact-form .post-form-area .rodo-checkbox p label {
	display: flex;
	gap: 8px;
	justify-content: flex-start;
}

.contact-form input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
}

input[type="checkbox"]:checked {

	accent-color: black;
}

.contact-form input[type="submit"] {
	background: transparent;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #ffffff;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	width: 145px;
	height: 50px;
}

.contact-form input[type="submit"]:hover {
	background: #ffffff;
	color: #E9533E;
}

.contact-form input[type="submit"][disabled] {
	opacity: .4;
	cursor: not-allowed;
}

.contact-form .wpcf7-not-valid-tip {
	/* color: #dc3232; */
	color: yellow;
}

.woocommerce-Addresses h2 {
	font-size: 24px;
}

.wp-block-navigation-item .icon-container svg path {
	transition: all 0.3s ease;
}

.wp-block-navigation-item .icon-container:hover svg path {
	fill: #2D1D0E;
}

.wp-social-link:hover svg path {
	fill: #E9533E;
}

.wp-block-post-excerpt__more-text {
	margin-top: 40px;
}

.wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link {
	border: 2px solid #E9533E;
	border-radius: 8px;
	color: #E9533E;
	background: transparent;
	padding: 16px;
	font-family: Red Hat Display;
	font-size: 18px;
	font-weight: 700;
	line-height: 23.81px;
	letter-spacing: 0.05em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.wp-block-post-excerpt__more-text:hover .wp-block-post-excerpt__more-link {
	color: white;
	background-color: #E9533E;
}

.wc-buy-now-btn.wc-buy-now-btn-single.single_add_to_cart_button {
	cursor: pointer;
	transition: all 0.3s ease;
}

.wc-buy-now-btn.wc-buy-now-btn-single.single_add_to_cart_button:hover {
	background-color: transparent !important;
	color: #E9533E !important;
}

.single_add_to_cart_button.button.wp-element-button {
	transition: all 0.3s ease;
	background: transparent;
	color: #E9533E;
}

.single_add_to_cart_button.button.wp-element-button:hover {
	background: #E9533E;
	color: white;
}

.single_add_to_cart_button.button.wp-element-button::before,
.wc-buy-now-btn.wc-buy-now-btn-single.single_add_to_cart_button::before,
.wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link::before {
	content: '\F138';
	font-family: bootstrap-icons;
	position: relative;
	top: 2px;
	margin-right: 8px;
}

.woocommerce-single-add-to-cart {
	margin-top: 24px;
}

.woocommerce-single-add-to-cart,
.woocommerce-variation-add-to-cart.variations_button {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

.woocommerce-single-add-to-cart button,
.woocommerce-variation-add-to-cart.variations_button button {
	word-wrap: none;
	text-wrap: nowrap;
}

.custom-quantity-div {
	display: flex;
	justify-content: start;
	align-items: center;
	flex-wrap: wrap;
}

.custom-quantity-div .custom-text {
	flex-basis: 100%;
}

.quantity-button {
	cursor: pointer;
}

.cart-icon {
	position: relative;
}

.cart-icon::after {
	content: attr(data-cart-count);
	position: absolute;
	top: 16px;
	right: -16px;
	background-color: #f7c22782;
	color: #E9533E;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	border-radius: 50%;
	display: none;
	height: 16px;
	width: 16px;
	line-height: 16px;
	text-align: center;
}

.cart-icon[data-cart-count]:not([data-cart-count="0"])::after {
	display: inline-block;
	/* Pokaż tylko, gdy liczba > 0 */
}


/*------------------------------------*\
		#RESPONSIVE
	\*------------------------------------*/
@media screen and (max-width: 781px) {
	ul.newest-posts li div.wp-block-latest-posts__featured-image img {
		height: 317px;
	}

	ul.wp-block-latest-posts.is-grid {
		/* margin: 0 8px !important; */
		justify-content: space-between;
	}

	/* .wp-block-column:has(> .wp-block-categories-dropdown) {
		text-align: left;
	} */

	.wp-block-categories-dropdown {
		display: flex;

		align-items: center;
		gap: 24px;
		margin: 0 !important;
		float: left !important;
	}

	.wp-block-categories-dropdown * {
		margin: 0 !important;
	}
}

@media screen and (max-width: 749px) {
	.last-on-mobile {
		order: 100;
	}
}

@media (min-width: 750px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block;
		width: 100%;
		position: relative;
		z-index: auto;
		background-color: inherit;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: none;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		left: 0;
	}

	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}

}

@media (max-width: 768px) {

	.woocommerce-single-add-to-cart,
	.woocommerce-variation-add-to-cart.variations_button {
		justify-content: center;
	}

	.quantity {
		justify-content: end;
	}

}

@media (max-width: 749px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}

@media (max-width: 599px) {
	ul.wp-block-latest-posts.is-grid li {
		align-items: center;
	}

	ul.newest-posts li:nth-child(even) {
		transform: translateY(0);
	}
}

#sp-woo-product-slider-263.sp-wps-custom-template .wps-product-image .wpsf-product-img,
#sp-woo-product-slider-263.sp-wps-theme_one .wps-product-image {
	/* border: 2px solid #F7C227 !important; */
	/* border-radius: 16px !important; */
}

#wps-slider-section #sp-woo-product-slider-263.sp-wps-theme_one .wpsf-product:hover .wps-product-image,
#sp-woo-product-slider-263.sp-wps-custom-template .sp-wps-product-image-area:hover .wps-product-image .wpsf-product-img {
	/* border-color: #F7C227 !important; */
}

body #wps-slider-section #sp-woo-product-slider-263 .wpsf-product-title a:hover {
	color: #E9533E;
}