.elementor-4111 .elementor-element.elementor-element-4d0cee10{--display:flex;--padding-top:2%;--padding-bottom:5%;--padding-left:2%;--padding-right:2%;}.elementor-4111 .elementor-element.elementor-element-994991e .elementor-heading-title{font-size:3em;}/* Start custom CSS for shortcode, class: .elementor-element-1b7fcf8 *//* === Balck Coffee - Woo "Mitt konto" layoutstil === */

/* Grundlayout */
.woocommerce {
  display: flex;
  gap: 2rem;
  background-color: #FAF5E8;
  font-family: "larken", serif;
  color: #111111;
}

.woocommerce .clear {
  clear: both;
  display: table;
  content: '';
  margin: 20px 0;
}

.woocommerce mark {
  background: #9ED4CA;
}

/* Navigering */
.woocommerce-MyAccount-navigation {
  flex: 0 0 220px;
  margin: 0;
}

.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  gap: 20px;
  padding: 0;
  list-style: none;
}

.woocommerce-MyAccount-navigation li {
  flex: 1 1 auto;
}

.woocommerce-MyAccount-navigation a {
  display: block;
  text-align: center;
  padding: 0.75rem 1rem;
  border: 1px solid #111111;
  border-radius: 0;
  background-color: transparent;
  color: #111111;
  font-size: 0.9em;
  font-weight: 600;
  transition: all 0.2s ease;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
  background-color: #9ED4CA;
  color: #111111;
}

/* Innehåll */
.woocommerce-MyAccount-content {
  padding: 2rem;
  border: 1px solid #111111;
  flex: 1;
}

/* Adresser */
.woocommerce-Address {
  background-color: #FAF5E8;
  border: 1px solid #111111;
  padding: 2rem;
  margin-bottom: 2rem;
}

.woocommerce-Address-title h2 {
  font-size: 1.3rem;
  margin: 0 0 1rem;
  text-transform: uppercase;
}

.woocommerce-Address .edit {
  display: inline-block;
  font-size: 0.85rem;
  color: #1D9391;
  margin-top: 0.5rem;
  text-decoration: underline;
}

address {
  font-style: normal;
  line-height: 1.6;
}

/* Mobilanpassning */
@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation ul {
    flex-direction: column;
  }

  .woocommerce-MyAccount-content {
    padding: 1rem;
  }
}

/* ÖGA i PASSWORDS */

.password-input {
  position: relative;
  display: block;
}

.password-input input {
  width: 100%;
  padding-right: 2.25rem;
  box-sizing: border-box;
}

.show-password-input {
  all: unset;
  position: absolute !important;
  top: 50% !important;
  right: 0.5rem !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  display: block !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

.show-password-input:not(.display-password) {
  background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none'><path d='M2.42 12.71C2.28 12.5 2.22 12.39 2.18 12.22C2.15 12.1 2.15 11.9 2.18 11.77C2.22 11.61 2.28 11.5 2.42 11.29C3.55 9.5 6.89 5 12 5C17.11 5 20.46 9.5 21.58 11.29C21.72 11.5 21.79 11.61 21.82 11.77C21.85 11.9 21.85 12.1 21.82 12.22C21.79 12.39 21.72 12.5 21.58 12.71C20.46 14.5 17.11 19 12 19C6.89 19 3.55 14.5 2.42 12.71Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><circle cx='12' cy='12' r='3' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></g></svg>");
}

.show-password-input.display-password {
  background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none'><path d='M10.74 5.09C11.15 5.03 11.57 5 12 5C17.11 5 20.46 9.5 21.58 11.29C21.72 11.5 21.79 11.61 21.82 11.78C21.85 11.9 21.85 12.1 21.82 12.22C21.78 12.39 21.72 12.5 21.58 12.72C21.28 13.19 20.82 13.86 20.22 14.58M6.72 6.72C4.56 8.18 3.09 10.22 2.42 11.29C2.28 11.5 2.22 11.61 2.18 11.78C2.15 11.9 2.15 12.1 2.18 12.22C2.22 12.39 2.28 12.5 2.42 12.71C3.55 14.5 6.89 19 12 19C14.06 19 15.83 18.27 17.29 17.28M3 3L21 21M9.88 9.88C9.34 10.42 9 11.17 9 12C9 13.66 10.34 15 12 15C12.83 15 13.58 14.66 14.12 14.12' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></g></svg>");
}

/* Mina beställningar */
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: #FAF5E8;
}
table tbody tr:hover > td, table tbody tr:hover > th {
    background: #9ED4CA50;
}

