/* =========================================================
   МЕНЮ ОСОБИСТОГО КАБІНЕТУ
   ========================================================= */

/* =========================================================
                                                          Компютерна версія пунктів меню
   ================================================================================== */

/* прибираємо ВСІ стандартні бордери */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation li,
.woocommerce-MyAccount-navigation a{
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* контейнер */
.woocommerce-MyAccount-navigation ul{
    border-radius: 6px;
    border: 1px solid var(--ast-border-color)!important;
}

/* внутрішні лінії */
.woocommerce-MyAccount-navigation li:not(:last-child){
    border-bottom: 1px solid var(--ast-border-color)!important;
}

/* наведення */
.woocommerce-MyAccount-navigation a:hover{
    background: var(--ast-global-color-4);
    /*padding-left: 24px;*/
}

/* активний */
.woocommerce-MyAccount-navigation .is-active a{
    background: var(--ast-global-color-4)!important;
    color: var(--ast-global-color-2);
}

/* =========================================================
                                                          Мобільна версія пунктів меню
   ================================================================================== */

@media (max-width: 921px){
    
    /* прибираємо зовнішню рамку */
    .woocommerce-MyAccount-navigation ul{
        border: none !important;
        box-shadow: none !important;
        /*background: transparent !important;*/
   
    }
/* внутрішні лінії прибираємо */
.woocommerce-MyAccount-navigation li:not(:last-child){
    border-bottom: none !important;
}
/* контейнер */
.woocommerce-MyAccount-navigation{
    position: relative;
   /*background: transparent !important;
    z-index: 1;*/
    margin-bottom: 20px !important;
}

/* ФОН НА ВСЮ ШИРИНУ ЕКРАНА 

.woocommerce-MyAccount-navigation::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: calc(100% + 10px);
    top: -5px;
    background: var(--ast-global-color-4);
    z-index: -1;
}




    /* Скрол для кнопок */
    .woocommerce-MyAccount-navigation ul{
        display: flex;
        flex-wrap: nowrap !important;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-behavior: smooth;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;

        gap: 0;

        margin: 0;
        padding: 0 10px;

        list-style: none;

        border: none;
        border-radius: 0;
        background: transparent;
    }

    /* hide scrollbar */
    .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{
        display: none;
    }

    /* item */
    .woocommerce-MyAccount-navigation li{
        flex: 0 0 auto;
        margin: 0;
        border: none !important;
    }

    /* button */
    .woocommerce-MyAccount-navigation a{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 4px 26px;
        margin-right:  20px;
        border-radius: 999px;
        border: 1px solid var(--ast-global-color-7)!important;

    }

    /* hover */
    .woocommerce-MyAccount-navigation a:hover{
        background: var(--ast-global-color-5)!important;
        border-color: var(--ast-global-color-7)!important;
        color: var(--ast-global-color-2);
    }

    /* active */
    .woocommerce-MyAccount-navigation .is-active a{
        background: var(--ast-global-color-4)!important;
        border-color: var(--ast-global-color-0)!important;
        color: var(--ast-global-color-2);
    }
}





/* =========================================================
                                                          Мобільна версія відступи
   ================================================================================== */
@media (max-width: 768px){

    .ast-single-post.ast-page-builder-template .site-main > article,
    .woocommerce.ast-page-builder-template .site-main{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content{
    padding-left: 10px;
    padding-right: 10px;
}
    
    
    
}















/* =========================================================
                                    Перевизначення коли сторінка з двох колонок переходить на одну.Розмір колонок.
   ================================================================================================================== 
@media (min-width: 768px) and (max-width: 921px) {

    .woocommerce-account .woocommerce {
        display: flex;
        flex-direction: row !important;
        gap: 10px;
    }

    /* Ліва колонка 
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 20%;
        min-width: 160px;
        flex: 0 0 20%;
    }

    /* Права колонка 
    .woocommerce-account .woocommerce-MyAccount-content {
        flex: 1;
        min-width: 0;
    }
}


/* Мобільний тільки з 768px 
@media (max-width: 767px) {

    .woocommerce-account .woocommerce {
        flex-direction: column;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }
}
*/


/* =========================================================
        ВІДСТУПИ
   ========================================================= */
   /* Відступ над крихтами*/
.woocommerce-account .site-main > article {
    padding-top: 0 !important;
}
/* Відступ під  крихтами*/
.woocommerce-account .ast-breadcrumbs-wrapper {
    margin-bottom: 20px;
    margin-top: 10px;
}
/*====== Прибирає бордер контент/ сайтбар ==============*/

body.woocommerce-account.ast-right-sidebar #primary{
  border-right: none !important;
}



/* =========================================================
  Ховаємо сайтбар
   ========================================================= */
.woocommerce-account .widget-area.secondary {
    display: none !important;
}
.woocommerce-account .content-area {
    width: 100% !important;
}

.woocommerce-account .site-content .ast-container {
    display: block;
}





/* =======================================================================
                                                              МОЯ ДОСТАВКА
   ======================================================================= */

.darbox-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}


