/* ============================================================
   GRANOLA LOVE — WooCommerce Mein Konto
   ============================================================ */


/* ============================================================
   MEIN KONTO
   ============================================================ */
.woocommerce .account-greeting,
.woocommerce-account .account-greeting { margin-bottom: 10px; }

.woocommerce-account::after {
  content: "";
  display: table;
  clear:   both;
}

.woocommerce-account .woocommerce-MyAccount-tabs .oceanwp-user-profile { display: none; }

.woocommerce .woocommerce-MyAccount-tabs .woocommerce-MyAccount-navigation ul li,
.woocommerce-account .woocommerce-MyAccount-tabs .woocommerce-MyAccount-navigation ul li {
  padding: 0;
  border:  0;
}

.woocommerce .woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-MyAccount-navigation ul { border: 0; }

.woocommerce .woocommerce-MyAccount-navigation ul li a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  color:           var(--gl-text-secondary);
  padding:         6px 0;
  font-family:     var(--gl-font-body);
  font-size:       var(--gl-font-small);
  line-height:     normal;
  letter-spacing:  .3px;
  display:         block;
  font-weight:     300;
  text-decoration: none !important;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a:before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { display: none; }

.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { color: var(--gl-accent); }

/* Inhaltsbereiche */
.woocommerce .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h2 {
  font-size:   clamp(20px, 2.5vw, 24px);
  font-weight: 500;
  color:       var(--gl-accent);
}

.woocommerce .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-size: clamp(16px, 2vw, 18px);
  color:     var(--gl-accent);
}

.woocommerce-account .woocommerce-MyAccount-content > p:nth-child(2),
.woocommerce-account .woocommerce-MyAccount-content > p:nth-child(3) { display: none; }

.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content a { margin-bottom: 10px; }

/* Adressen */
.account-section h3 {
  font-size:   clamp(16px, 2vw, 18px);
  color:       var(--gl-accent);
  margin-top:  20px;
  font-weight: 500;
}

.account-addresses,
.account-section {
  display:         flex;
  justify-content: space-between;
  gap:             20px;
  margin-top:      20px;
}

.account-section p { margin-bottom: 10px; }

.account-section div,
.account-addresses div { width: 48%; }

.woocommerce-MyAccount-content .woocommerce-orders-table { margin-top: 20px; }
.woocommerce-MyAccount-content h3 { margin-top: 30px; color: var(--gl-accent); }

/* Logout */
.logout-link a {
  color:       #E57A44;
  font-weight: bold;
  display:     block;
  margin-top:  20px;
}

.logout-link a:hover { color: var(--gl-accent); }
/* ============================================================
   BESTELLUNGEN
   ============================================================ */
.gl-order-card {
    padding:       24px 0;
    border-bottom: 1px solid var(--gl-border);
}

.gl-order-card:last-child {
    border-bottom: none;
}

.gl-order-card__header {
    display:         flex;
    justify-content: space-between;
    gap:             40px;
    margin-bottom:   16px;
}

.gl-order-card__meta,
.gl-order-card__details {
    font-family: var(--gl-font-body);
    font-size:   var(--gl-font-small);
    color:       var(--gl-text-secondary);
    line-height: 1.8;
}

.gl-order-card__label {
    font-weight:  500;
    color:        var(--gl-text-primary);
    margin-right: 6px;
}

.gl-order-card__status {
    font-family:   var(--gl-font-display);
    font-style:    italic;
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         var(--gl-accent-strong);
    margin-bottom: 8px;
}

.gl-order-card__total {
    font-weight: 500;
    color:       var(--gl-text-primary);
}

.gl-order-card__invoice {
    font-size:       var(--gl-font-small);
    color:           var(--gl-accent-strong);
    text-decoration: underline;
}

.gl-order-card__actions {
    display: flex;
    gap:     12px;
}

