/* =========================================================
   MeinAboWein – My Account (Guest) ROBUST CSS
   - Boxen NEBENEINANDER (Flex, sehr robust)
   - Premium Look
   ========================================================= */

/* Woo Container aufmachen */
.woocommerce-account .woocommerce,
.woocommerce-account .entry-content > .woocommerce {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Wrapper */
.mab-myaccount-wrap{
  max-width: 1100px;
  margin: 2.5rem auto 4rem;
  padding: 0 1.5rem;
}

/* Hero */
.mab-myaccount-hero{
  display: flex;
  align-items: center;
  gap: 1.25rem;

  background: #F6F4EF;
  border-radius: 22px;
  padding: 1.5rem;
  margin-bottom: 1.75rem;

  border: 1px solid rgba(0,0,0,.05);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.mab-avatar{
  width: 96px;
  height: 96px;
  object-fit: contain;
  border-radius: 18px;
  background: #fff;

  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

.mab-hero-text h1{
  margin: 0 0 .35rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #232F37;
}

.mab-hero-text p{
  margin: 0;
  font-size: 1rem;
  color: rgba(35,47,55,.85);
  max-width: 70ch;
}

/* Card */
.mab-myaccount-card{
  background: #fff;
  border-radius: 22px;
  padding: 1.75rem;

  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 12px 34px rgba(0,0,0,.10);
}

/* =========================================================
   BOXEN NEBENEINANDER (Login + Register)
   ========================================================= */
.woocommerce-account #customer_login{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 1.75rem !important;
  align-items: flex-start !important;
}

.woocommerce-account #customer_login > div{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

/* Einzelne Boxen */
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2{
  background: #F6F4EF;
  border-radius: 18px;
  padding: 1.25rem 1.35rem;
  border: 1px solid rgba(0,0,0,.06);
}

/* Titles */
.woocommerce-account #customer_login h2{
  margin: 0 0 1.1rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #232F37;
}

/* Form basics */
.woocommerce-account .woocommerce form .form-row{
  margin-bottom: .85rem;
}

.woocommerce-account .woocommerce form .form-row label{
  font-weight: 600;
  color: rgba(35,47,55,.95);
  margin-bottom: .35rem;
  display: block;
}

/* Inputs */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"]{
  width: 100%;
  padding: .75rem .85rem;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.18);
  background: #fff;
  color: #232F37;
  outline: none;
  box-shadow: none;
}

.woocommerce-account input:focus{
  border-color: rgba(198,165,114,.85);
  box-shadow: 0 0 0 3px rgba(198,165,114,.18);
}

/* Vorname/Nachname nebeneinander (Registrierung) */
.mab-register-name-row{
  display: flex;
  gap: 1rem;
  flex-wrap: nowrap;
}

.mab-register-name-row .mab-form-row-half{
  flex: 1 1 0;
  margin-bottom: .85rem;
}

/* Privacy text */
.woocommerce-account .woocommerce-privacy-policy-text{
  font-size: .85rem;
  color: rgba(35,47,55,.75);
  line-height: 1.4;
}

/* Buttons */
.woocommerce-account button.button,
.woocommerce-account input.button{
  display: inline-block;
  margin-top: .75rem;
  padding: .85rem 1.35rem;
  border-radius: 999px;

  background: #232F37;
  color: #F6F4EF;
  font-weight: 700;
  letter-spacing: .2px;

  border: 1px solid rgba(198,165,114,.85);
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
  transition: transform .1s ease, background .2s ease;
}

.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover{
  background: #1b242b;
  transform: translateY(-1px);
}

/* Links */
.woocommerce-account a{
  color: #232F37;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Mobile */
@media (max-width: 900px){
  .mab-myaccount-hero{
    padding: 1.25rem;
  }
  .mab-avatar{
    width: 72px;
    height: 72px;
  }

  .woocommerce-account #customer_login{
    flex-direction: column !important;
  }

  .mab-register-name-row{
    flex-direction: column;
    gap: .75rem;
  }

  .mab-myaccount-card{
    padding: 1.25rem;
  }
  
  /* Vorname/Nachname untereinander – etwas mehr Luft */
.woocommerce-account #customer_login form.register .form-row {
  margin-bottom: 1rem;
}
}