/**
 * Theme Name:        Filipa Quadrado Art
 * Template:          twentytwentyfive
 * Description:       Custom theme description...
 * Version:           1.0.0
 * Tags:              block-patterns, full-site-editing
 * Text Domain:       filipaquadradoart
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */


.newsletter-form-footer * {
	font-family: var(--wp--preset--font-family--josefin-sans) !important;
	letter-spacing: 0.4px !important;
}

.newsletter-form-footer .is-layout-flex {
	gap: 0.3rem;
}

.newsletter-form-footer .wp-block-convertkit-form {
	width: 100%;
}

.newsletter-form-footer .wp-block-convertkit-form .formkit-form div {
	padding-top: 1rem !important;
}

.newsletter-form-footer .wp-block-convertkit-form .formkit-form div .formkit-fields,
.newsletter-form-footer .wp-block-convertkit-form .formkit-form div .formkit-fields .formkit-field,
.newsletter-form-footer .wp-block-convertkit-form .formkit-form div .formkit-fields .formkit-submit {
	padding: 0 !important;
	margin: 0 !important;
}

.newsletter-form-footer .wp-block-convertkit-form .formkit-form div .formkit-fields {
	align-items: center;
	gap: 1rem;
}

.newsletter-form-footer .wp-block-convertkit-form .formkit-form div .formkit-fields .formkit-field .formkit-input {
	padding-left: 2rem !important;
}

.newsletter-form-footer .wp-block-convertkit-form .formkit-form div .formkit-fields .formkit-submit {
	padding: 0.2rem 1rem !important;
}

.newsletter-form-footer .wp-block-convertkit-form .formkit-powered-by-convertkit-container {
	display: none !important;
}

.newsletter-form-footer .newsletter-input-footer {
    display: flex;
    flex-direction: row;
    gap: 0.3rem;
}

.formkit-modal .formkit-form div {
	flex-direction: column !important;
}

.formkit-modal .formkit-form div .formkit-background {
	width: 100% !important;
	margin: 0 !important;
	height: 7rem !important;
}

.formkit-modal .formkit-form div .formkit-column {
	padding: 1rem !important;
}

.formkit-modal .formkit-form div .formkit-column .formkit-header {
	display: none !important;
}

.formkit-modal .formkit-form div .formkit-column .formkit-content {
	margin-bottom: 1rem !important;
}

.formkit-modal .formkit-form div .formkit-column .formkit-content figure {
	margin: 0 auto !important;
}

.formkit-modal .formkit-form div .formkit-column .formkit-content  h2 {
	margin-top: 0 !important;
	margin-bottom: 0.5rem !important;
}

.formkit-modal .formkit-form div .formkit-column .formkit-powered-by-convertkit-container {
	display: none !important;
}

@media (min-width: 600px) {
	.formkit-modal .formkit-form div {
		flex-direction: row-reverse !important;
	}

	.formkit-modal .formkit-form div .formkit-background {
		width: 50% !important;
		margin: 0 !important;
		height: auto !important;
	}

	.formkit-modal .formkit-form div .formkit-column {
		padding: 2rem !important;
	}

	.formkit-modal .formkit-form div .formkit-column .formkit-content  h2 {
		margin: 1rem 0 !important;
	}
}

@media (max-width: 700px) {
    .newsletter-form-footer .newsletter-input-footer {
        flex-direction: column;
        align-items: center;
    }

    .newsletter-form-footer .newsletter-input-footer .wp-block-buttons {
        width: 100%;
    }

    .newsletter-form-footer .newsletter-input-footer .wp-block-buttons .wp-block-button {
        width: 100%;
    }

    .newsletter-form-footer .newsletter-input-footer .wp-block-buttons .wp-block-button input[type=submit] {
        text-align: center;
    }
}

.newsletter-form-footer .newsletter-input-footer input {
    color: var(--wp--preset--color--contrast);
    border: 1px solid #dddddd;
    padding: 12px 20px;
    font-size: 1rem;
    background: #ffffff;
    text-align: left;
    font-family: Josefin-Sans;
    font-weight: 300;
    line-height: 20px;
    border-radius: 42px;
    letter-spacing: 0.1px;
    text-transform: none;
}

.newsletter-form-footer input[type=submit] {
    padding: 12px 43px !important;
    font-size: 1rem;
}

:root :where(.wp-block-button .wp-block-button__link) {
  border-radius: 42px !important;
}

.cky-consent-container .cky-notice .cky-title {
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--josefin-sans);
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0.4px;
	line-height: 1.5;
}

.cky-consent-container .cky-notice .cky-notice-des {
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--literata);
	font-size: var(--wp--preset--font-size--large);
	font-style: normal;
	font-weight: 300;
	letter-spacing: 1.5px;
	line-height: 1.4;
}

.cky-consent-container .cky-notice .cky-notice-btn-wrapper {
	gap: 1rem;
}