/* Відступ над інфо блоком */
.darbox-info {
    margin-top: 16px;
}
/* =========================================================
   Поля в рядку
   ========================================================= */

.darbox-row > p {
    flex: 1;
    margin: 0;
}

/* =========================================================
   Всі label однакові
   ========================================================= */

.darbox-row label,
form > p > label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

/* =========================================================
   Всі input/select однакові
   ========================================================= */

.darbox-row input,
.darbox-row select,
form > p input,
form > p select {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    box-sizing: border-box;
}

/* =========================================================
   Одинарні рядки (вулиця)
   ========================================================= */

form > p {
    margin-bottom: 16px;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .darbox-row {
        flex-direction: column;
        gap: 16px;
    }
}

/* =============================================================================
                                                                      ЗАМОВЛЕННЯ
============================================================================= */

/* прибираємо стандартну таблицю */
.woocommerce-account .woocommerce-orders-table{
    border: none !important;
    background: transparent !important;
}


/* ховаємо верх таблиці */
.woocommerce-account .woocommerce-orders-table thead{
    display: none !important;
}

/* ВІдступи між замовленнями */
.woocommerce-account .woocommerce-orders-table tbody{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* карточка */
.woocommerce-account .woocommerce-orders-table__row{
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
 
    padding: 18px;
    border: 1px solid #eaeaea;
    border-radius: 6px;

    box-shadow:
        0 2px 10px rgba(0,0,0,.03);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

/* hover*/
.woocommerce-account .woocommerce-orders-table__row:hover{
    
    box-shadow:
        0 6px 20px rgba(0,0,0,.06);
}

/* прибираємо бордери td*/
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-orders-table th{
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* номер*/
.woocommerce-orders-table__cell-order-number{
    min-width: 110px;
    font-size: 18px;
    font-weight: 700;
}


/* статус */
.woocommerce-orders-table__cell-order-status{
    margin-left: auto;
    color: #c58a00;
    font-weight: 600;
}

/* тільки для суми*/
.woocommerce-orders-table__cell-order-total::before{
    content: "Загалом на суму ";
    display: inline;
    margin-right: 4px;
}

.woocommerce-orders-table__cell-order-total{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    text-align: right;
}


/* сама ціна */
.woocommerce-orders-table__cell-order-total .amount{
    font-size: 16px;
    font-weight: 600!important;
}

/* знак валюти */
.woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol{
    font-size: .9em;
}
.woocommerce-orders-table__cell-order-total{
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
}

/* кнопка всередині того ж рядка */
.woocommerce-orders-table__cell-order-actions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* =============================================================================
   MOBILE / TABLET FIX
============================================================================= */

@media (max-width: 921px){


/* ховаємо всі мобільні підписи -це 2-й варіант*/
.woocommerce-account .woocommerce-orders-table td::before,
.woocommerce-account .woocommerce-orders-table th::before {
    content: none !important;
}

/* повертаємо тільки "Загалом" */
.woocommerce-account 
    .woocommerce-orders-table 
    td.woocommerce-orders-table__cell-order-total{
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center;
        gap: 8px;

        text-align: right !important;
    }

    /* прибираємо float Astra */
    .woocommerce-account 
    .woocommerce-orders-table 
    td.woocommerce-orders-table__cell-order-total::before{
        float: none !important;
        position: static !important;
        margin: 0 !important;
    }

    /* показуємо тільки "Загалом" */
    .woocommerce-account 
    .woocommerce-orders-table 
    td[data-title="Загалом"]::before{
        content: "Загалом на суму" !important;
    }




    /* показуємо номер замовлення */
    .woocommerce-account .woocommerce-orders-table__cell-order-number{
        display: block !important;
        width: auto !important;
        min-width: 110px;
    }

 /* статус справа */
    .woocommerce-account .woocommerce-orders-table__cell-order-status{
        margin-left: auto;
    }

    /* рядок суми */
    .woocommerce-account .woocommerce-orders-table__cell-order-total{
        width: 100%;
    }

}

/* =============================================================================
                                                                     ДЕТАЛІ ЗАМОВЛЕННЯ
============================================================================= */

/* ВЕРХНІЙ БЛОК — тільки order details */

.woocommerce-account .woocommerce-MyAccount-content > p:has(.order-number){
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.woocommerce-account .woocommerce-MyAccount-content > p:has(.order-number) mark{
    display: inline-block;
}
/* Статус*/
.order-status{
    color: #c58a00;
    font-weight: 600;
}
/*Номер замовлення*/
.order-number{
    font-weight: 600;
}

/* таблиця */
.woocommerce-order-details table{
    border: none !important;
    background: transparent !important;
}

.woocommerce-order-details thead{
    display: none !important;
}

/* =============================== КАРТКА ВСІХ ТОВАРІВ === */
.woocommerce-order-details tbody{
    display: block;
    padding: 18px;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    /*background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.03);*/
    margin-bottom: 10px;
}


/* кожен товар */
.woocommerce-order-details .order_item{
    position: relative;
    display: block;
    padding: 14px 0 42px;
    border-bottom: 1px solid #f1f1f1;
}

.woocommerce-order-details .order_item:last-child{
    border-bottom: none;
}

/* прибираємо td */
.woocommerce-order-details td{
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    display: block;
    width: 100%;
}
/* назва товару*/
.product-name a{ 
    /*font-size: 15px;*/
    font-weight: 600;
}

/* ціна за одиницю*/ 
.darbox-title-unit-price{
    display: inline-flex;
    gap: 6px;
    margin-left: 10px; /*відступ суми від заголовка*/
}

/* Сума за одиницю і кількість*/
.woocommerce-order-details .darbox-title-unit-new .amount,
.woocommerce-order-details .product-quantity{
    font-weight: 400 !important;
}

/* Закреслена сума*/
.darbox-title-unit-old,
.darbox-title-unit-old .amount{
    color: #b5b5b5 !important;
}



/* Кількість в кінці кожного товару */
body.woocommerce-account.woocommerce-view-order 
.woocommerce-order-details .product-quantity{
    position: absolute;
    right: 180px;
    bottom: 14px;
    margin: 0;
}

body.woocommerce-account.woocommerce-view-order 
.woocommerce-order-details .product-quantity::before{
    content: "Кількість:";
    margin-right: 6px;
    text-indent: 0;
}

body.woocommerce-account.woocommerce-view-order 
.woocommerce-order-details .product-quantity::after{
    content: " шт.";
}


/* сума за товар внизу справа */
body.woocommerce-account.woocommerce-view-order 
.woocommerce-order-details td.product-total{
    position: absolute;
    right: 0;
    bottom: 14px;
    margin: 0;
    text-align: right;
}

/* надпис */
body.woocommerce-account.woocommerce-view-order 
.woocommerce-order-details td.product-total::before{
    content: "Загалом на суму: ";
}

/* сама сума */
body.woocommerce-account.woocommerce-view-order 
.woocommerce-order-details td.product-total .amount,
body.woocommerce-account.woocommerce-view-order 
.woocommerce-order-details td.product-total bdi{
    display: inline-block;
   /* width: 70px;*/
}





/* Кількість в кінці кожного товару
.woocommerce-order-details .product-quantity{
    position: absolute;
    right: 220px;
    bottom: 14px;
    margin: 0;
}

.woocommerce-order-details .product-quantity::before{
    content: "Кількість:";
    margin-right: 6px;
    text-indent: 0;
}
    
.woocommerce-order-details .product-quantity::after{
    content: " шт.";
}


/* сума за товар внизу справа
.product-total{
    position: absolute;
    right: 0;
    bottom: 14px;
    margin: 0;
    text-align: right;
}

/* надпис 
.product-total::before{
    content: "Загалом на суму: ";
    
}

/* сама сума  
.product-total .amount,
.product-total bdi{
    display: inline-block;
    width: 70px; /* резерв місця під текст 
}






/* === КАРТКА ПІДСУМКІВ === */

/* повністю прибираємо табличний вигляд */
.woocommerce-order-details tfoot,
.woocommerce-order-details tfoot tr,
.woocommerce-order-details tfoot th,
.woocommerce-order-details tfoot td{
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* сама картка — тільки для підсумків, без блоку "Дії"*/ 
.woocommerce-order-details tfoot:not(:has(th.order-actions--heading)) {
    display: block;
    padding: 18px;
    border: 1px solid #eaeaea !important;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,.03);
    margin-top: 10px;
}

/* рядки */
.woocommerce-order-details tfoot tr{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

/* розділювачі */
.woocommerce-order-details tfoot tr:not(:last-child){
    border-bottom: 1px solid #f3f3f3 !important;
}

/* текст */
.woocommerce-order-details tfoot th{
    padding: 0 !important;
    text-align: left;
}

.woocommerce-order-details tfoot td{
    font-weight: 600;
    padding: 0 !important;
    text-align: right;
}
/* Забороняє перенос*/
.woocommerce-order-details tfoot th{
    white-space: nowrap;
    flex-shrink: 0;
}



/* ====================================блок ДІЇ як окрема картка під підсумками 


/* вирівнюємо кнопки */
.woocommerce-order-details tfoot:first-of-type td{
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* прибираємо надпис ДІЇ: */
.order-actions--heading{
    display: none !important;
}

/*=========================================== даємо можливість міняти порядок секцій таблиці */
.woocommerce-order-details table{
    display: flex;
    flex-direction: column;
}

/* товари */
.woocommerce-order-details tbody{
    order: 1;
}

/* підсумки (другий tfoot)*/ 
.woocommerce-order-details tfoot:last-of-type{
    order: 2;
}

/* кнопки (перший tfoot) */
.woocommerce-order-details tfoot:first-of-type{
    order: 3;
}














/* =========================================================
   СТОРІНКА ОПЛАТИ — КАРТКА ТОВАРІВ ЯК В АКАУНТІ
   ========================================================= */

/* вся таблиця */
body.woocommerce-order-pay #order_review .shop_table{
    border: none !important;
    background: transparent !important;
}

/* ховаємо стандартний заголовок*/ 
body.woocommerce-order-pay #order_review thead{
    display: none;
}

/* картка всіх товарів */
body.woocommerce-order-pay #order_review tbody{
    display: block;
    padding: 18px;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    margin-bottom: 10px;
}

/* кожен товар*/ 
body.woocommerce-order-pay #order_review .order_item{
    position: relative;
    display: block;
    padding: 14px 0 42px;
    border-bottom: 1px solid #f1f1f1;
}

body.woocommerce-order-pay #order_review .order_item:last-child{
    border-bottom: none;
}

/* прибираємо табличний вигляд */
body.woocommerce-order-pay #order_review tbody td{
    display: block;
    width: 100%;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* назва товару
body.woocommerce-order-pay #order_review .product-name{
    font-weight: 600;
}
*/



body.woocommerce-order-pay #order_review td.product-name{
    font-weight: 600;
}

