.elementor-10 .elementor-element.elementor-element-2d6fb9f3{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-8abbc93{--display:flex;}.elementor-10 .elementor-element.elementor-element-cd88dea{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:-36px;--margin-left:0px;--margin-right:0px;--padding-top:080px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-cd88dea:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-cd88dea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dragontea.com.ua/wp-content/uploads/2026/02/img_1243.png");background-position:bottom right;background-repeat:no-repeat;background-size:13% auto;}.elementor-10 .elementor-element.elementor-element-3aa9e9b{margin:0px 46px calc(var(--kit-widget-spacing, 0px) + 42px) 0px;}.elementor-10 .elementor-element.elementor-element-3aa9e9b.elementor-element{--align-self:flex-end;}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default, .select2-results__option, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab__payment-methods input[type=text]{background-color:#D0D0D0;}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-10 .elementor-element.elementor-element-138ebc9 #add_payment_method #payment #place_order{background-color:var( --e-global-color-accent );}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button:hover, .elementor-10 .elementor-element.elementor-element-138ebc9 #add_payment_method #payment #place_order:hover{background-color:#232323;}.elementor-10 .elementor-element.elementor-element-138ebc9{width:var( --container-widget-width, 1200px );max-width:1200px;background-color:var( --e-global-color-secondary );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:25px 25px 25px 25px;--container-widget-width:1200px;--container-widget-flex-grow:0;border-style:solid;border-color:#191919;border-radius:25px 25px 25px 25px;--tabs-normal-color:#D0D0D0;--tabs-hover-color:var( --e-global-color-primary );--tabs-active-color:var( --e-global-color-text );--tabs-border-type:none;--tabs-border-radius:0px 0px 0px 0px;--tabs-spacing:5px;--tabs-divider-weight:0px;--sections-background-color:var( --e-global-color-secondary );--sections-border-type:none;--sections-padding:15px 0px 0px 0px;--edit-link-margin-top:15px;--edit-link-margin-start:0px;--typography-section-titles-color:var( --e-global-color-primary );--section-title-spacing:0px;--general-text-color:var( --e-global-color-primary );--login-messages-color:var( --e-global-color-primary );--checkboxes-color:var( --e-global-color-text );--payment-methods-radio-buttons-color:var( --e-global-color-text );--links-normal-color:var( --e-global-color-primary );--links-hover-color:var( --e-global-color-primary );--forms-columns-gap-padding-right:calc( 0px/2 );--forms-columns-gap-padding-left:calc( 0px/2 );--forms-columns-gap-margin-left:calc( -0px/2 );--forms-columns-gap-margin-right:calc( -0px/2 );--forms-labels-color:var( --e-global-color-primary );--forms-fields-normal-color:var( --e-global-color-secondary );--forms-fields-border-radius:20px 20px 20px 20px;--forms-fields-padding:13px 13px 13px 13px;--forms-buttons-normal-text-color:var( --e-global-color-primary );--forms-buttons-border-radius:10px 10px 10px 10px;--tables-title-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Roboto", Sans-serif;font-size:14px;}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 15px + 40px );}.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-pagination{padding-bottom:0px;}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-size:15px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-content > div > p, .elementor-10 .elementor-element.elementor-element-138ebc9 address, .elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-EditAccountForm fieldset legend, .elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-ResetPassword p:nth-child(1), .elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-OrderUpdate{font-size:14px;}.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-form__label-for-checkbox span{font-size:13px;}.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-form-row label, .elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-address-fields label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.e-woo-select2-wrapper .select2-results__option{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-138ebc9 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (13px*2) + 16px );padding-left:13px;padding-right:13px;}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (13px*2) + 16px );right:13px;}.elementor-10 .elementor-element.elementor-element-138ebc9 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single{height:auto;}.elementor-10 .elementor-element.elementor-element-138ebc9 button.button, .elementor-10 .elementor-element.elementor-element-138ebc9 #add_payment_method #payment #place_order{font-weight:700;}body.elementor-page-10:not(.elementor-motion-effects-element-type-background), body.elementor-page-10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dragontea.com.ua/wp-content/uploads/2025/11/frame-12-e1770137222280.png");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-cd88dea{--content-width:1200px;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-form-row label, .elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-address-fields label{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-form-row label, .elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-address-fields label{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-138ebc9 *//* 1. Скидаємо стилі кнопки, щоб це був просто текст */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-navigation ul li a {
    background: transparent !important; /* Прибираємо фон */
    border: none !important; /* Прибираємо рамки */
    box-shadow: none !important;
    padding: 2px 0 !important; /* Робимо компактним */
    margin-bottom: 5px !important;
    display: inline-block !important; /* Кнопка стискається до ширини тексту */
    position: relative !important;
    width: auto !important; /* Не розтягувати на всю ширину */
    
}

/* 2. Малюємо червону лінію */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-navigation ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* Лінія прямо під текстом */
    height: 2px;
    width: 0%; /* Спочатку невидима */
    background-color: #DC2626 !important; /* Червоний */
    transition: width 0.4s ease-in-out;
}

/* 3. Ефект при наведенні (Hover) */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-navigation ul li a:hover::after {
    width: 100%;
}

/* 4. Ефект для активного пункту (Active) */
/* Тут ми врахували два варіанти класів, щоб точно спрацювало */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-navigation ul li.is-active a::after,
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-navigation ul li.current-menu-item a::after {
    width: 100%;
}
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}
/* 1. Робимо так, щоб Меню і Контент стояли рівно поруч (Flexbox) */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce {
    display: flex !important;
    align-items: flex-start !important; /* Вирівнюємо по верхньому краю */
    flex-wrap: nowrap !important; /* Забороняємо перенесення на ПК */
    align-items: stretch !important;
}