/* Adresssektioner */
.woocommerce-columns--addresses {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
}

.woocommerce-column {
  flex: 1 1 300px;
  background-color: #FAF5E8;
  padding: 1.5rem;
  border: 1px solid #111111;
}

.woocommerce-column h2.woocommerce-column__title {
  font-size: 0.95rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.75rem;
  color: #111111;
}

.woocommerce-column address {
  font-size: 0.95rem;
  line-height: 1.6;
  font-style: normal;
  margin: 0;
  padding: 0;
}

.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  color: #111111;
}

@media (max-width: 768px) {
  .woocommerce-columns--addresses {
    flex-direction: column;
  }

  .woocommerce-column {
    padding: 1rem;
  }
}



/* === WooCommerce Inloggning & Registrering - Balck Coffee Style === */

#customer_login {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 20px;
}

#customer_login .u-column1,
#customer_login .u-column2 {
  flex: 1 1 300px;
  padding: 2rem;
  border: 1px solid #111;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

#customer_login h2 {
  font-size: 2rem;
  font-family: "larken", serif;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

#customer_login form .form-row,
#customer_login form .woocommerce-form-row {
  margin-bottom: 1.5rem;
}

#customer_login label {
  display: block;
  font-weight: 500;
  margin-bottom: 0.35rem;
}

#customer_login input.input-text {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #111;
  font-size: 1rem;
  box-sizing: border-box;
}

#customer_login button.woocommerce-button {
  background: #9ED4CA;
  font-weight: 600;
  border: none;
  padding: 0.75rem 1.5rem;
  font-family: "larken", sans-serif;
  cursor: pointer;
  transition: background 0.2s ease;
  margin-top: 20px;
}

#customer_login button.woocommerce-button:hover {
  background: #1D9391;
  color: #fff;
}

.woocommerce-privacy-policy-text p {
  font-size: 0.9rem;
  color: #111;
  line-height: 1.5;
}

.woocommerce-privacy-policy-text a {
  color: #1D9391;
  text-decoration: underline;
}

.lost_password a {
  font-size: 0.9rem;
  color: #111;
  text-decoration: underline;
  display: inline-block;
  margin-top: 0.5rem;
}

@media (max-width: 768px) {
  #customer_login {
    flex-direction: column;
  }

  #customer_login .u-column1,
  #customer_login .u-column2 {
    padding: 1.5rem;
  }
}

/* === Woo: Glömt lösenord === */

.woocommerce .woocommerce-ResetPassword {
  max-width: 650px;
  padding: 2rem;
  border: 1px solid #111;
  margin-top: 20px;
}

.woocommerce .woocommerce-ResetPassword p {
  font-size: 1rem;
  color: #111;
  margin-bottom: 1.5rem;
  font-family: "larken", serif;
}

.woocommerce .woocommerce-ResetPassword label {
  display: block;
  font-weight: 500;
  margin-bottom: 0.35rem;
}

.woocommerce .woocommerce-ResetPassword input.input-text {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #111;
  font-size: 1rem;
  box-sizing: border-box;
  margin-bottom: 1.5rem;
}

.woocommerce .woocommerce-ResetPassword button.woocommerce-Button {
  font-weight: 700;
  border: none;
  padding: 0.75rem 1.5rem;
  font-family: "larken", sans-serif;
  cursor: pointer;
  transition: background 0.2s ease;
}

.woocommerce .woocommerce-ResetPassword button.woocommerce-Button:hover {
  background: #1D9391;
  color: #fff;
}

@media (max-width: 768px) {
  .woocommerce .woocommerce-ResetPassword {
    padding: 1.5rem;
  }
}/* End custom CSS */