/* адони вниз + інший стиль */
body.woocommerce-order-pay #order_review td.product-name .wc-item-meta{
    display: block;
    margin-top: 8px;
    padding-left: 12px;
    font-weight: 400;
}







/* кількість */
body.woocommerce-order-pay #order_review td.product-quantity{
    position: absolute;
    right: 220px;
    bottom: 14px;
    width: auto;
    margin: 0;
    font-weight: 400;
}

body.woocommerce-order-pay #order_review td.product-quantity::before{
    content: "Кількість:";
    margin-right: 6px;
}

body.woocommerce-order-pay #order_review td.product-quantity::after{
    content: " шт.";
}

/* сума справа */
body.woocommerce-order-pay #order_review td.product-subtotal{
    position: absolute;
    right: 0;
    bottom: 14px;
    width: auto;
    margin: 0;
    text-align: right;
}

/* надпис */
body.woocommerce-order-pay #order_review td.product-subtotal::before{
    content: "Загалом на суму: ";
}

/* ширина суми */
body.woocommerce-order-pay #order_review td.product-subtotal .amount,
body.woocommerce-order-pay #order_review td.product-subtotal bdi{
    display: inline-block;
    width: 70px;
}

/* meta під товаром */
body.woocommerce-order-pay #order_review .wc-item-meta{
    margin-top: 10px;
    padding-left: 18px;
}

