/*
Theme Name: twomundoos
Author: Bananaconda
Author URI: https://bananaconda.eu/
Theme URI: https://bananaconda.eu/
Tags: full-site-editing
Text Domain: twomundoos
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.4
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Generated on fullsiteediting.com. No code version.
*/

html {
  scroll-padding-top: 20px;
}

/* Określenie wielkości ikon social */

.wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover {
    font-size: larger;
}

/* Klasa do wyłączania sekcji na mobile */

.none-mobile {
	display: block;
}

@media (max-width: 781px) {
	.none-mobile {
		display: none!important;
	}

}

/* Klasa do odwrócenia sekcji na mobile */
@media (max-width: 781px) {
	.rlt-mobile {
		flex-direction:column-reverse!important;
	}

}

/* Modyfikacja odstępów */

@media (max-width: 1480px) {
  :root {
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 2.85rem;
    --wp--preset--spacing--80: 3.66rem;
  }
} 

@media (max-width: 1024px) {
  :root {
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 2.45rem;
    --wp--preset--spacing--80: 2.85rem;
  }
} 

@media (max-width: 781px) {
  :root {
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.1rem;
    --wp--preset--spacing--60: 1.2rem;
    --wp--preset--spacing--70: 1.35rem;
    --wp--preset--spacing--80: 1.5rem;
  }
} 

@media (max-width: 568px) {
  :root {
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 0.92rem;
    --wp--preset--spacing--50: 1rem;
    --wp--preset--spacing--60: 1.25rem;
    --wp--preset--spacing--70: 1.55rem;
    --wp--preset--spacing--80: 1.75rem;
  }
} 

/* Przyciski */
a:not(.wp-block-social-link-anchor) * {
  transition: all .3s ease-in-out;
}

a:not(.wp-block-social-link-anchor):hover * {
  color: var(--wp--preset--color--primary);
}

.wp-block-buttons .wp-block-button:not(.is-style-outline) a.wp-block-button__link {
  transition: all .3s ease-in-out;
  border: 2px solid var(--wp--preset--color--primary);
}

.wp-block-buttons .wp-block-button:not(.is-style-outline) a.wp-block-button__link:hover {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}

.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link {
  transition: all .3s ease-in-out;
}

.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link:hover {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
  border: 2px solid var(--wp--preset--color--primary);
}

button.wc-block-components-totals-coupon__button {
  border-radius: 9999px;
  padding: calc(0.667em) calc(1.333em + 2px);
}

/* Submenu */

.wp-block-navigation__submenu-container {
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
  padding: 10px 0 !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item {
  background-color: transparent;
}

/* Inputs */

input:not([type="submit"], [type="checkbox"], [type="radio"], .wc-block-components-quantity-selector__input), textarea, select {
  width: 100%!important;
  border-radius: 24px!important;
  padding: 12px 16px!important;
  box-sizing: border-box!important;
  border: 1px solid var(--wp--preset--color--secondary)!important;
  font-size: var(--wp--preset--font-size--custom-7);
  font-family: var(--wp--preset--font-family--open-sans);
  transition: all .3s ease-in-out;
}

.wc-blocks-components-select__container {
  border-radius: 24px !important;
}

.wc-blocks-components-select__container select {
  padding: 19px 16px 2px 16px !important;
}

.wc-blocks-components-select__container .wc-blocks-components-select__label {
  padding: 2px 12px !important;
}

input:not([type="submit"], [type="checkbox"]):focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 0;
  box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
  left: 1em;
}

.wc-block-components-form input:not([type="submit"], [type="checkbox"], [type="radio"]),
.wc-block-components-text-input input:not([type="submit"], [type="checkbox"], [type="radio"]) {
  padding: 26px 16px 12px 14px!important;
}

input[type="submit"] {
    background-color: var(--wp--preset--color--primary);
    border-width: 0;
    color: var(--wp--preset--color--base);
    font-family: var(--wp--preset--font-family--open-sans);
    font-size: var(--wp--preset--font-size--custom-7);
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
    border-radius: 9999px;
    transition: all .3s ease-in-out;
    border: 2px solid var(--wp--preset--color--primary);
}

