@import url("/index.php?route=extension/module/autolapti_visual_settings/account");
/* AUTO-LAPTI ACCOUNT UI v0.2.2
   Shared visual layer for customer account pages.
   Loaded only on account/* routes. */

:root{
  --al-ac-bg:#fff;
  --al-ac-soft:#fafbfb;
  --al-ac-soft-2:#f4f6f7;
  --al-ac-border:#e5e8eb;
  --al-ac-border-strong:#d6dce0;
  --al-ac-text:#282d31;
  --al-ac-muted:#737a80;
  --al-ac-radius:15px;
  --al-ac-shadow:0 8px 24px rgba(20,28,35,.06);
}

.breadcrumb-h1{
  margin-bottom:20px!important;
  padding:20px 22px!important;
  border:1px solid var(--al-ac-border);
  border-radius:16px;
  background:var(--al-ac-bg);
}
.breadcrumb-h1 .breadcrumb{margin:0 0 10px!important;padding:0!important;background:transparent!important}
.breadcrumb-h1 h1{margin:0!important;font-size:26px!important;line-height:1.25!important;font-weight:700!important;color:var(--al-ac-text)!important}
.container > .breadcrumb{margin-top:8px;margin-bottom:14px;padding-left:0;padding-right:0;background:transparent}
#content > h1,#content .uni-form__heading{color:var(--al-ac-text);font-weight:700}