body.woocommerce-order-pay #order_review .wc-item-meta li{
    margin-bottom: 6px;
}


/* Адони */
body.woocommerce-order-pay #order_review .wc-item-meta{
    margin-left: 0 !important;
    padding-left: 10px !important;
}


/* =========================================================
   СТОРІНКА ОПЛАТИ — КАРТКА ПІДСУМКІВ
   ========================================================= */

/* прибираємо табличний вигляд */
body.woocommerce-order-pay #order_review tfoot,
body.woocommerce-order-pay #order_review tfoot tr,
body.woocommerce-order-pay #order_review tfoot th,
body.woocommerce-order-pay #order_review tfoot td{
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* сама картка */
body.woocommerce-order-pay #order_review tfoot{
    display: block;
    padding: 18px;
    border: 1px solid #eaeaea !important;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,.03);
    margin-top: 10px;
}

/* рядки */
body.woocommerce-order-pay #order_review tfoot tr{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

/* лінії між рядками */
body.woocommerce-order-pay #order_review tfoot tr:not(:last-child){
    border-bottom: 1px solid #f3f3f3 !important;
}

/* текст */
body.woocommerce-order-pay #order_review tfoot th{
    padding: 0 !important;
    text-align: left;
    white-space: nowrap;
    flex-shrink: 0;
}

