/*custom_wooc__style*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/brands.min.css');

:root{
	/*--primary-color: #003BFF;
	--primary-color-dark: #001866;
	--primary-color-lighter: #6689FF;
	--primary-color-lightest: #E5EBFF;
	--secondary-color: #38F000;
	--secondary-color-dark: #186600;
	--secondary-color-lighter: #8AFF66;
	--secondary-color-lightest: #EBFFE5;*/
	--secondary-color: hsla(226deg, 100%, 50%, 100%);
	--secondary-color-dark: hsla(226deg, 100%, 20%, 100%);
	--secondary-color-lighter: hsla(226deg, 100%, 70%, 100%);
	--secondary-color-lightest: hsla(226deg, 100%, 95%, 100%);
	--primary-color: hsla(120deg, 71%, 46%, 100%);
	--primary-color-dark: hsla(120deg, 71%, 20%, 100%);
	--primary-color-lighter: hsla(120deg, 71%, 70%, 100%);
	--primary-color-lightest: hsla(120deg, 71%, 95%, 100%);
	--black: #333333;
	--black-light: #B3B3B3;
	--black-lighter: #C7C7C7;
	--white: #FFFFFF;
	--font: "DM Sans", sans-serif;
	--effect: all ease-in-out 150ms;
}

/* woocommerce single shop page*/
/* woocommerce single product page*/
/* woocommerce checkout page */
.woocommerce form .form-row .input-text, .woocommerce form .form-row select{ border-left:0px; border-top:0px; border-right:0px; border-bottom: 1px solid var(--black-light); }
.woocommerce h3{ color: var(--primary-color); margin-bottom: 32px; }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background: var(--secondary-color-lightest); border-radius: 20px; }
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{ position: relative; padding: 16px; font-size: 18px; border-radius: 8px; line-height: 1.5; background-color: var(--secondary-color-dark); color: var(--white); }
#add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child{ color: var(--white); }
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{ border: 1em solid var(--secondary-color-dark); border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{ background-color: var(--secondary-color-dark); }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{ font-size: 100%; padding: 8px 20px;font-weight: 500;border-radius: 8px;color: var(--white);background-color: var(--primary-color-dark);display: inline-block; }
/* woocommerce cart page */
/* woocommerce order-pay page */