/* ==============================================
   СТИЛИ ДЛЯ СТРАНИЦ КАБИНЕТА (woo-account.css)
   ============================================== */

:root {
    /*   7. НАВИГАЦИЯ (элементор-виджеты) */
    --color-icon-0: #A5B6C9;    
    --color-icon-1: #57b031;    
    --color-icon-2: #f2aa0b;
    --color-icon-3: #e84428;
    --color-icon-4: #3abdea;
    --color-icon-5: #4370ff;
    --color-icon-6: #8BA2BA;    
    
    
    /*    КНОПКИ В СПИСКЕ ЗАКАЗОВ */
    --ddd-btn-view-text: var(--global-palette3,#052f44);
    --ddd-btn-view-bg: var(--global-palette9,#FFFFFF);
    --ddd-btn-view-border: var(--global-palette3,#052f44);
    
    --ddd-btn-view-text-hover: var(--global-palette3,#052f44);
    --ddd-btn-view-bg-hover: var(--global-palette15,#EAECE9);
    --ddd-btn-view-border-hover: var(--global-palette3,#052f44);
    
    --ddd-btn-cancel-text: #FF1515;  
    --ddd-btn-cancel-bg: var(--global-palette9,#FFFFFF);
    --ddd-btn-cancel-border: #FF1515;  
    
    --ddd-btn-cancel-text-hover: var(--global-palette9,#FFFFFF);
    --ddd-btn-cancel-bg-hover: #FF1515;  
    --ddd-btn-cancel-border-hover: #FF1515;  
    
    --ddd-btn-radius: 20px;

    /*   СТАТУСЫ ЗАКАЗОВ В КАБИНЕТЕ */
    
    
    --ddd-status-bg-new: var(--global-palette12,#ffd100);
    --ddd-status-border-new: var(--global-palette12,#ffd100);
    --ddd-status-text-new: var(--global-palette1, #1a252e);

    --ddd-status-bg-cancelled: var(--global-palette9,#FFFFFF);  
    --ddd-status-border-cancelled: #FF1515;  
    --ddd-status-text-cancelled: #FF1515;  
    
    --ddd-status-bg-completed: #3BAD0C;    
    --ddd-status-border-completed: #3BAD0C;    
    --ddd-status-text-completed: var(--global-palette9,#FFFFFF);
    
    --ddd-status-bg-pending: #FF8000;
    --ddd-status-border-pending: #FF8000;
    --ddd-status-text-pending: var(--global-palette9,#FFFFFF);  

    --ddd-status-bg-processing:  #3abdea;
    --ddd-status-border-processing:  #3abdea;
    --ddd-status-text-processing: var(--global-palette9,#FFFFFF);  
    

    --ddd-status-bg-refunded: var(--global-palette4,#094C72);
    --ddd-status-border-refunded: var(--global-palette4,#094C72);
    --ddd-status-text-refunded: var(--global-palette9,#FFFFFF);  
    
    --ddd-status-bg-failed: var(--global-palette4,#094C72);
    --ddd-status-border-failed: var(--global-palette4,#094C72);
    --ddd-status-text-failed: var(--global-palette9,#FFFFFF);  
 
 
} 


/* ==============================================
   1. ГЛОБАЛЬНЫЕ УТИЛИТЫ (скрытие, общие классы)
   ============================================== */

.optional {
    display: none !important;
}

.woocommerce-Address, .woocommerce-myacccount-custom, .woocommerce-address-fields, .woocommerce-customer-details address  {
    background: var(--global-palette9, #ffffff);
    border: 1px solid var(--global-palette7, #d5dce4);
    border-radius: 8px;
    padding: 20px 24px; 
    margin: 20px 0!important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.h2-as-label2 { padding: 5px 10px; background: var(--color-icon-2);}
.h2-as-label3 { padding: 5px 10px; background: var(--color-icon-3);}
.h2-as-label4 { padding: 5px 10px; background: var(--color-icon-4);}


/* ==============================================
   2. ELEMENTOR-DASHBOARD (контейнеры с фоном)
   ============================================== */

.elementor-dashboard-cart-notice, .elementor-dashboard-container1 {
    background-color: rgba(255,210,0,0.1);
    border-radius: 8px !important;
    border-left: 4px solid var(--global-palette10, #ff4500);
    padding: 16px 20px !important;
}

.elementor-dashboard-last-order, .elementor-dashboard-container2 {
    background-color: rgba(240,240,230,0.5);
    border-radius: 8px !important;
    border-left: 4px solid var(--global-palette2, #4abc1a);
    padding: 16px 20px !important;
}


/* ==============================================
   3. ШОРТКОДЫ КАБИНЕТА (корзина, заказы)
   ============================================== */

.ddd-cart-notice__text,
.ddd-last-order__info {
    font-size: 1rem;
    color: var(--global-palette3, #052f44);
    line-height: 1.5;
}

.ddd-cart-notice__text strong,
.ddd-last-order__info strong {
    font-weight: 600;
}

.ddd-cart-notice {
    padding: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.ddd-cart-notice::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4500'%3E%3Cpath d='M19 5h-14l1.5-2h11zM21.794 5.392l-2.994-3.992c-0.196-0.261-0.494-0.399-0.8-0.4h-12c-0.326 0-0.616 0.156-0.8 0.4l-2.994 3.992c-0.043 0.056-0.081 0.117-0.111 0.182-0.065 0.137-0.096 0.283-0.095 0.426v14c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h14c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-14c0-0.219-0.071-0.422-0.189-0.585-0.004-0.005-0.007-0.010-0.011-0.015zM4 7h16v13c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-14c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707zM15 10c0 0.829-0.335 1.577-0.879 2.121s-1.292 0.879-2.121 0.879-1.577-0.335-2.121-0.879-0.879-1.292-0.879-2.121c0-0.552-0.448-1-1-1s-1 0.448-1 1c0 1.38 0.561 2.632 1.464 3.536s2.156 1.464 3.536 1.464 2.632-0.561 3.536-1.464 1.464-2.156 1.464-3.536c0-0.552-0.448-1-1-1s-1 0.448-1 1z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.ddd-last-order {
    padding: 0;
    margin-bottom: 0;
}

.ddd-last-order__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 4px;
}


.ddd-last-order--empty {
    border-left: none;
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
    text-align: left;
}

.ddd-last-order__empty-icon {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='%233d5e81'%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM288 224C288 206.3 302.3 192 320 192C337.7 192 352 206.3 352 224C352 241.7 337.7 256 320 256C302.3 256 288 241.7 288 224zM280 288L328 288C341.3 288 352 298.7 352 312L352 400L360 400C373.3 400 384 410.7 384 424C384 437.3 373.3 448 360 448L280 448C266.7 448 256 437.3 256 424C256 410.7 266.7 400 280 400L304 400L304 336L280 336C266.7 336 256 325.3 256 312C256 298.7 266.7 288 280 288z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ddd-last-order__empty {
    margin: 0;
    font-size: 1rem;
    color: var(--global-palette3, #052f44);
}


/* ==============================================
   4. КНОПКИ (корзина, заказы)
   ============================================== */

.ddd-cart-notice__button {
    display: inline-block;
    padding: 8px 20px;
    margin-top: 8px;
    background: var(--global-palette10, #ff4500);
    color: #ffffff!important;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
    align-self: flex-start;
}

.ddd-cart-notice__button:hover {
    background: #DF3B00;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(255, 69, 0, 0.2);
    text-decoration: none;
}

.ddd-last-order__actions .ddd-button {
    display: inline-block;
    padding: 8px 20px;
    margin-top: 8px;
    background: var(--global-palette2, #4abc1a);
    color: #ffffff;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}

.ddd-last-order__actions .ddd-button:hover {
    background: #3a9e14;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(74, 188, 26, 0.2);
    text-decoration: none;
}

 


/* ==============================================
   СТАТУСЫ ЗАКАЗОВ В КАБИНЕТЕ
   ============================================== */

.ddd-order-status,
.order-status {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 20px;
    display: inline-block;
}    

/* Новий */
.ddd-order-status-on-hold,
.order-status-on-hold {
    background: var(--ddd-status-bg-new) !important;
    color: var(--ddd-status-text-new) !important;
    border:1px solid var(--ddd-status-border-new) !important;
}

/* Очікує оплати */
.ddd-order-status-pending,
.order-status-pending {
    background: var(--ddd-status-bg-pending) !important;
    color: var(--ddd-status-text-pending) !important;
    border:1px solid var(--ddd-status-border-pending) !important;
}

/* В обробці */
.ddd-order-status-processing,
.order-status-processing {
    background: var(--ddd-status-bg-processing) !important;
    color: var(--ddd-status-text-processing) !important;
    border:1px solid var(--ddd-status-border-processing) !important;
}

/* Виконано */
.ddd-order-status-completed,
.order-status-completed {
    background: var(--ddd-status-bg-completed) !important;
    color: var(--ddd-status-text-completed) !important;
    border:1px solid var(--ddd-status-border-completed) !important;
}

/* Скасовано */
.ddd-order-status-cancelled,
.order-status-cancelled {
    background: var(--ddd-status-bg-cancelled) !important;
    color: var(--ddd-status-text-cancelled) !important;
    border:1px solid var(--ddd-status-border-cancelled) !important;
}


.ddd-order-status-refunded,
.order-status-refunded {
    background: var(--ddd-status-bg-refunded) !important;
    color: var(--ddd-status-text-refunded) !important;
    border:1px solid var(--ddd-status-border-refunded) !important;
}

.ddd-order-status-failed,
.order-status-failed {
    background: var(--ddd-status-bg-failed) !important;
    color: var(--ddd-status-text-failed) !important;
    border:1px solid var(--ddd-status-border-failed) !important;
}


/* ==============================================
   КНОПКИ В СПИСКЕ ЗАКАЗОВ
   ============================================== */

.woocommerce-orders-table .button {
    border-radius: var(--ddd-btn-radius) !important;
    border: none !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    transition: background 0.25s ease, transform 0.2s ease !important;
}

/* Кнопка "Перегляд" */
.woocommerce-orders-table .button.view {
    color: var(--ddd-btn-view-text) !important;
    background: var(--ddd-btn-view-bg) !important;
    border: 1px solid var(--ddd-btn-view-border) !important;
}

.woocommerce-orders-table .button.view:hover {
    color: var(--ddd-btn-view-text-hover) !important;
    background: var(--ddd-btn-view-bg-hover) !important;
    border: 1px solid var(--ddd-btn-view-border-hover) !important;
    transform: translateY(-2px) !important;
}


/* Кнопка "Скасувати" */
.woocommerce-orders-table .button.cancel {
    color: var(--ddd-btn-cancel-text) !important;
    background: var(--ddd-btn-cancel-bg) !important;
    border: 1px solid var(--ddd-btn-cancel-border) !important;
    margin-left: 4px !important;
}

.woocommerce-orders-table .button.cancel:hover {
    color: var(--ddd-btn-cancel-text-hover) !important;
    background: var(--ddd-btn-cancel-bg-hover) !important;
    border: 1px solid var(--ddd-btn-cancel-border-hover) !important;
    transform: translateY(-2px) !important;
}


/* ==============================================
   6. АДАПТИВ
   ============================================== */

@media (max-width: 768px) {
    .ddd-last-order__header {
        flex-direction: column;
        align-items: flex-start;
    }
    .ddd-last-order__info {
        flex-direction: column;
        gap: 4px;
    }
}


/* ==============================================
   7. НАВИГАЦИЯ (элементор-виджеты)
   ============================================== */

.elementor-dashboard-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: var(--global-palette9, #ffffff);
    border: 1px dotted var(--global-palette6, #5d7b9d) !important;
    border-radius: 8px !important;
    padding: 16px 10px!important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    text-decoration: none;
    color: var(--global-palette3, #052f44);
}


/* ----- 7.1. ОБЩИЕ СТИЛИ ДЛЯ ВИДЖЕТОВ (card + current) ----- */
.ddd-nav-card1 .elementor-icon-box-wrapper,
.ddd-nav-card2 .elementor-icon-box-wrapper,
.ddd-nav-card3 .elementor-icon-box-wrapper,
.ddd-nav-card4 .elementor-icon-box-wrapper,
.ddd-nav-card5 .elementor-icon-box-wrapper,
.ddd-nav-current1 .elementor-icon-box-wrapper,
.ddd-nav-current2 .elementor-icon-box-wrapper,
.ddd-nav-current3 .elementor-icon-box-wrapper,
.ddd-nav-current4 .elementor-icon-box-wrapper,
.ddd-nav-current5 .elementor-icon-box-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex: 1;
    padding: 0 1em;
}

.ddd-nav-card1 .elementor-icon-box-icon,
.ddd-nav-card2 .elementor-icon-box-icon,
.ddd-nav-card3 .elementor-icon-box-icon,
.ddd-nav-card4 .elementor-icon-box-icon,
.ddd-nav-card5 .elementor-icon-box-icon,
.ddd-nav-current1 .elementor-icon-box-icon,
.ddd-nav-current2 .elementor-icon-box-icon,
.ddd-nav-current3 .elementor-icon-box-icon,
.ddd-nav-current4 .elementor-icon-box-icon,
.ddd-nav-current5 .elementor-icon-box-icon {
    flex-shrink: 0;
}

.ddd-nav-card1 .elementor-icon-box-content,
.ddd-nav-card2 .elementor-icon-box-content,
.ddd-nav-card3 .elementor-icon-box-content,
.ddd-nav-card4 .elementor-icon-box-content,
.ddd-nav-card5 .elementor-icon-box-content,
.ddd-nav-current1 .elementor-icon-box-content,
.ddd-nav-current2 .elementor-icon-box-content,
.ddd-nav-current3 .elementor-icon-box-content,
.ddd-nav-current4 .elementor-icon-box-content,
.ddd-nav-current5 .elementor-icon-box-content {
    flex: 1;
}

/* ----- 7.2. ВИДЖЕТ: ИКОНКА + ТЕКСТ (card) ----- */
.ddd-nav-card1 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card2 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card3 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card4 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card5 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current1 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current2 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current3 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current4 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current5 .elementor-icon-box-icon .elementor-icon {
    font-size: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.ddd-nav-card1 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card2 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card3 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card4 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card5 .elementor-icon-box-icon .elementor-icon {
    background: var(--color-icon-0);
}

.ddd-nav-card1:hover .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card1 .elementor-icon-box-icon .elementor-icon:hover {
    background: var(--color-icon-1);
    transform: scale(1.1);
}
.ddd-nav-card2:hover .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card2 .elementor-icon-box-icon .elementor-icon:hover {
    background: var(--color-icon-2);
    transform: scale(1.1);
}
.ddd-nav-card3:hover .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card3 .elementor-icon-box-icon .elementor-icon:hover {
    background: var(--color-icon-3);
    transform: scale(1.1);
}
.ddd-nav-card4:hover .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card4 .elementor-icon-box-icon .elementor-icon:hover {
    background: var(--color-icon-4);
    transform: scale(1.1);
}
.ddd-nav-card5:hover .elementor-icon-box-icon .elementor-icon,
.ddd-nav-card5 .elementor-icon-box-icon .elementor-icon:hover {
    background: var(--color-icon-5);
    transform: scale(1.1);
}

/* ----- 7.3. ВИДЖЕТ: ТОЛЬКО ИКОНКА ----- */
.ddd-nav-card1 .elementor-icon-wrapper,
.ddd-nav-card2 .elementor-icon-wrapper,
.ddd-nav-card3 .elementor-icon-wrapper,
.ddd-nav-card4 .elementor-icon-wrapper,
.ddd-nav-card5 .elementor-icon-wrapper,
.ddd-nav-current1 .elementor-icon-wrapper,
.ddd-nav-current2 .elementor-icon-wrapper,
.ddd-nav-current3 .elementor-icon-wrapper,
.ddd-nav-current4 .elementor-icon-wrapper,
.ddd-nav-current5 .elementor-icon-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex: 1;
    padding: 0 1em;
}

.ddd-nav-card1 .elementor-icon,
.ddd-nav-card2 .elementor-icon,
.ddd-nav-card3 .elementor-icon,
.ddd-nav-card4 .elementor-icon,
.ddd-nav-card5 .elementor-icon,
.ddd-nav-current1 .elementor-icon,
.ddd-nav-current2 .elementor-icon,
.ddd-nav-current3 .elementor-icon,
.ddd-nav-current4 .elementor-icon,
.ddd-nav-current5 .elementor-icon {
    flex-shrink: 0;
}

.ddd-nav-card1 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card2 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card3 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card4 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card5 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current1 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current2 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current3 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current4 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current5 .elementor-icon-wrapper .elementor-icon {
    font-size: 40px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.ddd-nav-card1 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card2 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card3 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card4 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card5 .elementor-icon-wrapper .elementor-icon {
    background: var(--color-icon-0);
}

.ddd-nav-card1 .elementor-icon-wrapper,
.ddd-nav-card2 .elementor-icon-wrapper,
.ddd-nav-card3 .elementor-icon-wrapper,
.ddd-nav-card4 .elementor-icon-wrapper,
.ddd-nav-card5 .elementor-icon-wrapper,
.ddd-nav-current1 .elementor-icon-wrapper,
.ddd-nav-current2 .elementor-icon-wrapper,
.ddd-nav-current3 .elementor-icon-wrapper,
.ddd-nav-current4 .elementor-icon-wrapper,
.ddd-nav-current5 .elementor-icon-wrapper {
    flex: 1;
}

.ddd-nav-card1:hover .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card1 .elementor-icon-wrapper .elementor-icon:hover {
    background: var(--color-icon-1);
    transform: scale(1.1);
}
.ddd-nav-card2:hover .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card2 .elementor-icon-wrapper .elementor-icon:hover {
    background: var(--color-icon-2);
    transform: scale(1.1);
}
.ddd-nav-card3:hover .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card3 .elementor-icon-wrapper .elementor-icon:hover {
    background: var(--color-icon-3);
    transform: scale(1.1);
}
.ddd-nav-card4:hover .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card4 .elementor-icon-wrapper .elementor-icon:hover {
    background: var(--color-icon-4);
    transform: scale(1.1);
}
.ddd-nav-card5:hover .elementor-icon-wrapper .elementor-icon,
.ddd-nav-card5 .elementor-icon-wrapper .elementor-icon:hover {
    background: var(--color-icon-5);
    transform: scale(1.1);
}

/* ----- 7.4. АКТИВНОЕ СОСТОЯНИЕ (current) ----- */
.ddd-nav-current1 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current1:hover .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current1 .elementor-icon-box-icon .elementor-icon:hover {
    background: var(--color-icon-1);
}
.ddd-nav-current2 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current2:hover .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current2 .elementor-icon-box-icon .elementor-icon:hover {
    background: var(--color-icon-2);
}
.ddd-nav-current3 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current3:hover .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current3 .elementor-icon-box-icon .elementor-icon:hover {
    background: var(--color-icon-3);
}
.ddd-nav-current4 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current4:hover .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current4 .elementor-icon-box-icon .elementor-icon:hover {
    background: var(--color-icon-4);
}
.ddd-nav-current5 .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current5:hover .elementor-icon-box-icon .elementor-icon,
.ddd-nav-current5 .elementor-icon-box-icon .elementor-icon:hover {
    background: var(--color-icon-5);
}

.ddd-nav-current1 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current1:hover .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current1 .elementor-icon-wrapper .elementor-icon:hover {
    background: var(--color-icon-1);
}
.ddd-nav-current2 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current2:hover .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current2 .elementor-icon-wrapper .elementor-icon:hover {
    background: var(--color-icon-2);
}
.ddd-nav-current3 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current3:hover .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current3 .elementor-icon-wrapper .elementor-icon:hover {
    background: var(--color-icon-3);
}
.ddd-nav-current4 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current4:hover .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current4 .elementor-icon-wrapper .elementor-icon:hover {
    background: var(--color-icon-4);
}
.ddd-nav-current5 .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current5:hover .elementor-icon-wrapper .elementor-icon,
.ddd-nav-current5 .elementor-icon-wrapper .elementor-icon:hover {
    background: var(--color-icon-5);
}


/* ----- 7.5. АДАПТИВ НАВИГАЦИИ ----- */
@media (max-width: 1024px) {
    .ddd-nav-card1 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card2 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card3 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card4 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card5 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-current1 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-current2 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-current3 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-current4 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-current5 .elementor-icon-wrapper .elementor-icon {
        font-size: 40px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    
    .ddd-nav-card1 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card2 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card3 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card4 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card5 .elementor-icon-wrapper .elementor-icon {
        background: var(--color-icon-6);
    }  
}

@media (max-width: 480px) {
    .ddd-nav-card1 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card2 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card3 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card4 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-card5 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-current1 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-current2 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-current3 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-current4 .elementor-icon-wrapper .elementor-icon,
    .ddd-nav-current5 .elementor-icon-wrapper .elementor-icon {
        font-size: 30px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}


/* ==============================================
   8. КАРТОЧКИ АДРЕСОВ (my-address)
   ============================================== */

.woocommerce-Address-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 12px;
}

.woocommerce-Address-title h2 {
    color: var(--global-palette5,#3d5e81);
    margin: 0;
}

/* .ddd-address-edit-wrap {
    margin: 0;
} */

.woocommerce-Address address {
    font-style: normal;
    color: var(--global-palette6, #5d7b9d);
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
    padding-top: 8px;
}


/* ==============================================
   9. ФОРМА РЕДАКТИРОВАНИЯ АДРЕСА (form-edit-address)
   ============================================== */

.ddd-address-form {
    background: var(--global-palette9, #ffffff);
    border: 1px solid var(--global-palette7, #d5dce4);
    border-radius: 8px;
    padding: 24px 28px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin: 20px 0!important;
}

.ddd-address-form-header {
    margin: 20px 0;
}

.ddd-address-form-header h2 {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--global-palette3, #052f44);
    margin: 0 0 4px 0;
}

.ddd-address-form-subtitle {
    font-size: 0.95rem;
    color: var(--global-palette6, #5d7b9d);
    margin: 0;
}

.ddd-address-form-fields .form-row {
    margin-bottom: 16px;
}

.ddd-address-form-fields .form-row label {
    font-weight: 500;
    font-size: 0.95rem;
    color: var(--global-palette3, #052f44);
    display: block;
    margin-bottom: 4px;
}

.ddd-address-form-fields .form-row input,
.ddd-address-form-fields .form-row select {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid var(--global-palette6, #5d7b9d);
    border-radius: 4px;
    font-size: 1rem;
    background: var(--global-palette9, #ffffff);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ddd-address-form-fields .form-row input:focus,
.ddd-address-form-fields .form-row select:focus {
    border-color: var(--global-palette2, #4abc1a);
    box-shadow: 0 0 0 3px rgba(74, 188, 26, 0.15);
    outline: none;
}

.ddd-address-field-hint {
    font-size: 0.85rem;
    color: var(--global-palette6, #5d7b9d);
    margin-top: 4px;
    margin-bottom: 0;
    line-height: 1.4;
}

.ddd-address-form-actions {
    margin-top: 10px;
}

.ddd-address-save-btn {
    background: var(--global-palette2, #4abc1a);
    color: #ffffff;
    font-weight: 600;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
    font-size: 1rem;
}

.ddd-address-save-btn:hover {
    background: var(--global-palette3, #052f44);
    transform: translateY(-2px);
}


/* ==============================================
   10. АДАПТИВ ФОРМЫ АДРЕСА
   ============================================== */

@media (max-width: 768px) {
    .ddd-address-form {
        padding: 16px 18px;
    }
}


/* ==============================================
   11. ОСОБИСТІ ДАНІ (edit-account)
   ============================================== */

.woocommerce-EditAccountForm:not(.ddd-address-form) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 50px;
}

.woocommerce-EditAccountForm:not(.ddd-address-form) .form-row:last-child {
    grid-column: 1 / -1;
    margin-top: 10px;
}

.woocommerce-EditAccountForm:not(.ddd-address-form) .form-row-first,
.woocommerce-EditAccountForm:not(.ddd-address-form) .form-row-last,
.woocommerce-EditAccountForm:not(.ddd-address-form) .form-row-wide {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

.woocommerce-EditAccountForm .form-row {
    margin-bottom: 16px;
}

.woocommerce-EditAccountForm .form-row label {
    font-weight: 500;
    font-size: 0.95rem;
    color: var(--global-palette3, #052f44);
    margin-bottom: 4px;
    display: block;
}

.ddd-account-fields .form-row input {
    border: 2px solid var(--global-palette6, #5d7b9d) !important;
    background: var(--global-palette9, #ffffff) !important;
    width: 100%;
    padding: 10px 14px;
    border-radius: 4px;
    font-size: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ddd-account-fields .form-row input:focus {
    border-color: var(--global-palette2, #4abc1a) !important;
    box-shadow: 0 0 0 3px rgba(74, 188, 26, 0.15) !important;
    outline: none;
}

.ddd-password-wrapper {
    border: 3px solid var(--global-palette7, #d5dce4);
    border-radius: 8px;
    padding: 20px 24px;
    background: var(--global-palette8, #F1F3F8);
    transition: border-color 0.2s ease;
}

.ddd-password-wrapper .ddd-password-title {
    font-family: var(--global-heading-font-family) !important;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.2;
    color: var(--global-palette4, #094C72);
    margin-bottom: 16px;
    display: block;
}

.ddd-password-wrapper .form-row input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--global-palette7, #d5dce4);
    border-radius: 4px;
    font-size: 1rem;
    background: var(--global-palette9, #ffffff);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ddd-password-wrapper .form-row input:focus {
    border-color: var(--global-palette2, #4abc1a);
    box-shadow: 0 0 0 3px rgba(74, 188, 26, 0.2);
    outline: none;
}

.show-password-input {
    background: var(--global-palette8, #F1F3F8) !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    margin-left: 8px !important;
}

.show-password-input:hover {
    background: var(--global-palette7, #d5dce4) !important;
}

.show-password-input::after {
    content: "👁️";
    font-size: 1rem;
}

.woocommerce-EditAccountForm .form-row input[type="submit"],
.woocommerce-EditAccountForm .form-row button {
    background: var(--global-palette2, #4abc1a);
    color: #ffffff;
    font-weight: 600;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
    font-size: 1rem;
}

.woocommerce-EditAccountForm .form-row input[type="submit"]:hover,
.woocommerce-EditAccountForm .form-row button:hover {
    background: var(--global-palette3, #052f44);
    transform: translateY(-2px);
}


/* ==============================================
   АДАПТИВ ДЛЯ "ОСОБИСТІ ДАНІ" (edit-account)
   ============================================== */

@media (max-width: 768px) {
    .woocommerce-EditAccountForm:not(.ddd-address-form) {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .woocommerce-EditAccountForm .ddd-password-wrapper {
        margin-top: 10px;
    }
}


 
/* ==============================================
   ПОЛЯ ФОРМЫ АДРЕСА (как на чекауте)
   ============================================== */

/* --- Лейбл --- */
.woocommerce-address-fields__field-wrapper .form-row label {
    font-weight: 500;
    font-size: 0.95rem;
    color: var(--global-palette3, #052f44);
    display: block;
    margin-bottom: 4px;
}

/* --- Поля ввода --- */
.woocommerce-address-fields__field-wrapper .form-row input,
.woocommerce-address-fields__field-wrapper .form-row select,
.woocommerce-address-fields__field-wrapper .form-row textarea {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid var(--global-palette6, #5d7b9d);
    border-radius: 4px;
    font-size: 1rem;
    background: var(--global-palette9, #ffffff);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* --- Фокус --- */
.woocommerce-address-fields__field-wrapper .form-row input:focus,
.woocommerce-address-fields__field-wrapper .form-row select:focus,
.woocommerce-address-fields__field-wrapper .form-row textarea:focus {
    border-color: var(--global-palette2, #4abc1a);
    box-shadow: 0 0 0 3px rgba(74, 188, 26, 0.15);
    outline: none;
}


/* --- Скрываем "необов'язково" --- */
.woocommerce-address-fields__field-wrapper .optional {
    display: none !important;
}

/* ==============================================
   14. ПРАВКА НАТИВНОГО WOO (уведомления)
   ============================================== */

.woocommerce-MyAccount-content .woocommerce-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
}

@media (max-width: 600px) {
    .woocommerce-MyAccount-content .woocommerce-info {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button {
        width: 100%;
        text-align: center;
    }
}


/* ==============================================
   15. ДОПОЛНИТЕЛЬНЫЕ КЛАССЫ (сетка, поле, кнопка)
   ============================================== */

.ddd-account-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 50px;
}

@media (max-width: 768px) {
    .ddd-account-grid-2 {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.ddd-account-field {
    margin-bottom: 16px;
}

.ddd-account-field label {
    font-weight: 500;
    font-size: 0.95rem;
    color: var(--global-palette3, #052f44);
    margin-bottom: 4px;
    display: block;
}

.ddd-account-field input,
.ddd-account-field select,
.ddd-account-field textarea {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid var(--global-palette6, #5d7b9d);
    border-radius: 4px;
    font-size: 1rem;
    background: var(--global-palette9, #ffffff);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ddd-account-field input:focus,
.ddd-account-field select:focus,
.ddd-account-field textarea:focus {
    border-color: var(--global-palette2, #4abc1a);
    box-shadow: 0 0 0 3px rgba(74, 188, 26, 0.15);
    outline: none;
}

.ddd-field-description {
    font-size: 0.85rem;
    color: var(--global-palette6, #5d7b9d);
    margin-top: 2px;
    display: block;
}

.ddd-account-password-box {
    border: 3px solid var(--global-palette7, #d5dce4);
    border-radius: 8px;
    padding: 20px 24px;
    background: var(--global-palette8, #F1F3F8);
    transition: border-color 0.2s ease;
}

.ddd-account-password-box .ddd-account-title {
    font-family: var(--global-heading-font-family) !important;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.2;
    color: var(--global-palette4, #094C72);
    margin-bottom: 16px;
    display: block;
}

.ddd-account-btn {
    background: var(--global-palette2, #4abc1a);
    color: #ffffff;
    font-weight: 600;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
    font-size: 1rem;
    display: inline-block;
    text-decoration: none;
}

.ddd-account-btn:hover {
    background: var(--global-palette3, #052f44);
    transform: translateY(-2px);
    color: #ffffff;
    text-decoration: none;
}

.ddd-account-form .ddd-account-field:last-child {
    margin-bottom: 0;
}

/* ==============================================
   АДАПТИВНАЯ ТАБЛИЦА ЗАКАЗОВ
   ============================================== */

@media (max-width: 768px) {
    .woocommerce-orders-table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .woocommerce-orders-table thead {
        display: none;
    }

    .woocommerce-orders-table tbody,
    .woocommerce-orders-table tr,
    .woocommerce-orders-table td {
        display: block;
        width: 100%;
    }
    
        .woocommerce-orders-table td {
        font-size: 0.95rem;          
    }
    .woocommerce-orders-table td::before {
        font-size: 0.9rem;         
    }

    .woocommerce-orders-table tr {
        margin-bottom: 20px;
        border: 1px solid var(--global-palette7, #d5dce4);
        border-radius: 8px;
        padding: 12px;
    }

    .woocommerce-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px solid var(--global-palette8, #f5f7fa);
    }

    .woocommerce-orders-table td:last-child {
        border-bottom: none;
    }

    .woocommerce-orders-table td::before {
        content: attr(data-title);
        font-weight: 600;
        color: var(--global-palette3, #052f44);
    }

    .woocommerce-orders-table td .order-status {
        display: inline-block;
        margin: 0;
    }
}



/* ==============================================
   СКРЫВАЕМ СТРОКУ "Дії" В ТАБЛИЦЕ (view-order)
   ============================================== */

.woocommerce-order-details .order-actions--heading,
.woocommerce-order-details td:has(.order-actions-button) {
    display: none !important;
}