body.woocommerce-order-pay #order_review tfoot td{
    padding: 0 !important;
    text-align: right;
    font-weight: 600;
}







/*=============================================
     Тільки для дескопа від 921px 
================================================*/

@media (min-width: 921px) {

/*ПІДСУМКИ (tfoot) — фіксована ширина + вправо*/
body.woocommerce-order-pay #order_review tfoot{
    display: block;
    width: 100%;
    max-width: 520px;
    margin-left: auto;   /* 🔥 притискає вправо */
    margin-right: 0;
}

/*PAYMENT — так само справа*/
body.woocommerce-order-pay #payment{
    max-width: 520px;
    width: 100%;
    margin-left: auto;   /* 🔥 вправо */
    margin-right: 0;
}

/* ВІДСТУПИ*/
body.woocommerce-order-pay #content .ast-container{
    padding-left: 100px!important;
    padding-right: 100px!important;
}

}










/* =========================================================
   PRAD ADDONS — FIX
========================================================= */

/* список */
.prad-variation-container .wc-item-meta{
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

/* hidden items */
.prad-variation-container .prad-collapsed-hidden{
    display: block !important;
}

/* прибрати кнопку */
.prad-show-more-btn{
    display: none !important;
}

/* =========================================================
   PRAD ADDONS — UL MARGIN FIX
========================================================= */

.prad-variation-container .wc-item-meta{
    margin-left: 0 !important;
    padding-left: 10px !important;
}