/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes And Ouzom
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/* Define CSS variables for colors and spacing */
:root {
  --primary-color: #333;
  --secondary-color: #555;
  --bg-color: #f9f9f9;
  --border-color: #ccc;
  --button-bg: #007cba;
  --button-color: #fff;
  --spacing: 1rem;
  --border-radius: 5px;
}
.woocommerce-account .woocommerce .u-column2 h2,
.woocommerce-account .woocommerce .u-column1 h2 {
  width: fit-content;
  padding: 12px;
  position: relative;
  line-height: 1em;
  font-size: 24px;
  text-transform: uppercase;
  background-color: #00a3aa;
  box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(-2deg);
}

.woocommerce-account .woocommerce {
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}

.woocommerce-account .woocommerce .u-columns {
  display: flex;
  flex-direction: column;
}

.woocommerce-account .woocommerce .u-column1,
.woocommerce-account .woocommerce .u-column2 {
  flex: 1;
  padding: var(--spacing);
  background-color: #fff;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: var(--spacing);
  width: 100%;
  float: inherit;
  border: none;
}

.woocommerce-account .woocommerce .u-column1 {
  order: 2;
}

.woocommerce-account .woocommerce form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}

.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce input[type="password"],
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="tel"],
.woocommerce-account .woocommerce select {
  width: 100%;
  padding: var(--spacing);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  box-sizing: border-box;
}

.woocommerce-account .woocommerce .woocommerce-privacy-policy-text {
  font-size: 0.875rem;
  color: var(--secondary-color);
}

.woocommerce-account .registration-form__coordinates {
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}

.woocommerce-account .registration-form__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.woocommerce-account .registration-form__conditions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}

.woocommerce-account .registration-form__condition {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.woocommerce-account .registration-form__link {
  color: var(--button-bg);
  text-decoration: underline;
}

.woocommerce-account .woocommerce button.woocommerce-form-register__submit {
  border-width: 0px !important;
  border-radius: 0px;
  font-size: 20px;
  padding: 0.3em 2em;
  transition-property: all !important;
  display: inline-block;
  text-transform: uppercase !important;
  background-color: #00a3aa;
  color: #fff;
  -webkit-text-size-adjust: 100%;
  box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  transform: translateX(0px) translateY(16px) rotateX(0deg) rotateY(0deg)
    rotateZ(-2deg);
}