.al-account-nav__title{margin:0 0 8px;padding:0 2px 8px;font-size:16px;line-height:1.3;font-weight:700;color:var(--al-ac-text)}
.list-group{padding:8px!important;border:1px solid var(--al-ac-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.list-group .list-group-item{margin:0!important;padding:var(--al-ac-nav-padding,10px 12px)!important;border:0!important;border-radius:9px!important;color:#454b50!important;background:transparent!important;transition:.15s ease}
.list-group .list-group-item + .list-group-item{margin-top:2px!important}
.list-group .list-group-item:hover{color:#252a2e!important;background:var(--al-ac-soft-2)!important}
.list-group .al-account-nav__vehicles{font-weight:600}
.list-group a[href*="route=account/download"],
.list-group a[href*="route=account/recurring"],
.list-group a[href*="route=account/return"],
.list-group a[href*="route=account/transaction"]{display:none!important}

.alert{border-radius:11px!important;border-width:1px!important;box-shadow:none!important}
#content .btn,.al-account .btn,.al-vehicles .btn{border-radius:9px}
#content .btn-primary,.al-account .btn-primary,.al-vehicles .btn-primary{min-height:38px;padding-left:16px;padding-right:16px}

.account-edit__form,
.account-address__form,
#content form[action*="route=account/password"],
#content form[action*="route=account/newsletter"]{
  margin-bottom:24px;
  padding:22px 24px;
  border:1px solid var(--al-ac-border);
  border-radius:var(--al-ac-radius);
  background:#fff;
}
.account-edit__form .form-group,
.account-address__form .form-group,
#content form[action*="route=account/password"] .form-group,
#content form[action*="route=account/newsletter"] .form-group{margin-bottom:17px}
#content .form-control{min-height:40px;border-color:#dfe3e6;border-radius:9px;box-shadow:none}
#content textarea.form-control{min-height:100px}
#content .form-control:focus{border-color:#aeb8be;box-shadow:0 0 0 3px rgba(80,105,115,.08)}
#content .control-label{padding-top:10px;color:#555d63;font-weight:500}

#content .simple-content,
#content .simpleregister,
#content .simplecheckout-block,
#content [id^="simpleedit"],
#content [id^="simpleaddress"]{border-radius:var(--al-ac-radius)}
#content .simplecheckout-block-content,
#content .simpleregister-block-content{
  padding:22px!important;
  border:1px solid var(--al-ac-border)!important;
  border-radius:var(--al-ac-radius)!important;
  background:#fff!important;
  box-shadow:none!important;
}
#content .simplecheckout-block-content .form-control,
#content .simpleregister-block-content .form-control{border-radius:9px!important}
#simpleregister_button_confirm{min-height:40px;padding:9px 17px!important;border-radius:9px!important}

.account-order-list{margin-bottom:8px!important}
.account-order-list__item{
  height:calc(100% - 16px);
  margin:0 0 16px!important;
  padding:20px!important;
  border:1px solid var(--al-ac-border)!important;
  border-radius:var(--al-ac-radius)!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:.15s ease;
}
.account-order-list__item:hover{border-color:var(--al-ac-border-strong)!important;box-shadow:var(--al-ac-shadow)!important}
.account-order-list__order-id{margin-bottom:12px!important;font-size:18px!important;color:var(--al-ac-text)}
.account-order-list__name{color:#444b50}
.account-order-list__description{margin-bottom:16px!important;color:#636b71}
.account-order-list__description-div:first-child:after{border-bottom-color:#dfe3e5!important}
.account-order-list__btn{min-width:42px;border-radius:9px!important}

.account-order-info__description,
.account-order-info__payment-address,
.account-order-info__shipping-address{
  padding:18px 20px;
  border:1px solid var(--al-ac-border);
  border-radius:var(--al-ac-radius);
  background:#fff;
}
.account-order-info__products-wrap{
  overflow:hidden;
  margin-bottom:22px!important;
  border:1px solid var(--al-ac-border)!important;
  border-radius:var(--al-ac-radius)!important;
  box-shadow:none!important;
  background:#fff;
}
.account-order-info__products-table,.account-order-info__history-table{margin:0!important}
.account-order-info__products-table td,.account-order-info__products-table th,
.account-order-info__history-table td,.account-order-info__history-table th{border-color:#edf0f1!important}
.account-order-info__history-table{overflow:hidden;border:1px solid var(--al-ac-border);border-radius:12px}

.account-address-list__buttons{margin:0 0 18px!important}
.account-address-list .row-flex > div{margin-bottom:16px}
.account-address-list .row-flex > div > div{
  height:100%;
  padding:20px;
  border:1px solid var(--al-ac-border);
  border-radius:var(--al-ac-radius);
  background:#fff;
}
.account-address-list__address-id{font-size:17px!important;color:var(--al-ac-text)}
.account-address-list__customer-name{color:#444b50}

.account-wishlist{margin-left:-7px!important;margin-right:-7px!important}
.account-wishlist > div{padding-left:7px!important;padding-right:7px!important}
.account-wishlist .product-thumb{
  overflow:hidden;
  border:1px solid var(--al-ac-border)!important;
  border-radius:var(--al-ac-radius)!important;
  box-shadow:none!important;
  transition:.15s ease;
}
.account-wishlist .product-thumb:hover{border-color:var(--al-ac-border-strong)!important;box-shadow:var(--al-ac-shadow)!important}

.pagination{margin-top:10px}
.pagination > li > a,.pagination > li > span{min-width:36px;min-height:36px;padding:8px 11px;border-color:var(--al-ac-border)!important;color:#3d4449}
.pagination-text{color:var(--al-ac-muted)}

.account-download__item,.account-reward__item{
  padding:20px!important;
  border:1px solid var(--al-ac-border);
  border-radius:var(--al-ac-radius);
  background:#fff;
}
.account-reward__total{border:1px solid var(--al-ac-border);border-radius:var(--al-ac-radius)!important;background:var(--al-ac-soft)!important}

.al-account__hero,.al-account__card,.al-account__settings,.al-vehicle,.al-vehicles__empty{border-color:var(--al-ac-border)!important}
.al-account__hero,.al-account__card,.al-vehicle{box-shadow:none}
.al-account__card:hover,.al-vehicle:hover{border-color:var(--al-ac-border-strong)!important;box-shadow:var(--al-ac-shadow)!important}
.al-vehicle__actions .btn{margin:0}

@media(max-width:767px){
  .breadcrumb-h1{margin-bottom:14px!important;padding:16px 17px!important}
  .breadcrumb-h1 h1{font-size:22px!important}
  .list-group{margin-bottom:16px!important}
  .account-edit__form,.account-address__form,
  #content form[action*="route=account/password"],
  #content form[action*="route=account/newsletter"],
  #content .simplecheckout-block-content,
  #content .simpleregister-block-content{padding:16px!important}
  .account-order-list__item{padding:16px!important}
  .account-order-info__description,.account-order-info__payment-address,.account-order-info__shipping-address{padding:15px 16px}
  .account-order-info__products-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .account-address-list .row-flex > div > div{padding:16px}
  #content .control-label{padding-top:0;margin-bottom:6px}
}

/* AUTO-LAPTI ACCOUNT UI v0.2.1 — finish polish */

/* True centering for every action button inside account pages. */
#content .btn,
.al-account .btn,
.al-vehicles .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.2!important;
}
#content .btn > i,
.al-account .btn > i,
.al-vehicles .btn > i{
  flex:0 0 auto;
}
#content .btn-sm,
.al-account .btn-sm,
.al-vehicles .btn-sm{
  min-height:34px;
}
#content .btn-primary,
#content .btn-default,
#content .btn-info,
#content .btn-danger,
.al-account .btn-primary,
.al-account .btn-default,
.al-vehicles .btn-primary,
.al-vehicles .btn-default{
  box-sizing:border-box;
}

/* Password / newsletter and legacy UniShop account forms: remove old grey panel. */
#content .uni-form{
  margin-bottom:24px!important;
  padding:22px 24px!important;
  border:1px solid var(--al-ac-border)!important;
  border-radius:var(--al-ac-radius)!important;
  background:#fff!important;
  box-shadow:none!important;
}
#content .uni-form__heading{
  margin:0 0 20px!important;
  padding:0!important;
  font-size:22px!important;
  line-height:1.3!important;
}
#content .uni-form form{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#content .uni-form .form-group:last-child{
  margin-bottom:0!important;
}
#content .uni-form .btn-primary{
  min-width:132px;
}

/* Empty wishlist and other empty-state notes. */
#content .account-wishlist + p,
#content .account-wishlist-empty,
#content .account-empty,
#content > p:only-child{
  border-radius:12px;
}

/* Keep forms wide and balanced now that the standard account sidebar was
   removed from the OpenCart layout by the site administrator. */
@media(min-width:768px){
  #content .uni-form,
  .account-edit__form,
  .account-address__form{
    width:100%;
  }
}

@media(max-width:767px){
  #content .uni-form{
    padding:16px!important;
  }
  #content .btn,
  .al-account .btn,
  .al-vehicles .btn{
    min-height:40px;
  }
}
/* AUTO-LAPTI ACCOUNT UI v0.2.2 — hard button geometry reset.
   The new filename intentionally busts browser/proxy cache. */
#content a.btn,
#content button.btn,
.al-account a.btn,
.al-account button.btn,
.al-vehicles a.btn,
.al-vehicles button.btn{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 18px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#content .btn-sm,
.al-account .btn-sm,
.al-vehicles .btn-sm{
  height:36px!important;
  min-height:36px!important;
  padding:0 14px!important;
}
#content .btn-lg,
.al-account .btn-lg,
.al-vehicles .btn-lg{
  height:48px!important;
  min-height:48px!important;
  padding:0 22px!important;
}
#content .btn > i,
#content .btn > span,
.al-account .btn > i,
.al-account .btn > span,
.al-vehicles .btn > i,
.al-vehicles .btn > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  margin-top:0!important;
  margin-bottom:0!important;
  vertical-align:middle!important;
}
#content .btn > i + span,
.al-account .btn > i + span,
.al-vehicles .btn > i + span{
  margin-left:7px!important;
}
#content .uni-form{
  background:#fff!important;
  border:1px solid var(--al-ac-border)!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
#content .uni-form .form-control{background:#fff!important}