/* Tydligare inloggning och kontoregistrering */
.woocommerce-account .bb-account-panel,
.account-login-inner .bb-account-panel,
.login-form-popup .bb-account-panel {
  position: relative;
}

.woocommerce-form-login[data-bb-enhanced="true"],
.woocommerce-form-register[data-bb-enhanced="true"] {
  height: 100%;
}

.bb-account-intro {
  margin: 0 0 20px;
  color: #6f5650;
  font-size: 14px;
  line-height: 1.55;
}

.bb-account-password-note {
  margin: 10px 0 18px;
  color: #6f5650;
  font-size: 13px;
  line-height: 1.55;
}

.woocommerce-form-login .lost_password {
  margin-top: 12px;
}

.woocommerce-form-login .lost_password a,
.woocommerce-form-login a[href*="lost-password"] {
  color: #72514e;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #c7a46a;
  text-underline-offset: 3px;
}

.woocommerce-form-login .lost_password a:hover,
.woocommerce-form-login a[href*="lost-password"]:hover {
  color: #4f3734;
}

.woocommerce-form-login button[type="submit"],
.woocommerce-form-register button[type="submit"],
.woocommerce-form-login input[type="submit"],
.woocommerce-form-register input[type="submit"] {
  min-height: 46px;
  padding-right: 24px;
  padding-left: 24px;
  letter-spacing: .08em;
}

.account-container h2,
.account-login-inner h3,
.woocommerce-account .u-columns h2 {
  color: #3b2b28;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: .035em;
  text-transform: none;
}

@media screen and (min-width: 850px) {
  .woocommerce-account .u-columns,
  .account-login-inner {
    align-items: stretch;
  }

  .woocommerce-account .u-column2,
  .account-login-inner > .col + .col {
    border-left-color: rgba(199, 164, 106, .48);
  }
}

@media screen and (max-width: 849px) {
  .woocommerce-account .bb-account-panel,
  .account-login-inner .bb-account-panel,
  .login-form-popup .bb-account-panel {
    width: 100%;
    max-width: none;
  }

  .woocommerce-account .u-column2,
  .account-login-inner > .col + .col {
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid rgba(199, 164, 106, .48);
  }

  .woocommerce-form-login button[type="submit"],
  .woocommerce-form-register button[type="submit"],
  .woocommerce-form-login input[type="submit"],
  .woocommerce-form-register input[type="submit"] {
    width: 100%;
  }
}

/* Tydliga konto- och varukorgslänkar i den ljusa headern */
body #masthead li.account-item > a.nav-top-link,
body #masthead li.cart-item > a.header-cart-link {
  color: #3b2b28 !important;
  -webkit-text-fill-color: #3b2b28 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body #masthead li.account-item > a.nav-top-link {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .025em !important;
  text-shadow: none !important;
}

body #masthead li.cart-item > a.header-cart-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 46px !important;
  padding: 0 8px !important;
}

body #masthead li.cart-item > a.header-cart-link i.icon-shopping-bag {
  color: #3b2b28 !important;
  -webkit-text-fill-color: #3b2b28 !important;
  font-size: 27px !important;
  opacity: 1 !important;
}

body #masthead li.account-item > a.nav-top-link:hover,
body #masthead li.cart-item > a.header-cart-link:hover,
body #masthead li.cart-item > a.header-cart-link:hover i {
  color: #916965 !important;
  -webkit-text-fill-color: #916965 !important;
}

@media screen and (min-width: 850px) {
  body #masthead li.cart-item > a.header-cart-link::after {
    content: "Varukorg" !important;
    display: inline-block !important;
    color: #3b2b28 !important;
    -webkit-text-fill-color: #3b2b28 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
  }
}

@media screen and (max-width: 849px) {
  body #masthead li.cart-item > a.header-cart-link {
    min-width: 50px !important;
    min-height: 50px !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  body #masthead li.cart-item > a.header-cart-link i.icon-shopping-bag {
    font-size: 29px !important;
  }
}

/* Tvåstegsregistrering: börja med ett tydligt val innan formuläret visas */
.woocommerce-form-register.bb-registration-collapsed > *:not(.bb-account-intro):not(.bb-create-account-trigger) {
  display: none !important;
}

.bb-create-account-trigger {
  min-width: 190px;
  min-height: 48px;
  margin: 0 !important;
  color: #fffaf4 !important;
  background: #916965 !important;
  border-color: #916965 !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
}

.bb-create-account-trigger:hover {
  background: #765451 !important;
  border-color: #765451 !important;
}

.bb-account-email-note {
  display: block;
  margin-top: 7px;
  color: #725a54;
  font-size: 12px;
  line-height: 1.45;
}

.bb-newsletter-heading {
  display: block;
  margin: 18px 0 9px;
  color: #3b2b28;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 20px;
  font-weight: 600;
}

.woocommerce-form-register .mailchimp-newsletter {
  padding: 14px 16px;
  background: #fbf7f2;
  border: 1px solid rgba(199, 164, 106, .32);
}

.woocommerce-form-register .mailchimp-newsletter label {
  margin-bottom: 0;
}

@media screen and (max-width: 849px) {
  .bb-create-account-trigger {
    width: 100%;
  }
}