/* LCY Account Buttons + Price Display Fix
   Fixes mobile customer account button outlines, improves Sign Out styling,
   and makes sale/original prices clearer on product + mobile home cards. */

/* ---------- Customer account buttons: remove unwanted rectangle frame ---------- */
.account-section .modify-info__button::before,
.account-section .modify-info__button::after,
.account-section .address--empty .button::before,
.account-section .address--empty .button::after,
.navbar__footer .logout-btn::before,
.navbar__footer .logout-btn::after,
.navbar__container .logout-btn::before,
.navbar__container .logout-btn::after,
.modify-info__modal .modify-info__send-code::before,
.modify-info__modal .modify-info__send-code::after{
  display:none!important;
  content:none!important;
  box-shadow:none!important;
}

.account-section .modify-info__button,
.account-section .address--empty .button{
  min-height:42px!important;
  padding:10px 18px!important;
  border:0!important;
  outline:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#c89142,#9b6731)!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  box-shadow:0 10px 20px rgba(126,78,32,.18)!important;
}

.account-section .modify-info__button:hover,
.account-section .address--empty .button:hover{
  background:linear-gradient(135deg,#d29b4c,#8f592a)!important;
  transform:translateY(-1px);
}

.account-section .address--empty .button{
  gap:6px!important;
  width:auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
}

.account-section .address--empty p{
  max-width:100%!important;
  padding:0 10px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-align:center!important;
}

/* Sign out: make it a small clean pill instead of a tiny underlined link */
.navbar__footer .logout-btn,
.navbar__container .logout-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:112px!important;
  min-height:36px!important;
  padding:9px 18px!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#c89142,#9b6731)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 10px 20px rgba(126,78,32,.16)!important;
}

.navbar__footer .logout-btn:hover,
.navbar__container .logout-btn:hover{
  background:linear-gradient(135deg,#d29b4c,#8f592a)!important;
  color:#fff!important;
  text-decoration:none!important;
}

@media (max-width:959px){
  .account-section .card-container{
    overflow:hidden!important;
  }

  .account-section .subscribe-form__inner,
  .account-section .info-row{
    column-gap:12px!important;
  }

  .account-section .modify-info__button{
    flex-shrink:0!important;
    min-width:94px!important;
    padding:10px 14px!important;
  }

  .account-section .address--empty{
    margin-top:36px!important;
  }

  .account-section .address--empty p{
    margin:18px auto 14px!important;
    font-size:13px!important;
    line-height:1.35!important;
  }

  .account-section .address--empty .button{
    min-width:154px!important;
    margin-bottom:28px!important;
  }

  .navbar__footer{
    margin-top:28px!important;
    margin-bottom:26px!important;
  }
}

/* ---------- Price color system: sale/current price red, original price black ---------- */
.price .price__regular .price-item--regular,
.price .price-item--sale,
.product-card-wrapper .price .price__regular .price-item--regular,
.product-card-wrapper .price .price-item--sale,
body[data-template="product"] .price .price__regular .price-item--regular,
body[data-template="product"] .price .price-item--sale{
  color:#d71920!important;
}

.price .price__sale .price-item--regular,
.product-card-wrapper .price .price__sale .price-item--regular,
body[data-template="product"] .price .price__sale .price-item--regular{
  color:#1e1e1e!important;
  opacity:.62!important;
  text-decoration:line-through!important;
  text-decoration-thickness:1.5px!important;
}

/* Product detail page price: more eye-catching and easier to read */
body[data-template="product"] .product__info-container .price,
body[data-template="product"] .product__info-container .price__container,
body[data-template="product"] .product__info-container .price__sale{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
}

body[data-template="product"] .product__info-container .price .price-item--sale,
body[data-template="product"] .product__info-container .price .price__regular .price-item--regular{
  font-size:23px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}

body[data-template="product"] .product__info-container .price .price__sale .price-item--regular{
  font-size:15px!important;
  line-height:1!important;
  font-weight:800!important;
}

/* Mobile homepage product cards: clean inline price row, no awkward stacked pill */
@media (max-width:959px){
  body[data-template="index"] #shopline-section-featured-collection .product-card-wrapper .price{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    padding:0!important;
    margin-top:5px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }

  body[data-template="index"] #shopline-section-featured-collection .product-card-wrapper .price__container,
  body[data-template="index"] #shopline-section-featured-collection .product-card-wrapper .price__sale,
  body[data-template="index"] #shopline-section-featured-collection .product-card-wrapper .price__regular{
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
  }

  body[data-template="index"] #shopline-section-featured-collection .product-card-wrapper .price .price-item,
  body[data-template="index"] #shopline-section-featured-collection .product-card-wrapper .price [class*="price"]{
    white-space:nowrap!important;
    letter-spacing:0!important;
    line-height:1.1!important;
  }

  body[data-template="index"] #shopline-section-featured-collection .product-card-wrapper .price .price-item--sale,
  body[data-template="index"] #shopline-section-featured-collection .product-card-wrapper .price .price__regular .price-item--regular{
    color:#d71920!important;
    font-size:13px!important;
    font-weight:900!important;
  }

  body[data-template="index"] #shopline-section-featured-collection .product-card-wrapper .price .price__sale .price-item--regular{
    color:#1e1e1e!important;
    opacity:.58!important;
    font-size:10.5px!important;
    font-weight:800!important;
    margin-left:2px!important;
    transform:translateY(-1px);
  }
}

