/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.apl__wrapper{display:flex;flex-direction:column;width:100%;padding:15px}
.apl__tabs{display:flex;flex-direction:column;margin-bottom:16px}
.apl__tabs__title{font-size:1rem;margin-top:1rem;margin-bottom:.25rem}
.apl__tabs__list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap;list-style:none;margin:0;padding:0;justify-content:center}
.apl__tabs__list__item{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1.2rem 0 1.2rem 1.2rem !important;cursor:pointer;background-color:#fff;color:#212529;text-align:center;padding:.6rem 1.6rem;border-radius:12px;user-select:none;box-shadow:0 3px 7px #00000021;width:130px}
.apl__tabs__list__item__title{font-size:14px;margin-top:12px;font-weight:500}
.apl__tabs__list__item.active{box-shadow:0 4px 13px #00000047;background:#f9f9f9}
.apl__content__tab{display:none;flex-direction:column}
.apl__content{margin:0;padding:0}
.apl__content__tab.active{display:flex;transition:all .15s ease-in-out}
.apl__content__tab__item{display:flex;flex-direction:column;margin-bottom:1.5rem}
.apl__content__tab__item__head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#000;border-bottom:dashed thin #dddbdb;margin:.5rem auto 1.5rem;padding:1rem 0;width:100%;height:50px}
.apl__content__tab__item__head__title{position:relative;min-width:160px;margin:0}
.apl__content__tab__item__head__title::before{position:absolute;content:"";right:0;bottom:-.78rem;width:100%;height:2px;background-color:#000}
.apl__content__tab__item__head__more{display:block;font-weight:700;text-decoration:none;color:#003e81;padding:0 .5rem}
.apl__content__tab__item__head__more:hover{color:10,88,202}
.apl__content__tab__item__products{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.apl__content__tab__item__products__element{display:flex;flex-direction:row;align-items:center;background-color:#fff;padding:.25rem 1rem;margin-top:1rem;width:49%;border-radius:14px;box-shadow:0 3px 7px #00000021}
.apl__content__tab__item__products__element:hover{background:#f9f9f9}
.apl__content__tab__item__products__element:hover .apl__content__tab__item__products__element__price .amount{color:#0071e3}
.apl__content__tab__item__products__element__title{font-size:15px;font-weight:700;line-height:1.5;margin-right:.5rem}
.apl__content__tab__item__products__element__price{margin-right:auto;font-size:14px}
.apl__content__tab__item__products__element__price p{margin:0}
.under-foot{display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px 15px}
.apl__pricelist-content,.apl__accordion{width:49%}
.swal2-confirm{background:#c0f7ac}
.accordion-item{padding:12px;background:#f4f4f4;margin:16px 0;border-radius:12px}
.accordion-header{font-weight:600;margin-bottom:10px}
.price-updated-highlight{outline:3px solid #2ecc71!important;transition:outline .3s ease-in-out}
.apl-notice{position:fixed;top:50px;left:50%;transform:translateX(-50%);padding:15px 25px;border-radius:8px;color:#fff;font-size:16px;z-index:99999;box-shadow:0 4px 15px #0003;display:flex;align-items:center;gap:15px}
.apl-notice.success{background-color:#2ecc71}
.apl-notice.error{background-color:#e74c3c}
.apl-notice-close{background:none;border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;line-height:1;padding:0;opacity:.7;transition:opacity .2s}
.apl-notice-close:hover{opacity:1}
.swal2-popup .swal2-input{width:85%!important;margin-left:auto!important;margin-right:auto!important;text-align:right!important;direction:rtl!important;font-size:1.2em!important;padding:10px!important;height:auto!important}
@media (max-width:1025px) {
.apl__content__tab__item__products__element{width:49.5%}
.under-foot{justify-content:start}
.apl__pricelist-content,.apl__accordion{width:100%}
}
@media (max-width:769px) {
.apl__content__tab__item__products{flex-direction:column}
.apl__content__tab__item__products__element{width:100%}
}
@media (max-width:576px) {
.apl__content__tab__item__products{flex-direction:column}
.apl__content__tab__item__products__element{width:100%}
.apl__tabs__list__item{margin:1rem 0 .3rem 1rem !important}
}