/* 2. Налаштування МЕНЮ (Ліва частина) */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-navigation {
    width: 30% !important; /* Ширина колонки меню */
    
    padding-right: 30px !important; /* Відступ всередині до лінії */
    border-right: 3px solid #191919
     !important; /* ЛІНІЯ-РОЗДІЛЮВАЧ СПРАВА ВІД МЕНЮ */
    margin-right: 20px !important; /* Відступ від лінії до тексту */
    flex-shrink: 0 !important; /* Щоб меню не стискалося */
}

/* 3. Налаштування КОНТЕНТУ (Права частина - Форми/Текст) */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-content {
    width: 80% !important; /* Ширина контенту */
    margin-top: 0 !important; /* ПРИБИРАЄМО ВІДСТУП, ЯКИЙ ЗСУВАВ УСЕ ВНИЗ */
    
    padding-left: 10px !important;
    border: none !important; /* Прибираємо ваші старі рамки тут */
}

/* --- Адаптація для МОБІЛЬНИХ (щоб не ламалося на телефоні) --- */
@media (max-width: 768px) {
    .elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce {
        flex-direction: column !important; /* Ставимо стовпчиком */
    }
    
    .elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-navigation {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 3px solid #191919 !important; /* Лінія переїжджає вниз */
        margin-right: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 20px !important;
        margin-bottom: 30px !important;
    }
    
    .elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-content {
        width: 100% !important;
    }
}
/* ================= ТАБЛИЦЯ ЗАМОВЛЕНЬ ================= */

/* 1. Номер замовлення (був синім -> став червоним) */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__cell-order-number a {
    color: #DC2626 !important; /* Твій фірмовий червоний */
    font-weight: bold !important;
    text-decoration: none !important;
}

/* 2. Загальний текст у таблиці (Дата, Статус, Сума) */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__cell,
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__cell-name {
    color: #d0d0d0 !important; /* Світло-сірий (щоб гарно читався на чорному) */
    font-size: 14px !important;
}

/* 3. Заголовки таблиці (Замовлення, Дата, Статус...) */
.elementor-10 .elementor-element.elementor-element-138ebc9 th.woocommerce-orders-table__header {
    color: #f5f5f5 !important; /* Білий колір */
    border-bottom: 3px solid #191919 !important; /* Темна лінія знизу */
    text-transform: uppercase !important; /* Великі літери для стилю */
    font-size: 14px !important;
    letter-spacing: 1px!important;
    text-align: center;
    padding-right:30px !important ;
}

/* 4. Кнопки дій ("Перегляд", "Оплатити", "Скасувати") */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-content .button {
    color: #f5f5f5 !important; /* Білий текст */
    margin: 2px;
    background-color: #191919 !important; /* Прозорий фон */
    border: 0px solid #252525 !important; /* Сіра рамка (замість синьої) */
    border-radius: 10px !important; /* Легке заокруглення */
    padding: 10px 20px !important;
    transition: all 0.3s ease !important;
    display:flex;
}

/* 5. Ефект при наведенні мишкою на кнопку */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-content .button:hover {
    background-color: #DC2626 !important; /* Червоний фон */
    border-color: #D02B2B !important; /* Червона рамка */
    color: #F5f5f5 !important;
}

/* 6. Прибираємо сині рамки, якщо вони десь лишилися */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__row td {
    border-top: 0px  !important; /* Темні розділювачі між рядками */
}

/* "Важка артилерія" проти білої лінії */

/* 1. Вимикаємо і рамку, і тінь (box-shadow) */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table th,
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__header,
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce table.shop_table thead th {
    border-top: none !important;
    box-shadow: none !important; /* Це найімовірніша причина! */
}
/* 1. Контейнер кнопок (вмикаємо перенос рядків) */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__cell-order-actions {
    display: flex !important;
    flex-wrap: wrap !important; /* Дозволяємо кнопкам падати вниз */
    gap: 4px !important; /* Відступ між кнопками */
    justify-content: space-between !important;
    min-width: 220px !important; /* Розширюємо колонку, щоб все влізло */
}

/* 2. Кнопка "ОПЛАТИТИ" (Pay) - Головна */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__cell-order-actions .pay {
    background-color: #DC2323 !important; /* Твій червоний колір */
    
    width: 100% !important; /* Розтягуємо на всю ширину (верхній ряд) */
    text-align: center !important;
    order: -1 !important; /* Примусово ставимо її першою */
}

/* Ефект наведення для "Оплатити" */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__cell-order-actions .pay:hover {
    background-color: #232323 !important; /* Трохи темніший при кліку */
    opacity: 1 !important;
}

/* 3. Кнопки "Перегляд" (View) та "Скасувати" (Cancel) */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__cell-order-actions .view,
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__cell-order-actions .cancel {
    flex-grow: 1 !important; /* Рівномірно ділять простір */
    width: 45% !important; /* Щоб їх було дві в ряд */
    text-align: center !important;
    
    /* Повертаємо сірий стиль для другорядних кнопок */
    background-color: #232323 !important;
   
}

/* На всяк випадок, універсальний стиль для тексту кнопок */
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-orders-table__cell-order-actions .button {
    padding: 10px 10px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    display: inline-block !important;
}
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-navigation-link--dashboard {
    display: none !important;
}

.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce-MyAccount-content-wrapper > p {
    display: none !important;
}
.elementor-10 .elementor-element.elementor-element-138ebc9 .woocommerce .u-columns {
    margin-top: -20px !important; /* Мінус тягне вгору. Грайся цим числом */
    padding-top: 0 !important;
}/* End custom CSS */