@media (min-width:960px){
  .product-card-wrapper .price .price-item--sale,
  .product-card-wrapper .price .price__regular .price-item--regular{
    color:#d71920!important;
  }
  .product-card-wrapper .price .price__sale .price-item--regular{
    color:#1e1e1e!important;
    opacity:.58!important;
  }
}

/* === LCY customer/order forms: remove rectangle frames from buttons === */
.customer .button::before,
.customer .button::after,
.account-section .button::before,
.account-section .button::after,
.addresses-container .button::before,
.addresses-container .button::after,
.modify-info__modal .button::before,
.modify-info__modal .button::after,
.modal__content.modify-info__modal .button::before,
.modal__content.modify-info__modal .button::after,
.edit__action-buttons .button::before,
.edit__action-buttons .button::after,
.modify-info__action-buttons .button::before,
.modify-info__action-buttons .button::after,
.address-form__btns .button::before,
.address-form__btns .button::after,
.customer button.button::before,
.customer button.button::after,
.account-section button.button::before,
.account-section button.button::after{
  display:none!important;
  content:none!important;
  box-shadow:none!important;
  border:0!important;
}
.customer .button,
.account-section .button,
.addresses-container .button,
.modify-info__modal .button,
.edit__action-buttons .button,
.modify-info__action-buttons .button,
.address-form__btns .button{
  border:0!important;
  outline:0!important;
  outline-offset:0!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background-clip:border-box!important;
  box-shadow:0 10px 20px rgba(126,78,32,.16)!important;
}
.customer .button:focus,
.customer .button:focus-visible,
.account-section .button:focus,
.account-section .button:focus-visible,
.addresses-container .button:focus,
.addresses-container .button:focus-visible,
.modify-info__modal .button:focus,
.modify-info__modal .button:focus-visible,
.edit__action-buttons .button:focus,
.edit__action-buttons .button:focus-visible,
.modify-info__action-buttons .button:focus,
.modify-info__action-buttons .button:focus-visible,
.address-form__btns .button:focus,
.address-form__btns .button:focus-visible{
  outline:0!important;
  box-shadow:0 10px 20px rgba(126,78,32,.16)!important;
}
.customer .button:not(.button--secondary),
.account-section .button:not(.button--secondary),
.addresses-container .button:not(.button--secondary),
.modify-info__modal .button:not(.button--secondary),
.edit__action-buttons .button:not(.button--secondary),
.modify-info__action-buttons .button:not(.button--secondary),
.address-form__btns .button:not(.button--secondary){
  background:linear-gradient(135deg,#d4a04e,#a66a34)!important;
  color:#fff!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.customer .button.button--secondary,
.account-section .button.button--secondary,
.addresses-container .button.button--secondary,
.modify-info__modal .button.button--secondary,
.edit__action-buttons .button.button--secondary,
.modify-info__action-buttons .button.button--secondary,
.address-form__btns .button.button--secondary{
  background:linear-gradient(135deg,#bd8547,#93602f)!important;
  color:#fff!important;
  border:0!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.customer .button:hover,
.account-section .button:hover,
.addresses-container .button:hover,
.modify-info__modal .button:hover,
.edit__action-buttons .button:hover,
.modify-info__action-buttons .button:hover,
.address-form__btns .button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(126,78,32,.20)!important;
}
@media (max-width:959px){
  .customer .button,
  .account-section .button,
  .addresses-container .button,
  .modify-info__modal .button,
  .edit__action-buttons .button,
  .modify-info__action-buttons .button,
  .address-form__btns .button{
    min-height:40px!important;
  }
}


/* === LCY V3: customer order empty button frame cleanup === */
.customer-order-list__empty .button,
.customer-order-list__empty a.button,
.customer-order-list__empty .button:not(.button--link){
  border:0!important;
  outline:0!important;
  outline-offset:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#d4a04e,#a66a34)!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(126,78,32,.16)!important;
  -webkit-tap-highlight-color:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.customer-order-list__empty .button::before,
.customer-order-list__empty .button::after,
.customer-order-list__empty a.button::before,
.customer-order-list__empty a.button::after{
  display:none!important;
  content:none!important;
  box-shadow:none!important;
  border:0!important;
  background:transparent!important;
}
.customer-order-list__empty .button:focus,
.customer-order-list__empty .button:focus-visible,
.customer-order-list__empty a.button:focus,
.customer-order-list__empty a.button:focus-visible{
  outline:0!important;
  box-shadow:0 10px 20px rgba(126,78,32,.16)!important;
}