input[type="submit"]:hover {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}

input[type="submit"]:disabled {
  opacity: .5;
}

.wpcf7-list-item {
  margin: 0 0 16px 0;
}

.wpcf7-list-item .wpcf7-list-item-label:hover {
  cursor: pointer;
}

.wpcf7-list-item label {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: flex-start;
}

.wpcf7-form-control-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
}

input[type="checkbox"] {
  margin: 0;
  width: 32px;
  height: 26px;
  padding-top: 14px;
}

/* Read More Button */

.wp-block-read-more, .woocommerce-button {
  background-color: var(--wp--preset--color--primary);
  transition: all .3s ease-in-out;
  border: 2px solid var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  font-family: var(--wp--preset--font-family--open-sans);
  font-size: var(--wp--preset--font-size--custom-7);
  line-height: inherit;
  padding: 12px 16px;
  text-decoration: none;
  border-radius: 36px;
  box-sizing: border-box;
  text-align: center;
}

.wp-block-read-more {
  margin: 21px auto 0 auto;
}

.wp-block-read-more:hover, .woocommerce-button:hover {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
  cursor: pointer;
}

/* Sale Badge */

.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right, .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right {
    left: auto;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 20px;
    background-color: var(--wp--preset--color--base);
    border: none;
    font-family: var(--wp--preset--font-family--cormorant-upright);
}

/* Car Image */

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
    margin: 0;
    width: 100%;
    border-radius: 12px;
}

/* Mini Cart Button */

.wc-block-components-button {
  border-radius: 36px;
}

.wc-block-components-button.outlined {
  transition: all .3s ease-in-out;
  background: transparent;
    border: solid 2px var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--contrast);
    padding-top: 0.667em;
    padding-right: 1.33em;
    padding-bottom: 0.667em;
    padding-left: 1.33em;
    box-shadow: none!important;
}
 
.wc-block-components-button.outlined:hover {
  background: transparent!important;
  border: solid 2px var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary);
}

.wc-block-components-button.contained:not(.wc-block-components-drawer__close) {
  transition: all .3s ease-in-out;
  border: solid 2px var(--wp--preset--color--primary);
}

.wc-block-components-button.contained:not(.wc-block-components-drawer__close):hover {
  background: transparent!important;
  color: var(--wp--preset--color--primary);
}

/* wc-block-components-address-card */

.wc-block-components-address-card {
  border-radius: 24px;
}

.woocommerce form.login, .woocommerce form.register {
  border-radius: 24px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme, .woocommerce-form__label-for-checkbox {
    display: flex!important;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.woocommerce-password-strength {
    margin-top: 12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 24px;
    border-radius: 24px;
    border: solid 2px var(--wp--preset--color--custom-bg-second);
    box-sizing: border-box;
    margin-bottom: 16px;
  }

.woocommerce-account .woocommerce-MyAccount-navigation li {
  padding: 0;
}


.woocommerce-account .woocommerce-MyAccount-navigation li a {
    background-color: transparent;
    border-radius: 36px;
    padding: 12px 16px !important;
    margin-bottom: 12px;
    border: solid 2px var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--contrast);
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    transition: all .3s ease-in-out;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    text-decoration: none;
    background-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--base);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  text-decoration: none;
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}

.order-again {
  display: none!important;
}

.wc-block-components-order-summary-item__image img {
  border-radius: 12px;
}

/* Navigation */

/* Navigation Hamburger */
@media ( min-width: 921px ) { /* overwrite default wp mobile breakpoint */
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
    }
}
@media ( min-width: 600px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
    }
}


/* Navigation links */

@media ( max-width: 920px ) {
	.wp-block-navigation-item a{
		font-size: var(--wp--preset--font-size--custom-5);
	}
	.wp-block-navigation .wp-block-navigation__responsive-container-open svg,
	.wp-block-navigation .wp-block-navigation__responsive-container-close svg{
		width: 30px;
		height: 30px;
	}
}