/*
Theme Name: mdx
Theme URI: 
Author: Breno Sisnando
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mdx
Tags: 
*/

a,
input,
button {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  color: var(--wp--preset--color--custom-primary);
}

/* .has-custom-secondary-background-color {
  &:hover {
    &:has(a) {
      background-color: white !important;
      color: var(--wp--preset--color--custom-secondary) !important;
      border-color: var(--wp--preset--color--custom-secondary);
    }

  }
} */

:root {
  --wpforms-field-border-size: 2px;
  --wpforms-field-size-input-spacing: 0px !important;
  --wpforms-field-border-radius: 5px;
}

/* WPForms Headings */
.wpforms-container-full {
  .wpforms-form {
    .wpforms-head-container {
      padding: 0 0 15px 0;
    }

    .wpforms-title {
      text-transform: uppercase;
    }
  }
}

/* Badge */
.has-custom-badge {
  background: url(./assets/images/mdx-wave-lines-small.png) no-repeat 90% 95%;
  background-size: 60px auto;
}

/* hero section */
h1.wp-block-query-title {
  opacity: 0;
  animation: fadeIn .7s ease-in-out forwards;
  animation-delay: 0.25s;
}

h1.wp-block-query-title+figure {
  opacity: 0;
  animation: fadeIn .7s ease-in-out forwards;
  animation-delay: 0.25s;
}

.wp-block-cover__inner-container,
.header-large-title {

  h1,
  h2,
  p,
  a {
    opacity: 0;
    animation: fadeIn .7s ease-in-out forwards;
  }

  h1 {
    animation-delay: 0.25s;
  }

  p {
    /* animation-delay: 0.5s; */
  }

  a {
    animation-delay: 1s;
  }

  p+figure {
    opacity: 0;
    animation: fadeIn .7s ease-in-out forwards;
    animation-delay: 0.25s;
  }
}

/* hero section */
.wp-block-cover {
  background-color: #010101;

  video.wp-block-cover__video-background {
    width: auto;
    left: auto;
  }
}

/* WPForms Labels */
.wpforms-container,
.wpforms-container-full {
  .wpforms-field-label {
    font-weight: 400;
    margin-bottom: 3px !important;
  }

  .wpforms-field {
    padding: 0;
    margin-bottom: 15px;
  }
}

.wpforms-container,
.wpforms-container-full {

  input[type=date],
  input[type=datetime],
  input[type=datetime-local],
  input[type=email],
  input[type=month],
  input[type=number],
  input[type=password],
  input[type=range],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=time],
  input[type=url],
  input[type=week],
  select,
  textarea {
    border-color: var(--wp--preset--color--custom-primary) !important;
  }
}

.wp-block-woocommerce-product-price {
  del {
    bdi {
      text-decoration: line-through;
      color: #D62525;
    }
  }

  ins {
    bdi {
      font-size: 20px;
      font-weight: 700;
      padding-inline: 10px;

    }
  }
}

/* My Account - WooCommerce */

/* my account navigation */
.woocommerce-account .woocommerce-MyAccount-navigation {
    border-radius: 10px;
    border: 1px solid #f3f4f6;
    padding-top: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--50);
    box-sizing: border-box;

    ul {
      margin: 0;
      li {
        padding-top: var(--wp--preset--spacing--20) !important;
        padding-bottom: var(--wp--preset--spacing--20);
        padding-left: var(--wp--preset--spacing--50);
        padding-right: var(--wp--preset--spacing--50);

        a {
          color: var(--wp--preset--color--custom-primary);
        }

        &.is-active {
            border-left: 4px solid var(--wp--preset--color--custom-secondary);
            
            a {
              color: var(--wp--preset--color--custom-secondary);
              text-decoration: none;
            }
        }

      }
    }

}

/* addresses */
.woocommerce-account .addresses .title .edit {
    float: left;
    border-radius: 4px;
    border: 2px solid var(--wp--preset--color--custom-primary);
    background-color: var(--wp--preset--color--custom-primary);
    color: #fff;
    padding-top: var(--wp--preset--spacing--30);
    padding-bottom: var(--wp--preset--spacing--30);
    padding-left: var(--wp--preset--spacing--40);
    padding-right: var(--wp--preset--spacing--40);

    &:hover {
      background: transparent;
      color: var(--wp--preset--color--custom-primary);
    }
}


/* Animation */
.animate {
  opacity: 0;
  --animation-delay: 0s;

  &.top {
    transform: translateY(100px);

    &.visible {
      transform: translateY(0);
    }
  }

  &.bottom {
    transform: translateY(-100px);

    &.visible {
      transform: translateY(0);
    }
  }

  &.left {
    transform: translateX(-100px);

    &.visible {
      transform: translateX(0);
    }
  }

  &.right {
    transform: translateX(100px);

    &.visible {
      transform: translateX(0);
    }
  }

  &.visible {
    opacity: 1;
    transition: all 1.4s cubic-bezier(0.18, 0.32, 0.17, 0.99);
    transition-delay: var(--animation-delay);
  }

  @media only screen and (max-width : 600px) {
    &.right {
      transform: translateY(100px);

      &.visible {
        transform: translateY(0);
      }
    }
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* WooCommerce - Custom Registration */
.mdx-already-registered {
	padding: 1rem;
	background: #f0f0f0;
	border-radius: 4px;
	text-align: center;

	a {
		text-decoration: underline;
		&:hover {
			text-decoration: none;
		}
	}
}