.cky-consent-container .cky-notice .cky-notice-btn-wrapper .cky-btn {
	font-family: var(--wp--preset--font-family--josefin-sans);
	font-size: var(--wp--preset--font-size--large);
	font-style: normal;
	font-weight: 300;
	letter-spacing: 1.5px;
	line-height: inherit;
	border-radius: 42px;
}

.wp-block-cover .custom-logo {
	filter: brightness(0) invert(1);
}

.wc-block-product-template__responsive.columns-4 {
	grid-template-columns: repeat(4,1fr);
	gap: 3rem;
}

.wc-block-product-template .wc-block-product {
	display: flex;
	flex-direction: column;
}

.wc-block-product-template .wc-block-product h2 {
	flex: 1;
}

.wc-block-product-template .wc-block-product .wp-block-woocommerce-product-price {
	margin-bottom: .75rem !important;
}

.up-sells.upsells.products .products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3rem;
}

.up-sells.upsells.products .products::before,
.up-sells.upsells.products .products::after {
	display: none;
}
.up-sells.upsells.products .products .product {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0;
	align-items: center;
}

.up-sells.upsells.products .products .product .woocommerce-loop-product__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
}

.up-sells.upsells.products .products .product .woocommerce-loop-product__link img {
	margin-bottom: 0.75rem !important;
}

.up-sells.upsells.products .products .product .woocommerce-loop-product__link h2 {
	padding: 0;
	line-height: 1.4;
	font-weight: 900;
	letter-spacing: -0.96px;
	text-align: center;
	font-size: var(--wp--preset--font-size--medium) !important;
	margin-bottom: .75rem !important;
	margin-top: 0;
}

.up-sells.upsells.products .products .product .woocommerce-loop-product__link span {
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 300;
	margin-bottom: .75rem !important;
  	margin-top: 0;
}

.wp-block-button.wc-block-grid__product-add-to-cart .add_to_cart_button,
.wp-block-woocommerce-product-button .add_to_cart_button,
.up-sells.upsells.products .products .product .wp-element-button {
	width: 75% !important;
	align-items: center;
	border-style: none;
	display: inline-flex;
	justify-content: center;
	line-height: inherit;
	overflow: hidden;
	white-space: normal;
	word-break: normal !important;
	color: var(--wp--preset--color--custom-white) !important;
	font-size: var(--wp--preset--font-size--small) !important;
	border-radius: 42px !important;
	background-color: var(--wp--preset--color--contrast) !important;
	box-sizing: border-box;
	margin: 0;
}

.newsletter-form-footer input[type=submit],
.wc-block-mini-cart__shopping-button,
.wc-block-components-totals-coupon .wc-block-components-totals-coupon__button,
.wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block,
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-container .wc-block-cart__submit-button,
.wp-block-add-to-cart-form .single_add_to_cart_button {
	color: var(--wp--preset--color--custom-white) !important;
	font-size: var(--wp--preset--font-size--small) !important;
	border-radius: 42px !important;
	background-color: var(--wp--preset--color--contrast) !important;
	padding: 1rem 2.25rem;
}

.wp-block-add-to-cart-form .wc-block-components-quantity-selector::after {
	border-radius: 42px !important;
}

.wp-block-add-to-cart-form table.variations {
	margin-bottom: 1rem !important;
}

.wp-block-add-to-cart-form table.variations select {
	border-radius: 42px !important;
	border: 1px solid hsla(0,0%,7%,.11);
}

.wp-block-add-to-cart-form .woocommerce-variation-price {
	font-size: var(--wp--preset--font-size--large) !important;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 1.5rem;
}

.wp-block-add-to-cart-form .wc-block-components-quantity-selector {
	background-color: transparent !important;
}

.wp-block-add-to-cart-form .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus {
	border-radius: 0 42px 42px 0;
}

.wp-block-add-to-cart-form .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus {
	border-radius: 42px 0 0 42px;
}

.wp-block-add-to-cart-form .variations_form .variations th,
.wp-block-add-to-cart-form .variations_form .variations td {
	padding-bottom: 1rem;
	vertical-align: top !important;
}

.wp-block-add-to-cart-form .variations_form .variations td {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.wc-tabs-wrapper .additional_information_tab,
.wc-tabs-wrapper .additional_information_tab a {
	display: none !important;
}

.wp-block-woocommerce-mini-cart-cart-button-block {
	border-radius: 42px !important;
	font-size: var(--wp--preset--font-size--small) !important;
}

.wp-block-gallery.grid {
	display: block;
	column-count: 3;
	column-gap: 1.5rem;
}

.wp-block-gallery.grid .wp-block-image {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 1.5rem !important;
}

.woocommerce-cart .wp-block-post-title {
    max-width: unset;
}

@media (max-width: 785px) {
    .up-sells.upsells.products .products.columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 450px) {
    .up-sells.upsells.products .products.columns-4 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 430px) {
    .wp-block-cover .wp-block-cover__inner-container .wp-block-heading {
        font-size: 20px !important;
    }
}

@media (max-width: 336px) {
    .wp-block-cover .wp-block-cover__inner-container .wp-block-heading {
        font-size: 15px !important;
    }
}