.xoo-el-form-container button.btn.button.xoo-el-action-btn,
.gl-order-card__btn {
    display:          inline-flex;
    align-items:      center;
    justify-content:  center;
    padding:          clamp(8px, 1.2vw, 10px) clamp(18px, 3vw, 25px);
    background:       var(--gl-accent-soft);
    color:            var(--gl-accent) !important;
    border:           1px solid var(--gl-accent-soft);
    border-radius:    var(--gl-radius-button);
    font-size:        var(--gl-font-button);
    font-family:      var(--gl-font-body);
    font-weight:      400;
    text-transform:   uppercase;
    letter-spacing:   0.06em;
    text-decoration:  none !important;
    transition:       all .25s ease;
}
.xoo-el-form-container button.btn.button.xoo-el-action-btn:hover,
.gl-order-card__btn:hover {
    background: var(--gl-accent-strong) !important;
    color:      #fff !important;
    transform:  translateY(-1px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.gl-order-empty {
    font-family: var(--gl-font-body);
    font-size:   var(--gl-font-small);
    color:       var(--gl-text-muted);
    font-style:  italic;
}

/* ============================================================
   BESTELLUNG DETAIL
   ============================================================ */
.gl-view-order__items {
    margin-bottom: 24px;
}

.gl-view-order__item {
    display:       flex;
    gap:           16px;
    align-items:   flex-start;
    padding:       20px 0;
    border-bottom: 1px solid var(--gl-border);
}

.gl-view-order__img img {
    width:         72px;
    height:        72px;
    object-fit:    cover;
    border-radius: var(--gl-radius-card);
    flex-shrink:   0;
}

.gl-view-order__details {
    flex: 1;
}

.gl-view-order__name {
    font-size:     var(--gl-font-small);
    font-weight:   500;
    color:         var(--gl-text-primary);
    margin-bottom: 4px;
}

.gl-view-order__meta {
    font-size:   var(--gl-font-small);
    color:       var(--gl-text-muted);
    line-height: 1.6;
    margin:      0;
}

.gl-view-order__sorten {
    margin:     4px 0 0 16px;
    padding:    0;
    font-size:  var(--gl-font-small);
    color:      var(--gl-text-muted);
    line-height: 1.6;
}

.gl-view-order__price {
    font-size:   var(--gl-font-small);
    font-weight: 500;
    color:       var(--gl-text-primary);
    white-space: nowrap;
}

.gl-view-order__summary {
    border-top:  1px solid var(--gl-border);
    padding-top: 16px;
    margin-top:  8px;
}

.gl-view-order__summary-row {
    display:         flex;
    justify-content: space-between;
    padding:         6px 0;
    font-size:       var(--gl-font-small);
    color:           var(--gl-text-muted);
    border-bottom:   1px solid rgba(74,65,60,0.06);
}

.gl-view-order__summary-row--total {
    border-bottom: none;
    border-top:    1.5px solid var(--gl-border);
    margin-top:    8px;
    padding-top:   16px;
    font-size:     var(--gl-font-base);
    font-weight:   500;
    color:         var(--gl-text-primary);
}

/* Letzte Bestellung — kompakt */
.gl-last-order {
    margin-top:    32px;
    padding-top:   24px;
    border-top:    1px solid var(--gl-border);
}

.gl-last-order__row {
    display:         flex;
    align-items:     center;
    gap:             24px;
    flex-wrap:       wrap;
    font-family:     var(--gl-font-body);
    font-size:       var(--gl-font-small);
    color:           var(--gl-text-muted);
    padding:         16px 0;
    border-bottom:   1px solid var(--gl-border);
}

/* Mein Konto — Speichern Button */

#share_points input#ywpar-share-points__submit,
.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .button,
.woocommerce .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a,
.woocommerce-account .woocommerce-Button[name="save_account_details"] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    padding:         clamp(8px, 1.2vw, 10px) clamp(18px, 3vw, 25px);
    background:      var(--gl-accent-soft);
    color:           var(--gl-accent) !important;
    border:          1px solid var(--gl-accent-soft);
    border-radius:   var(--gl-radius-button);
    font-size:       var(--gl-font-button);
    font-family:     var(--gl-font-body);
    font-weight:     400;
    text-transform:  uppercase;
    letter-spacing:  0.06em;
    cursor:          pointer;
    transition:      all .25s ease;
}
#share_points input#ywpar-share-points__submit:hover,
.woocommerce-account .woocommerce-Button[name="save_account_details"]:hover {
    background: var(--gl-accent-strong) !important;
    color:      #fff !important;
    transform:  translateY(-1px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

#share_points .ywpar-share-points-error{
	margin: 0px;
}
/* Adress-Bereich */
.woocommerce .woocommerce-MyAccount-content .addresses .woocommerce-Address .title {
  border:           0;
  background-color: transparent;
  padding:          0;
}

.woocommerce .woocommerce-MyAccount-content .addresses .woocommerce-Address address {
  background-color: transparent;
  color:            var(--gl-text-secondary);
  padding:          0;
  margin-top:       20px;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .button,
.woocommerce .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a {
    padding:         clamp(8px, 1.2vw, 10px) clamp(18px, 3vw, 25px);
    background:      var(--gl-accent-soft);
    color:           var(--gl-accent) !important;
    border:          1px solid var(--gl-accent-soft);
    border-radius:   var(--gl-radius-button);
    font-size:       var(--gl-font-button);
    font-family:     var(--gl-font-body);
    font-weight:     400;
    text-transform:  uppercase;
    letter-spacing:  0.06em;
    cursor:          pointer;
    transition:      all .25s ease;
  position:         unset;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .button:focus,
.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .button:hover,
.woocommerce .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a:focus,
.woocommerce .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a:hover {
  background: var(--gl-accent-strong) !important;
    color:      #fff !important;
    transform:  translateY(-1px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

@media all and (max-width: 960px) {
  .woocommerce-MyAccount-tabs { display: none; }
}

/* ============================================================
   MEIN KONTO — Formularfelder
   ============================================================ */
.woocommerce-account .woocommerce-form input[type="text"],
.woocommerce-account .woocommerce-form input[type="email"],
.woocommerce-account .woocommerce-form input[type="password"],
.woocommerce-account .woocommerce-form input[type="tel"],
.woocommerce-account .woocommerce-form input[type="date"],
.woocommerce-account .woocommerce-form select,
.woocommerce-account .woocommerce-address-fields input[type="text"],
.woocommerce-account .woocommerce-address-fields input[type="email"],
.woocommerce-account .woocommerce-address-fields input[type="tel"],
.woocommerce-account .woocommerce-address-fields select {
    font-family:   var(--gl-font-body) !important;
    font-size:     var(--gl-font-small) !important;
    color:         var(--gl-text-primary) !important;
    background:    transparent !important;
    border:        none !important;
    border-bottom: 1px solid rgba(74,65,60,0.20) !important;
    border-radius: 0 !important;
    padding:       8px 0 !important;
    width:         100% !important;
    outline:       none !important;
    box-shadow:    none !important;
    transition:    border-color .2s ease !important;
}

.woocommerce-account .woocommerce-form input:focus,
.woocommerce-account .woocommerce-form select:focus,
.woocommerce-account .woocommerce-address-fields input:focus,
.woocommerce-account .woocommerce-address-fields select:focus {
    border-bottom-color: var(--gl-accent-strong) !important;
    box-shadow:          none !important;
}

.woocommerce-account .woocommerce-form input::placeholder,
.woocommerce-account .woocommerce-address-fields input::placeholder {
    color: rgba(122, 111, 104, 0.5) !important;
}

/* Labels */
.woocommerce-account .woocommerce-form label,
.woocommerce-account .woocommerce-address-fields label {
    font-family:    var(--gl-font-body) !important;
    font-size:      var(--gl-font-eyebrow) !important;
    font-weight:    500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color:          var(--gl-text-muted) !important;
    margin-bottom:  6px !important;
}

/* Buttons */
.woocommerce-account .woocommerce-form button[type="submit"],
.woocommerce-account .woocommerce-address-fields button[type="submit"],
.woocommerce-account button[name="save_address"] {
    display:         inline-flex !important;
    align-items:     center !important;
    justify-content: center !important;
    padding:         clamp(8px, 1.2vw, 10px) clamp(18px, 3vw, 25px) !important;
    background:      var(--gl-accent-soft) !important;
    color:           var(--gl-accent) !important;
    border:          1px solid var(--gl-accent-soft) !important;
    border-radius:   var(--gl-radius-button) !important;
    font-size:       var(--gl-font-button) !important;
    font-family:     var(--gl-font-body) !important;
    font-weight:     400 !important;
    text-transform:  uppercase !important;
    letter-spacing:  0.06em !important;
    cursor:          pointer !important;
    transition:      all .25s ease !important;
}

.woocommerce-account .woocommerce-form button[type="submit"]:hover,
.woocommerce-account .woocommerce-address-fields button[type="submit"]:hover,
.woocommerce-account button[name="save_address"]:hover {
    background: var(--gl-accent-strong) !important;
    color:      #fff !important;
    transform:  translateY(-1px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
}

/* Passwort Auge Icon */
.woocommerce-account .woocommerce-form .show-password-input {
    color: var(--gl-text-muted) !important;
}
/* Dropdown Land / Region */
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-address-fields .select2-container .select2-selection--single {
    font-family:      var(--gl-font-body) !important;
    font-size:        var(--gl-font-small) !important;
    color:            var(--gl-text-primary) !important;
    background:       transparent !important;
    border:           none !important;
    border-bottom:    1px solid rgba(74,65,60,0.20) !important;
    border-radius:    0 !important;
    padding:          8px 0 !important;
    width:            100% !important;
    outline:          none !important;
    box-shadow:       none !important;
    appearance:       none !important;
    -webkit-appearance: none !important;
}

/* Select2 */
.woocommerce-account .select2-container--default .select2-selection--single {
    border:        none !important;
    border-bottom: 1px solid rgba(74,65,60,0.20) !important;
    border-radius: 0 !important;
    background:    transparent !important;
    height:        auto !important;
    padding:       8px 0 !important;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: var(--gl-font-body) !important;
    font-size:   var(--gl-font-small) !important;
    color:       var(--gl-text-primary) !important;
    padding:     0 !important;
    line-height: normal !important;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
    top:   20% !important;
    right: 0 !important;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--gl-text-muted) transparent transparent !important;
}

/* ============================================================
   PERSÖNLICHES PROFIL — Formularfelder
   ============================================================ */
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"],
.woocommerce-EditAccountForm input[type="tel"] {
    font-family:   var(--gl-font-body) !important;
    font-size:     var(--gl-font-small) !important;
    color:         var(--gl-text-primary) !important;
    background:    transparent !important;
    border:        none !important;
    border-bottom: 1px solid rgba(74,65,60,0.20) !important;
    border-radius: 0 !important;
    padding:       8px 0 !important;
    width:         100% !important;
    outline:       none !important;
    box-shadow:    none !important;
    transition:    border-color .2s ease !important;
}

.woocommerce-EditAccountForm input:focus {
    border-bottom-color: var(--gl-accent-strong) !important;
    box-shadow:          none !important;
}

.woocommerce-EditAccountForm input::placeholder {
    color: rgba(122, 111, 104, 0.5) !important;
}

/* Labels */
.woocommerce-EditAccountForm label {
    font-family:    var(--gl-font-body) !important;
    font-size:      var(--gl-font-eyebrow) !important;
    font-weight:    500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color:          var(--gl-text-muted) !important;
    margin-bottom:  6px !important;
}

/* Pflichtfeld Stern */
.woocommerce-EditAccountForm .required {
    color: var(--gl-accent) !important;
}

/* Fieldset Passwort */
.woocommerce-EditAccountForm fieldset {
    border:        none !important;
    border-top:    1px solid rgba(74,65,60,0.12) !important;
    padding:       24px 0 0 !important;
    margin:        24px 0 0 !important;
}

.woocommerce-EditAccountForm fieldset legend {
    font-family:    var(--gl-font-display) !important;
    font-style:     italic !important;
    font-weight:    400 !important;
    font-size:      clamp(18px, 2vw, 22px) !important;
    color:          var(--gl-accent-strong) !important;
    padding:        0 !important;
    margin-bottom:  16px !important;
}

/* Passwort Auge */
.woocommerce-EditAccountForm .show-password-input {
    color: var(--gl-text-muted) !important;
}

/* Hinweistext unter Anzeigename */
.woocommerce-EditAccountForm #account_display_name_description {
    font-size:  var(--gl-font-eyebrow) !important;
    color:      var(--gl-text-muted) !important;
    font-style: italic !important;
    display:    block !important;
    margin-top: 4px !important;
}