/* 
 * My Account page styles
 */

.woocommerce-account .entry-content {
  display: flex;
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 120px;
  background: #f6f6f6;

  .u-column2 {
    display: none;
    align-items: center;
    max-width: 1280px;
    width: 100%;
    margin-right: 24px;
    margin-left: 24px;
    justify-content: center;

    .woocommerce-form-register{
      max-width: 650px;
      flex: 1;
      padding: 80px;
      width: 100%;
      height: 100%;
      background-color: white;

      @media (max-width: 768px) {
        padding: 24px;
      }

      h2 {
        color: var(--Brand-Primary-800, #062336);
        /* Title/sm/Semi-Bold */
        font-family: var(--font-Family-Title, Montserrat);
        font-size: var(--font-Size-Title-sm, 28px);
        font-style: normal;
        font-weight: 600;
        line-height: 38px; /* 135.714% */
        letter-spacing: -0.56px;
        margin-bottom: 24px;
      }

      > div {
        display: flex;
        gap: 16px;

        p {
          width: 100%;
        }
      }

      p.woocommerce-form-row {
        margin-bottom: 16px !important;
        padding: unset;
        margin: unset;
        label {
          width: 100%;
          display: flex;
          margin: unset;
          color: var(--Neutral-Grey-400, #606060);
          font-family: Montserrat;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 26px; /* 185.714% */
          margin-bottom: 8px;

          span.required {
            color: var(--Neutral-Grey-400, #606060);
          }
        }
      }

      p.woocommerce-Register {
        color: var(--Neutral-Grey-400, #606060);
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        margin-top: 16px;

        a {
          color: var(--Brand-Secondary-600, #004F82);
          font-family: Montserrat;
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 26px;
          text-decoration: none;
        }
      }

      .woocommerce-privacy-policy-text {
        display: none;
      }

      .woocommerce-form-register__submit {
        margin-right: unset;
        background: #048AE1;
        color: white; /* cor que você quiser */
        width: 100%;
        margin-top: 16px;
      }
    }
    > img {
      flex: 1;
      height: 100%;
      @media (max-width: 1119px) {
        display: none;
      }
    }
  }

  .woocommerce:has(nav) {
    gap: 12px;
    background-color: unset;

    nav .account-menu-mobile {
      display: none;
    }

    @media (max-width: 1119px) {
      flex-direction: column;

      nav.woocommerce-MyAccount-navigation {
        height: unset;
        width: 100%;
      }

      nav ul {
        display: none;
      }

      .account-menu-mobile {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        position: relative;

        .mobile-logout-link {
          display: flex;
          padding: 16px;
          align-items: center;
          gap: 12px;
          align-self: stretch;
          text-decoration: none;
          color: var(--Grey-Text, #4E5050);
          /* Text/md/Regular */
          font-family: var(--font-Family-Text, Montserrat);
          font-size: var(--font-Size-Text-md, 16px);
          font-style: normal;
          font-weight: 400;
          line-height: 170%; /* 27.2px */
        }

        &:has(option[selected="selected"].detalhes-da-conta) {
          span.select-icon {
            position: absolute;
            top: 20px;
            left: 16px;

            &::before {
              content: "";
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Crect width='16' height='16' transform='translate(0 0.5)' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M8 2.5C8.49445 2.5 8.9778 2.64662 9.38893 2.92133C9.80005 3.19603 10.1205 3.58648 10.3097 4.04329C10.4989 4.50011 10.5484 5.00277 10.452 5.48773C10.3555 5.97268 10.1174 6.41814 9.76777 6.76777C9.41814 7.1174 8.97268 7.3555 8.48773 7.45196C8.00277 7.54843 7.50011 7.49892 7.04329 7.3097C6.58648 7.12048 6.19603 6.80005 5.92133 6.38893C5.64662 5.9778 5.5 5.49445 5.5 5C5.5 4.33696 5.76339 3.70107 6.23223 3.23223C6.70107 2.76339 7.33696 2.5 8 2.5ZM8 1.5C7.30777 1.5 6.63108 1.70527 6.0555 2.08986C5.47993 2.47444 5.03133 3.02107 4.76642 3.66061C4.50152 4.30015 4.4322 5.00388 4.56725 5.68282C4.7023 6.36175 5.03564 6.98539 5.52513 7.47487C6.01461 7.96436 6.63825 8.2977 7.31718 8.43275C7.99612 8.5678 8.69985 8.49849 9.33939 8.23358C9.97893 7.96867 10.5256 7.52007 10.9101 6.9445C11.2947 6.36892 11.5 5.69223 11.5 5C11.5 4.07174 11.1313 3.1815 10.4749 2.52513C9.8185 1.86875 8.92826 1.5 8 1.5Z' fill='%234E5050'/%3E%3Cpath d='M13 15.5H12V13C12 12.6717 11.9353 12.3466 11.8097 12.0433C11.6841 11.74 11.4999 11.4644 11.2678 11.2322C11.0356 11.0001 10.76 10.8159 10.4567 10.6903C10.1534 10.5647 9.8283 10.5 9.5 10.5H6.5C5.83696 10.5 5.20107 10.7634 4.73223 11.2322C4.26339 11.7011 4 12.337 4 13V15.5H3V13C3 12.0717 3.36875 11.1815 4.02513 10.5251C4.6815 9.86875 5.57174 9.5 6.5 9.5H9.5C10.4283 9.5 11.3185 9.86875 11.9749 10.5251C12.6313 11.1815 13 12.0717 13 13V15.5Z' fill='%234E5050'/%3E%3C/svg%3E");
              width: 16px;
              height: 16px;
              display: flex;
            }
          }
        }

        &:has(option[selected="selected"].meus-pedidos) {
          span.select-icon {
            position: absolute;
            top: 20px;
            left: 16px;

            &::before {
              content: "";
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Crect width='16' height='16' transform='translate(0 0.5)' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M5 15.5001C5.55228 15.5001 6 15.0524 6 14.5001C6 13.9478 5.55228 13.5001 5 13.5001C4.44772 13.5001 4 13.9478 4 14.5001C4 15.0524 4.44772 15.5001 5 15.5001Z' fill='%233A3A3A'/%3E%3Cpath d='M12 15.5001C12.5523 15.5001 13 15.0524 13 14.5001C13 13.9478 12.5523 13.5001 12 13.5001C11.4477 13.5001 11 13.9478 11 14.5001C11 15.0524 11.4477 15.5001 12 15.5001Z' fill='%233A3A3A'/%3E%3Cpath d='M14 4.0001H2.91L2.5 1.9001C2.47662 1.78546 2.41379 1.68265 2.32243 1.60957C2.23107 1.53648 2.11697 1.49774 2 1.5001H0V2.5001H1.59L3.5 12.1001C3.52338 12.2147 3.58621 12.3176 3.67757 12.3906C3.76893 12.4637 3.88303 12.5025 4 12.5001H13V11.5001H4.41L4 9.5001H13C13.1156 9.50293 13.2286 9.46561 13.3197 9.3945C13.4109 9.32339 13.4746 9.22289 13.5 9.1101L14.5 4.6101C14.5168 4.53591 14.5164 4.45888 14.4989 4.38487C14.4814 4.31085 14.4472 4.24181 14.399 4.18299C14.3508 4.12417 14.2898 4.07712 14.2206 4.04543C14.1515 4.01373 14.076 3.99823 14 4.0001ZM12.6 8.5001H3.81L3.11 5.0001H13.375L12.6 8.5001Z' fill='%233A3A3A'/%3E%3C/svg%3E");
              width: 16px;
              height: 16px;
              display: flex;
            }
          }
        }

        &:has(option[selected="selected"].meus-cartoes) {
          span.select-icon {
            position: absolute;
            top: 20px;
            left: 16px;

            &::before {
              content: "";
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M2 13.1668V3.8335H14V13.1668H2ZM2.66667 6.37216H13.3333V4.50016H2.66667V6.37216ZM2.66667 12.5002H13.3333V7.9615H2.66667V12.5002Z' fill='%234E5050'/%3E%3C/svg%3E");
              width: 16px;
              height: 16px;
              display: flex;
            }
          }
        }

        select {
          width: 100%;
          display: flex;
          height: 59px;
          padding: 8px 16px;
          align-items: center;
          gap: 8px;
          align-self: stretch;
          background-color: #ffffff;
          border: 1px solid #D7D7D7;

          -webkit-appearance: none; /* Para navegadores Webkit (Chrome, Safari) */
          -moz-appearance: none;    /* Para navegadores Firefox */
          appearance: none;         /* Para navegadores modernos */
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Crect width='20' height='20' transform='matrix(1 0 0 -1 0 20.5)' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M10 14.25L16.25 8L15.375 7.125L10 12.5L4.625 7.125L3.75 8L10 14.25Z' fill='%233A3A3A'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: right 10px center; /* Ajuste a posição do ícone */
          padding-right: 30px; /* Dê espaço para o ícone */

          &:hover {
            cursor: pointer;
          }

          option[selected="selected"].detalhes-da-conta {
            span.select-icon {
              &::before {
                content: "";
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Crect width='16' height='16' transform='translate(0 0.5)' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M8 2.5C8.49445 2.5 8.9778 2.64662 9.38893 2.92133C9.80005 3.19603 10.1205 3.58648 10.3097 4.04329C10.4989 4.50011 10.5484 5.00277 10.452 5.48773C10.3555 5.97268 10.1174 6.41814 9.76777 6.76777C9.41814 7.1174 8.97268 7.3555 8.48773 7.45196C8.00277 7.54843 7.50011 7.49892 7.04329 7.3097C6.58648 7.12048 6.19603 6.80005 5.92133 6.38893C5.64662 5.9778 5.5 5.49445 5.5 5C5.5 4.33696 5.76339 3.70107 6.23223 3.23223C6.70107 2.76339 7.33696 2.5 8 2.5ZM8 1.5C7.30777 1.5 6.63108 1.70527 6.0555 2.08986C5.47993 2.47444 5.03133 3.02107 4.76642 3.66061C4.50152 4.30015 4.4322 5.00388 4.56725 5.68282C4.7023 6.36175 5.03564 6.98539 5.52513 7.47487C6.01461 7.96436 6.63825 8.2977 7.31718 8.43275C7.99612 8.5678 8.69985 8.49849 9.33939 8.23358C9.97893 7.96867 10.5256 7.52007 10.9101 6.9445C11.2947 6.36892 11.5 5.69223 11.5 5C11.5 4.07174 11.1313 3.1815 10.4749 2.52513C9.8185 1.86875 8.92826 1.5 8 1.5Z' fill='%234E5050'/%3E%3Cpath d='M13 15.5H12V13C12 12.6717 11.9353 12.3466 11.8097 12.0433C11.6841 11.74 11.4999 11.4644 11.2678 11.2322C11.0356 11.0001 10.76 10.8159 10.4567 10.6903C10.1534 10.5647 9.8283 10.5 9.5 10.5H6.5C5.83696 10.5 5.20107 10.7634 4.73223 11.2322C4.26339 11.7011 4 12.337 4 13V15.5H3V13C3 12.0717 3.36875 11.1815 4.02513 10.5251C4.6815 9.86875 5.57174 9.5 6.5 9.5H9.5C10.4283 9.5 11.3185 9.86875 11.9749 10.5251C12.6313 11.1815 13 12.0717 13 13V15.5Z' fill='%234E5050'/%3E%3C/svg%3E");
                width: 16px;
                height: 16px;
                display: flex;
                position: absolute;
                z-index: 10;
              }
            }
          }

          @media (max-width: 1119px) {
            padding-left: 44px;
          }
        }
      }
    }
  }

  .woocomerce:has(.account-menu-mobile){
    nav .account-menu-mobile{
      display: none;
    }
    @media (max-width: 1119px) {
      flex-direction: column;

      nav ul {
        display: none;
      }

      .account-menu-mobile {
        display: flex;
        order: 3;
      }
    }
  }

  .woocommerce .woocommerce-EditAccountForm {
    gap: 8px;
    display: flex;
    flex-direction: column;

    details {
      padding: 24px;
      flex-direction: column;
      align-items: center;
      background-color: #fff;

      p.woocommerce-form-row {
        margin-bottom: 16px !important;
        padding: unset;
        margin: unset;
        label {
          width: 100%;
          display: flex;
          margin: unset;
          color: var(--Neutral-Grey-400, #606060);
          font-family: Montserrat;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 26px; /* 185.714% */
          margin-bottom: 8px;

          span.required {
            color: var(--Neutral-Grey-400, #606060);
          }
        }
      }

      .data-personal{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;

        >div {
          display: flex;
          gap: 16px;
          width: 100%;

          p {
            width: 100%;
            margin-bottom: unset !important;
          }
        }

        > p {
          width: 100%;
          margin-bottom: unset !important;
        }
      }

      .change-password {
        button.show-password-input {
          &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M3.27498 14.0688L4.16873 13.1812C3.19011 12.3026 2.42121 11.2154 1.91873 10C3.18748 6.83125 6.68748 4.375 9.99998 4.375C10.8524 4.38625 11.6971 4.5383 12.5 4.825L13.4687 3.85C12.3704 3.38583 11.1923 3.13959 9.99998 3.125C7.9628 3.20161 5.99272 3.87347 4.33323 5.05755C2.67374 6.24164 1.39758 7.88603 0.662478 9.7875C0.612833 9.92482 0.612833 10.0752 0.662478 10.2125C1.21763 11.6856 2.11275 13.0069 3.27498 14.0688Z' fill='%236E6E6E'/%3E%3Cpath d='M7.49998 9.83125C7.54344 9.23232 7.80103 8.66905 8.22566 8.24443C8.65028 7.81981 9.21355 7.56221 9.81248 7.51875L10.9437 6.38125C10.3098 6.21434 9.64325 6.21651 9.01045 6.38754C8.37765 6.55857 7.80074 6.89248 7.33722 7.356C6.87371 7.81951 6.5398 8.39642 6.36877 9.02922C6.19774 9.66202 6.19557 10.3286 6.36248 10.9625L7.49998 9.83125Z' fill='%236E6E6E'/%3E%3Cpath d='M19.3375 9.7875C18.6208 7.92075 17.3738 6.30439 15.75 5.1375L18.75 2.13125L17.8687 1.25L1.24998 17.8687L2.13123 18.75L5.31873 15.5625C6.7399 16.3963 8.3525 16.8484 9.99998 16.875C12.0372 16.7984 14.0072 16.1265 15.6667 14.9424C17.3262 13.7584 18.6024 12.114 19.3375 10.2125C19.3871 10.0752 19.3871 9.92482 19.3375 9.7875ZM12.5 10C12.4973 10.4376 12.3799 10.8668 12.1594 11.2447C11.9389 11.6227 11.6231 11.9361 11.2435 12.1538C10.8639 12.3714 10.4338 12.4856 9.99623 12.485C9.55865 12.4843 9.12892 12.3688 8.74998 12.15L12.15 8.75C12.3747 9.12858 12.4954 9.55978 12.5 10ZM9.99998 15.625C8.68877 15.6021 7.40241 15.2634 6.24998 14.6375L7.83748 13.05C8.55956 13.551 9.43469 13.7825 10.3101 13.704C11.1854 13.6256 12.0054 13.2421 12.6269 12.6207C13.2484 11.9992 13.6318 11.1792 13.7103 10.3038C13.7887 9.42846 13.5573 8.55334 13.0562 7.83125L14.85 6.0375C16.2841 7.02186 17.4056 8.39714 18.0812 10C16.8125 13.1687 13.3125 15.625 9.99998 15.625Z' fill='%236E6E6E'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
          }
        }
      }

      &:has(.privacy){
        align-items: flex-start;
      }

      .privacy{
        display: flex;
        justify-content: space-between;
        width: 100%;
        
        @media (max-width: 1200px) {
          gap: 32px;
        }
        p {
          color: var(--Neutral-Grey-400, #606060);
          /* Text/md/Regular */
          font-family: var(--font-Family-Text, Montserrat);
          font-size: var(--font-Size-Text-md, 16px);
          font-style: normal;
          font-weight: 400;
          line-height: 170%; /* 27.2px */
          max-width: 500px;
        }

        button {
          border: 1px solid var(--Brand-Tertiary-500, #049AFB);
          background-color: transparent;
          color: var(--Brand-Tertiary-500, #049AFB);
          position: relative;
          padding-left: 35px; /* espaço para o ícone */

          &:hover {
            background-color: red;
            color: var(--Neutral-Pure-50, #FFF);
            transition: all 0.3s ease-in-out;
            border: none;

            &::before {
              filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7445%) hue-rotate(64deg) brightness(95%) contrast(104%);
            }
          }

          &::before {
            content: "";
            position: absolute;
            left: 8px;
            top: 48%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.249 18.1006C15.1709 18.133 15.0863 18.1504 15 18.1504H5C4.9137 18.1504 4.82917 18.133 4.75098 18.1006H15.249ZM16.9004 4.34961V4.40039H15.6504V17.5C15.6504 17.5862 15.633 17.6709 15.6006 17.749V4.40039H4.40039V17.75C4.3677 17.6715 4.34961 17.5867 4.34961 17.5V4.40039H3.09961V4.34961H16.9004ZM11.9004 8.09961V14.4004H11.8496V8.09961H11.9004ZM8.15039 8.09961V14.4004H8.09961V8.09961H8.15039ZM11.9004 1.84961V1.90039H8.09961V1.84961H11.9004Z' fill='%23048AE1' stroke='%23048AE1' stroke-width='1.2'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: contain;
          }
        }
      }
    }

    details[open] {
      padding-bottom: 48px;
      gap: 32px;
      summary::after {
        transform: rotate(180deg);
        transition: transform 0.3s ease-in-out;
      }

      summary {
        padding-bottom: 24px;
      }
    }

    summary {
      display: flex;
      align-items: center;
      gap: 10px;
      align-self: stretch;
      justify-content: space-between;
      color: var(--Brand-Primary-800, #062336);
      /* Text/lg/Semi-Bold */
      font-family: var(--font-Family-Text, Montserrat);
      font-size: var(--font-Size-Text-lg, 18px);
      font-style: normal;
      font-weight: 600;
      line-height: 28px; /* 155.556% */

      &::after {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M10 6.25L16.25 12.5L15.375 13.375L10 8L4.625 13.375L3.75 12.5L10 6.25Z' fill='%23062336'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        transition: transform 0.3s ease-in-out;
      }
    }

    .buttons-area {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      gap: 24px;
      margin-top: 16px;
    }

    button.woocommerce-Button {
      display: flex;
      height: 40px;
      padding: 8px 10px;
      justify-content: center;
      align-items: center;
      background: var(--Brand-Tertiary-600, #048AE1);
      color: var(--Neutral-Pure-50, #FFF);
      /* Text/md/Medium */
      font-family: var(--font-Family-Text, Montserrat);
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 160%; /* 25.6px */
      transition: all 0.3s ease-in-out;
      border-radius: unset !important;

      &:hover {
        background: var(--Brand-Tertiary-500, #049AFB);
        transition: all 0.3s ease-in-out;
      }

      &[id="cancel-account-changes"]{
        border: 1px solid var(--Brand-Tertiary-500, #049AFB);
        background-color: transparent;
        color: var(--Brand-Tertiary-500, #049AFB);

        &:hover {
          background-color: #049AFB;
          color: var(--Neutral-Pure-50, #FFF);
          transition: all 0.3s ease-in-out;
        }
      }
    }
  }

  .woocommerce .woocommerce-MyAccount-content:has(.woocommerce-orders-table) {
    background-color: #FFFFFF;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;

    h1 {
      color: var(--Brand-Primary-800, #062336);
      /* Text/lg/Semi-Bold */
      font-family: var(--font-Family-Text, Montserrat);
      font-size: var(--font-Size-Text-lg, 18px);
      font-style: normal;
      font-weight: 600;
      line-height: 28px; /* 155.556% */
      margin: 24px 0 !important;
    }

    table {
      th{
        padding: 24px;
        justify-content: flex-end;
        align-items: center;
        background: var(--Brand-Tertiary-50, #F2F7FF);
        color: var(--Brand-Tertiary-900, #024570);
        /* Text/sm/Medium */
        font-family: var(--font-Family-Text, Montserrat);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 19.6px */
      }

      td.order-course a{
        color: var(--Brand-Secondary-900, #002741);
        /* Text/sm/Regular */
        font-family: var(--font-Family-Text, Montserrat);
        font-size: var(--font-Size-Text-sm, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: 170%; /* 23.8px */
        text-decoration: none;
      }

      td {
        padding: 24px;
        color: var(--Neutral-Grey-300, #6E6E6E);
        /* Text/sm/Regular */
        font-family: var(--font-Family-Text, Montserrat);
        font-size: var(--font-Size-Text-sm, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: 170%; /* 23.8px */
      }

      td.order-status {
        .pending, .processing, .on-hold{
          display: flex;
          padding: 6px 10px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          background: rgb(255, 239, 150);
          color: #F9A825;
          /* Text/sm/Medium */
          font-family: var(--font-Family-Text, Montserrat);
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 140%; /* 19.6px */
        }

        .completed {
          display: flex;
          padding: 6px 10px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          background: #DFE;
          color: #248154;
          /* Text/sm/Medium */
          font-family: var(--font-Family-Text, Montserrat);
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 140%; /* 19.6px */
        }
        
        .cancelled, .refunded, .failed {
          display: flex;
          padding: 6px 10px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          background: #FED;
          color: #D32F2F;
          /* Text/sm/Medium */
          font-family: var(--font-Family-Text, Montserrat);
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 140%; /* 19.6px */
        }
      }
    }
  }

  .woocommerce:has(.lost_reset_password) {
    flex-wrap: unset;

    form.lost_reset_password {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 80px;
      gap: 24px;

      p {
        color: var(--Neutral-Grey-300, #6E6E6E);
        width: 100%;
        /* Text/xs/Regular */
        font-family: var(--font-Family-Text, Montserrat);
        font-size: var(--font-Size-Text-xs, 12px);
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 150% */

        label {
          width: 100%;
          display: flex;
          margin: unset;
          color: var(--Neutral-Grey-400, #606060);
          font-family: Montserrat;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 26px; /* 185.714% */
          margin-bottom: 8px;

          span.required {
            color: var(--Neutral-Grey-400, #606060);
          }

        }

        .wp-element-button {
          display: flex;
          height: 40px;
          padding: 8px 10px;
          justify-content: center;
          align-items: center;
          background: var(--Brand-Tertiary-600, #048AE1);
          color: var(--Neutral-Pure-50, #FFF);
          /* Text/md/Medium */
          font-family: var(--font-Family-Text, Montserrat);
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 160%; /* 25.6px */
          transition: all 0.3s ease-in-out;
          border-radius: unset !important;
          width: 100%;
    
          &:hover {
            background: var(--Brand-Tertiary-500, #049AFB);
            transition: all 0.3s ease-in-out;
          }
        }
      }

      p.woocommerce-lost_reset_password a {
        width: 100%;
        display: flex;
        color: #005891;
        font-family: var(--font-Family-Text, Montserrat);
        font-size: var(--font-Size-Text-xs, 12px);
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        text-decoration: none;
      }

      .area-btn {
        display: flex;
        flex-direction: column;
        gap: 8px;

        .woocommerce-form-row {
          margin: unset !important;
          padding: unset !important;
        }

        .woocommerce-form-row:last-child {
          button {
            background-color: transparent;
            border: 1px solid #ddd;
            color: #005891;

            &:hover {
              background: var(--Brand-Tertiary-600, #048AE1);
              color: white;
            }
          }
        }
      }
    }
  }

  .woocommerce .woocommerce-notices-wrapper {
    position: absolute;
    top: 100px;
  }
}

/* General account section styles */
.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
    max-width: 1280px;
    width: 100%;
    background-color: white;
    margin-right: 24px;
    margin-left: 24px;
    justify-content: center;

    > .woocommerce-form-login {
      flex: 1;
      border: none;
      padding: 80px;
      margin: unset;
      border-radius: none;
      display: flex;
      flex-direction: column;
      max-width: 650px;

      @media (max-width: 768px) {
        padding: 24px;
      }

      h2 {
        color: var(--Brand-Primary-800, #062336);
        /* Title/sm/Semi-Bold */
        font-family: var(--font-Family-Title, Montserrat);
        font-size: var(--font-Size-Title-sm, 28px);
        font-style: normal;
        font-weight: 600;
        line-height: 38px; /* 135.714% */
        letter-spacing: -0.56px;
        margin-bottom: 24px;
      }

      p.woocommerce-form-row {
        margin-bottom: 16px !important;
        padding: unset;
        margin: unset;
        label {
          width: 100%;
          display: flex;
          margin: unset;
          color: var(--Neutral-Grey-400, #606060);
          font-family: Montserrat;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 26px; /* 185.714% */
          margin-bottom: 8px;

          span.required {
            color: var(--Neutral-Grey-400, #606060);
          }
        }
      }

      p:nth-of-type(2) {
        margin-bottom: 8px !important;
        padding: unset;
        margin: unset;

        label {
          width: 100%;
          display: flex;
          margin: unset;
          color: var(--Neutral-Grey-400, #606060);
          font-family: Montserrat;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 26px; /* 185.714% */
          margin-bottom: 8px;

          span.required {
            color: var(--Neutral-Grey-400, #606060);
          }
        }

        span button {
          &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M3.27498 14.0688L4.16873 13.1812C3.19011 12.3026 2.42121 11.2154 1.91873 10C3.18748 6.83125 6.68748 4.375 9.99998 4.375C10.8524 4.38625 11.6971 4.5383 12.5 4.825L13.4687 3.85C12.3704 3.38583 11.1923 3.13959 9.99998 3.125C7.9628 3.20161 5.99272 3.87347 4.33323 5.05755C2.67374 6.24164 1.39758 7.88603 0.662478 9.7875C0.612833 9.92482 0.612833 10.0752 0.662478 10.2125C1.21763 11.6856 2.11275 13.0069 3.27498 14.0688Z' fill='%236E6E6E'/%3E%3Cpath d='M7.49998 9.83125C7.54344 9.23232 7.80103 8.66905 8.22566 8.24443C8.65028 7.81981 9.21355 7.56221 9.81248 7.51875L10.9437 6.38125C10.3098 6.21434 9.64325 6.21651 9.01045 6.38754C8.37765 6.55857 7.80074 6.89248 7.33722 7.356C6.87371 7.81951 6.5398 8.39642 6.36877 9.02922C6.19774 9.66202 6.19557 10.3286 6.36248 10.9625L7.49998 9.83125Z' fill='%236E6E6E'/%3E%3Cpath d='M19.3375 9.7875C18.6208 7.92075 17.3738 6.30439 15.75 5.1375L18.75 2.13125L17.8687 1.25L1.24998 17.8687L2.13123 18.75L5.31873 15.5625C6.7399 16.3963 8.3525 16.8484 9.99998 16.875C12.0372 16.7984 14.0072 16.1265 15.6667 14.9424C17.3262 13.7584 18.6024 12.114 19.3375 10.2125C19.3871 10.0752 19.3871 9.92482 19.3375 9.7875ZM12.5 10C12.4973 10.4376 12.3799 10.8668 12.1594 11.2447C11.9389 11.6227 11.6231 11.9361 11.2435 12.1538C10.8639 12.3714 10.4338 12.4856 9.99623 12.485C9.55865 12.4843 9.12892 12.3688 8.74998 12.15L12.15 8.75C12.3747 9.12858 12.4954 9.55978 12.5 10ZM9.99998 15.625C8.68877 15.6021 7.40241 15.2634 6.24998 14.6375L7.83748 13.05C8.55956 13.551 9.43469 13.7825 10.3101 13.704C11.1854 13.6256 12.0054 13.2421 12.6269 12.6207C13.2484 11.9992 13.6318 11.1792 13.7103 10.3038C13.7887 9.42846 13.5573 8.55334 13.0562 7.83125L14.85 6.0375C16.2841 7.02186 17.4056 8.39714 18.0812 10C16.8125 13.1687 13.3125 15.625 9.99998 15.625Z' fill='%236E6E6E'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
          }
        }
      }

      p:nth-of-type(4) {
        display: flex;
        flex-direction: column;
        padding: unset;
        margin: unset;

        .woocommerce-form__label-for-checkbox {
          margin-top: 16px;
          margin-bottom: 32px;
          display: flex;
          gap: 8px;

          > span {
            width: 100%;
            display: flex;
            color: var(--Neutral-Grey-400, #606060);
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px; /* 185.714% */
          }
        }

        .woocommerce-form-login__submit {
          margin-right: unset;
          background: #048AE1;
          color: white; /* cor que você quiser */
        }
      }

      .woocommerce-LostPassword {
        a {
          width: 100%;
          display: flex;
          color: #005891;
          /* Text/xs/Regular */
          font-family: var(--font-Family-Text, Montserrat);
          font-size: var(--font-Size-Text-xs, 12px);
          font-style: normal;
          font-weight: 400;
          line-height: 18px; /* 150% */
          text-decoration: none;
        }
      }

      .woocommerce-Register {
        color: var(--Neutral-Grey-400, #606060);
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 185.714% */
        margin-top: 16px;

        a {
          color: var(--Brand-Secondary-600, #004F82);
          font-family: Montserrat;
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 26px;
          text-decoration: none;
        }
      }
    }

        > img {
      flex: 1;
      height: 100%;
      @media (max-width: 1119px) {
        display: none;
      }
    }
}


/* Navigation styles */
.woocommerce-account .woocommerce-MyAccount-navigation {
  display: flex;
  width: 350px;
  height: 663px;
  padding: 0px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  background: var(--Neutral-Pure-50, #FFF);
  justify-content: space-between;

  @media (max-width: 1119px) {
    gap: unset;
  }

  > div {
    width: 100%;
    gap: 24px;
    display: flex;
    flex-direction: column;

    @media (max-width: 1119px) {
      order: 2;
    }

    > p {
      padding-left: 24px;
      padding-top: 24px;
      color: var(--Brand-Primary-800, #062336);
      /* Text/xl/Semi-Bold */
      font-family: var(--font-Family-Text, Montserrat);
      font-size: var(--font-Size-Text-xl, 20px);
      font-style: normal;
      font-weight: 600;
      line-height: 30px; /* 150% */

      @media (max-width: 1119px) {
        padding-top: unset;
        padding-left: 16px;
        margin-top: 16px;
        margin-bottom: 24px;
      }
    }
  }

  .desktop-logout-link {
    color: var(--Grey-Text, #4E5050);
    /* Text/md/Regular */
    font-family: var(--font-Family-Text, Montserrat);
    font-size: var(--font-Size-Text-md, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;

    @media (max-width: 1119px) {
      order: 1;
      padding-top: 16px;
      padding-bottom: 16px;
      padding-left: 16px;
    }
    
    &::before {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Crect width='16' height='16' transform='translate(0 0.5)' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M7 13.5L7.705 12.795L3.915 9H14V8H3.915L7.705 4.205L7 3.5L2 8.5L7 13.5Z' fill='%234E5050'/%3E%3C/svg%3E");
      width: 16px;
      height: 16px;
    }
  }
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    display: flex;
    padding: 16px !important;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    background-color: transparent;
    transition: all 0.3s ease-in-out;

    &:hover {
      background: var(--Brand-Tertiary-50, #F2F7FF);
      transition: all 0.3s ease-in-out;
    }

    &.is-active {
      border-right: 2px solid var(--Brand-Tertiary-600, #048AE1);
      background: var(--Brand-Tertiary-50, #F2F7FF);
      transition: all 0.3s ease-in-out;

      a {
        color: var(--Brand-Tertiary-600, #048AE1);
        background-color: transparent !important;
        font-weight: 400 !important;
      }

      ::before {
        filter: brightness(0) saturate(100%) invert(36%) sepia(88%) saturate(1955%) hue-rotate(182deg) brightness(96%) contrast(97%);
      }
    }

    &.woocommerce-MyAccount-navigation-link--edit-account {
      ::before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Crect width='16' height='16' transform='translate(0 0.5)' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M8 2.5C8.49445 2.5 8.9778 2.64662 9.38893 2.92133C9.80005 3.19603 10.1205 3.58648 10.3097 4.04329C10.4989 4.50011 10.5484 5.00277 10.452 5.48773C10.3555 5.97268 10.1174 6.41814 9.76777 6.76777C9.41814 7.1174 8.97268 7.3555 8.48773 7.45196C8.00277 7.54843 7.50011 7.49892 7.04329 7.3097C6.58648 7.12048 6.19603 6.80005 5.92133 6.38893C5.64662 5.9778 5.5 5.49445 5.5 5C5.5 4.33696 5.76339 3.70107 6.23223 3.23223C6.70107 2.76339 7.33696 2.5 8 2.5ZM8 1.5C7.30777 1.5 6.63108 1.70527 6.0555 2.08986C5.47993 2.47444 5.03133 3.02107 4.76642 3.66061C4.50152 4.30015 4.4322 5.00388 4.56725 5.68282C4.7023 6.36175 5.03564 6.98539 5.52513 7.47487C6.01461 7.96436 6.63825 8.2977 7.31718 8.43275C7.99612 8.5678 8.69985 8.49849 9.33939 8.23358C9.97893 7.96867 10.5256 7.52007 10.9101 6.9445C11.2947 6.36892 11.5 5.69223 11.5 5C11.5 4.07174 11.1313 3.1815 10.4749 2.52513C9.8185 1.86875 8.92826 1.5 8 1.5Z' fill='%234E5050'/%3E%3Cpath d='M13 15.5H12V13C12 12.6717 11.9353 12.3466 11.8097 12.0433C11.6841 11.74 11.4999 11.4644 11.2678 11.2322C11.0356 11.0001 10.76 10.8159 10.4567 10.6903C10.1534 10.5647 9.8283 10.5 9.5 10.5H6.5C5.83696 10.5 5.20107 10.7634 4.73223 11.2322C4.26339 11.7011 4 12.337 4 13V15.5H3V13C3 12.0717 3.36875 11.1815 4.02513 10.5251C4.6815 9.86875 5.57174 9.5 6.5 9.5H9.5C10.4283 9.5 11.3185 9.86875 11.9749 10.5251C12.6313 11.1815 13 12.0717 13 13V15.5Z' fill='%234E5050'/%3E%3C/svg%3E");
        width: 16px;
        height: 16px;
      }
    }

    &.woocommerce-MyAccount-navigation-link--orders {
      ::before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Crect width='16' height='16' transform='translate(0 0.5)' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M5 15.5001C5.55228 15.5001 6 15.0524 6 14.5001C6 13.9478 5.55228 13.5001 5 13.5001C4.44772 13.5001 4 13.9478 4 14.5001C4 15.0524 4.44772 15.5001 5 15.5001Z' fill='%233A3A3A'/%3E%3Cpath d='M12 15.5001C12.5523 15.5001 13 15.0524 13 14.5001C13 13.9478 12.5523 13.5001 12 13.5001C11.4477 13.5001 11 13.9478 11 14.5001C11 15.0524 11.4477 15.5001 12 15.5001Z' fill='%233A3A3A'/%3E%3Cpath d='M14 4.0001H2.91L2.5 1.9001C2.47662 1.78546 2.41379 1.68265 2.32243 1.60957C2.23107 1.53648 2.11697 1.49774 2 1.5001H0V2.5001H1.59L3.5 12.1001C3.52338 12.2147 3.58621 12.3176 3.67757 12.3906C3.76893 12.4637 3.88303 12.5025 4 12.5001H13V11.5001H4.41L4 9.5001H13C13.1156 9.50293 13.2286 9.46561 13.3197 9.3945C13.4109 9.32339 13.4746 9.22289 13.5 9.1101L14.5 4.6101C14.5168 4.53591 14.5164 4.45888 14.4989 4.38487C14.4814 4.31085 14.4472 4.24181 14.399 4.18299C14.3508 4.12417 14.2898 4.07712 14.2206 4.04543C14.1515 4.01373 14.076 3.99823 14 4.0001ZM12.6 8.5001H3.81L3.11 5.0001H13.375L12.6 8.5001Z' fill='%233A3A3A'/%3E%3C/svg%3E");
        width: 16px;
        height: 16px;
      }
    }
    &.woocommerce-MyAccount-navigation-link--saved-cards{
      ::before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M2 13.1668V3.8335H14V13.1668H2ZM2.66667 6.37216H13.3333V4.50016H2.66667V6.37216ZM2.66667 12.5002H13.3333V7.9615H2.66667V12.5002Z' fill='%234E5050'/%3E%3C/svg%3E");
        width: 16px;
        height: 16px;
      }
    }


}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex;
    text-decoration: none !important;
    color: var(--Grey-Text, #4E5050);
    /* Text/md/Regular */
    font-family: var(--font-Family-Text, Montserrat);
    font-size: var(--font-Size-Text-md, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    transition: all 0.3s ease;
    align-items: center;
    gap: 12px;

    &:hover {
      background-color: unset !important;
    }
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #f8f8f8;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #f0f0f0;
    font-weight: 700;
}

/* Content area styles */
.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
    min-width: 0;
    @media (max-width: 1119px) {
      width: 100% !important;
    }
}

/* Form styles */
.woocommerce-account form .form-row {
    margin-bottom: 20px;
}

.woocommerce-account form .form-row label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Error handling */
.woocommerce-account .woocommerce-error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    padding: 12px 20px;
    margin-bottom: 20px;
}

.woocommerce-account input.woocommerce-invalid {
    border-color: #dc3545;
}

/* Button styles */
.woocommerce-account .woocommerce-Button,
.woocommerce-account button.button {
    background-color: #333;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account button.button:hover {
    background-color: #555;
}

/* Orders table styling */
.woocommerce-account .woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.woocommerce-account .woocommerce-orders-table th {
    background-color: #f8f8f8;
}

/* Responsive styles */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation {
        max-width: 100%;
        margin-bottom: 30px;
    }
}