.elementor-56 .elementor-element.elementor-element-412d1c5d{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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 );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-377b87a5 *//*==============================================================
 TebyanTajhiz Professional My Account v1
 Part 1
==============================================================*/

:root{

--tb-primary:#0A84FF;
--tb-primary-dark:#0068d6;
--tb-bg:#f5f8fc;
--tb-white:#ffffff;
--tb-border:#e8eef6;
--tb-text:#243447;
--tb-muted:#7b8794;
--tb-radius:18px;
--tb-shadow:0 10px 30px rgba(25,40,70,.08);
--tb-transition:.35s ease;

}

body.woocommerce-account{

background:var(--tb-bg);

}

/* Container */

.woocommerce-account .woocommerce{

display:flex;

gap:35px;

align-items:flex-start;

max-width:1400px;

margin:auto;

padding:40px 20px;

}

/* Sidebar */

.woocommerce-MyAccount-navigation{

width:280px;

background:#fff;

border-radius:22px;

box-shadow:var(--tb-shadow);

padding:20px;

border:1px solid var(--tb-border);

position:sticky;

top:30px;

}

/* Menu */

.woocommerce-MyAccount-navigation ul{

margin:0;

padding:0;

list-style:none;

}

.woocommerce-MyAccount-navigation li{

margin-bottom:10px;

}

.woocommerce-MyAccount-navigation li:last-child{

margin-bottom:0;

}

/* Link */

.woocommerce-MyAccount-navigation a{

display:flex;

align-items:center;

justify-content:space-between;

padding:16px 18px;

border-radius:14px;

background:#fff;

text-decoration:none;

font-size:15px;

font-weight:700;

color:var(--tb-text);

transition:var(--tb-transition);

border:1px solid transparent;

}

/* Hover */

.woocommerce-MyAccount-navigation a:hover{

background:#eef6ff;

color:var(--tb-primary);

transform:translateX(-5px);

}

/* Active */

.woocommerce-MyAccount-navigation .is-active a{

background:linear-gradient(135deg,#0A84FF,#48b4ff);

color:#fff;

box-shadow:0 15px 30px rgba(10,132,255,.35);

}

/* Content */

.woocommerce-MyAccount-content{

flex:1;

background:#fff;

border-radius:22px;

padding:35px;

box-shadow:var(--tb-shadow);

border:1px solid var(--tb-border);

}

/* Headings */

.woocommerce-MyAccount-content h2,

.woocommerce-MyAccount-content h3{

font-size:28px;

color:var(--tb-text);

margin-bottom:25px;

}

/* Paragraph */

.woocommerce-MyAccount-content p{

line-height:2;

color:#5d6975;

}

/* Tables */

.woocommerce table.shop_table{

border:none;

border-radius:18px;

overflow:hidden;

box-shadow:0 5px 18px rgba(0,0,0,.05);

}

.woocommerce table.shop_table th{

background:#0A84FF;

color:#fff;

padding:18px;

border:none;

}

.woocommerce table.shop_table td{

padding:18px;

border-color:#edf2f7;

}

/* Buttons */

.woocommerce a.button,

.woocommerce button.button,

.woocommerce input.button{

background:#0A84FF!important;

color:#fff!important;

border-radius:14px!important;

padding:14px 26px!important;

border:none!important;

font-weight:700;

transition:.3s;

}

.woocommerce a.button:hover,

.woocommerce button.button:hover,

.woocommerce input.button:hover{

background:#0068d6!important;

transform:translateY(-3px);

}

/* Forms */

.woocommerce form{

border:none!important;

padding:0!important;

}/*==============================================================
 TebyanTajhiz Professional My Account
 Part 2
==============================================================*/

/* فاصله بین آیتم های منو */

.woocommerce-MyAccount-navigation li{
position:relative;
margin-bottom:12px;
}

/* آیکون ها */

.woocommerce-MyAccount-navigation-link--dashboard a:before{
content:"🏠";
margin-left:12px;
font-size:18px;
}

.woocommerce-MyAccount-navigation-link--orders a:before{
content:"📦";
margin-left:12px;
font-size:18px;
}

.woocommerce-MyAccount-navigation-link--downloads a:before{
content:"⬇️";
margin-left:12px;
font-size:18px;
}

.woocommerce-MyAccount-navigation-link--edit-address a:before{
content:"📍";
margin-left:12px;
font-size:18px;
}

.woocommerce-MyAccount-navigation-link--payment-methods a:before{
content:"💳";
margin-left:12px;
font-size:18px;
}

.woocommerce-MyAccount-navigation-link--edit-account a:before{
content:"👤";
margin-left:12px;
font-size:18px;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:before{
content:"🚪";
margin-left:12px;
font-size:18px;
}

/* فلش سمت چپ */

.woocommerce-MyAccount-navigation a:after{

content:"›";

font-size:22px;

opacity:.35;

transition:.3s;

}

.woocommerce-MyAccount-navigation a:hover:after{

opacity:1;

transform:translateX(-6px);

}

/* کارت خوش آمدگویی */

.woocommerce-MyAccount-content>.woocommerce-MyAccount-dashboard{

background:linear-gradient(135deg,#0A84FF,#38bdf8);

padding:35px;

border-radius:22px;

color:#fff;

margin-bottom:35px;

box-shadow:0 20px 45px rgba(10,132,255,.30);

}

.woocommerce-MyAccount-dashboard p{

color:#fff;

font-size:16px;

line-height:2;

}

/* لینک های داخل داشبورد */

.woocommerce-MyAccount-dashboard a{

color:#fff;

font-weight:700;

text-decoration:underline;

}

/* کارت ها */

.tb-account-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

margin-top:35px;

}

.tb-card{

background:#fff;

border-radius:20px;

padding:30px;

box-shadow:0 10px 25px rgba(0,0,0,.06);

transition:.35s;

border:1px solid #edf2f7;

}

.tb-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.tb-card h3{

margin:15px 0 10px;

font-size:20px;

}

.tb-card p{

margin:0;

color:#7b8794;

line-height:1.9;

}

.tb-card-icon{

font-size:40px;

width:70px;

height:70px;

display:flex;

align-items:center;

justify-content:center;

background:#eef6ff;

border-radius:18px;

}

/* فرم ها */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{

border:1px solid #dbe6f1;

border-radius:14px;

padding:14px 18px;

transition:.3s;

background:#fff;

}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{

border-color:#0A84FF;

box-shadow:0 0 0 4px rgba(10,132,255,.15);

outline:none;

}

/* اعلان ها */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{

border:none;

border-radius:16px;

padding:18px 22px;

box-shadow:0 8px 20px rgba(0,0,0,.05);

}/*==============================================================
 TebyanTajhiz Professional My Account
 Part 3
==============================================================*/

/* سفارش ها به شکل کارت */

.woocommerce table.shop_table tbody tr{

transition:.35s;

}

.woocommerce table.shop_table tbody tr:hover{

background:#f7fbff;

}

.woocommerce-orders-table__cell-order-number a{

font-weight:700;

color:#0A84FF;

text-decoration:none;

}

.woocommerce-orders-table__cell-order-number a:hover{

text-decoration:underline;

}

/* وضعیت سفارش */

.woocommerce-orders-table__cell-order-status{

font-weight:700;

}

.woocommerce-orders-table__cell-order-status .order-status{

padding:8px 16px;

border-radius:50px;

background:#eaf6ff;

color:#0A84FF;

}

/* آدرس ها */

.woocommerce-Address{

background:#fff;

border:1px solid #edf2f7;

border-radius:18px;

padding:25px;

box-shadow:0 8px 20px rgba(0,0,0,.05);

margin-bottom:25px;

transition:.35s;

}

.woocommerce-Address:hover{

transform:translateY(-5px);

box-shadow:0 18px 35px rgba(0,0,0,.10);

}

.woocommerce-Address-title{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

}

.woocommerce-Address-title h3{

margin:0;

font-size:22px;

}

/* فرم ها */

.woocommerce form{

background:#fff;

padding:30px!important;

border-radius:20px;

box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.select2-container--default .select2-selection--single{

height:52px;

border-radius:14px;

border:1px solid #dbe6f1;

}

.select2-container--default .select2-selection--single .select2-selection__rendered{

line-height:52px;

padding-right:18px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow{

height:52px;

}

/* لیبل ها */

.woocommerce form label{

font-weight:700;

margin-bottom:8px;

display:block;

color:#243447;

}

/* دکمه ها */

.woocommerce .button{

min-height:48px;

}

/* پیام ها */

.woocommerce-message{

border-right:5px solid #0A84FF;

}

.woocommerce-error{

border-right:5px solid #ff3b30;

}

.woocommerce-info{

border-right:5px solid #ff9500;

}

/* ریسپانسیو */

@media(max-width:1024px){

.woocommerce-account .woocommerce{

flex-direction:column;

}

.woocommerce-MyAccount-navigation{

width:100%;

position:relative;

top:0;

}

.woocommerce-MyAccount-content{

width:100%;

padding:25px;

}

}

/* موبایل */

@media(max-width:768px){

.woocommerce-account .woocommerce{

padding:15px;

}

.woocommerce-MyAccount-navigation{

padding:15px;

border-radius:18px;

}

.woocommerce-MyAccount-navigation a{

font-size:14px;

padding:14px;

}

.woocommerce-MyAccount-content{

padding:18px;

border-radius:18px;

}

.woocommerce table.shop_table{

display:block;

overflow-x:auto;

white-space:nowrap;

}

.woocommerce table.shop_table th,

.woocommerce table.shop_table td{

padding:14px;

font-size:13px;

}

.woocommerce h2,

.woocommerce h3{

font-size:22px!important;

}

}

/* موبایل کوچک */

@media(max-width:480px){

.woocommerce-account .woocommerce{

padding:10px;

}

.woocommerce-MyAccount-navigation a{

font-size:13px;

padding:12px;

}

.woocommerce a.button,

.woocommerce button.button,

.woocommerce input.button{

width:100%;

margin-top:10px;

}

}/*==============================================================
 TebyanTajhiz Account Dashboard
==============================================================*/

add_action('woocommerce_account_dashboard', 'tebyan_dashboard_cards', 5);

function tebyan_dashboard_cards() {

$user = wp_get_current_user();

$orders = wc_get_orders([
    'customer' => $user->ID,
    'limit' => -1,
    'return' => 'ids',
]);

$order_count = count($orders);

?>

<div class="tb-dashboard">

    <div class="tb-hero">
        <h2>سلام <?php echo esc_html($user->display_name); ?> 👋</h2>
        <p>به پنل کاربری تبیان تجهیز خوش آمدید.</p>
    </div>

    <div class="tb-account-grid">

        <div class="tb-card">
            <div class="tb-card-icon">📦</div>
            <h3><?php echo $order_count; ?></h3>
            <p>تعداد سفارش ها</p>
        </div>

        <div class="tb-card">
            <div class="tb-card-icon">❤️</div>
            <h3>پشتیبانی</h3>
            <p>ارتباط سریع با کارشناسان</p>
        </div>

        <div class="tb-card">
            <div class="tb-card-icon">📍</div>
            <h3>آدرس ها</h3>
            <p>مدیریت آدرس های شما</p>
        </div>

    </div>

</div>

<?php

}/* منوی حساب کاربری */

.woocommerce-MyAccount-navigation ul{
    padding:0;
    margin:0;
}

.woocommerce-MyAccount-navigation li{
    margin:8px 0;
}

.woocommerce-MyAccount-navigation li a{

    display:flex !important;
    align-items:center;
    justify-content:flex-start !important;

    gap:12px;

    min-height:52px;

    padding:14px 18px !important;

    line-height:1.5;

    white-space:nowrap;

}

.woocommerce-MyAccount-navigation li a::before{

    width:22px;
    text-align:center;
    flex:0 0 22px;

}

.woocommerce-MyAccount-navigation li a::after{

    display:none !important;

}/* ===== رفع فاصله آیکون و متن منوی حساب کاربری ===== */

.woocommerce-MyAccount-navigation ul li a{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    padding:16px 20px !important;
    min-height:58px;
    gap:0;
}

/* آیکون سمت راست */

.woocommerce-MyAccount-navigation ul li a:before{
    margin-left:14px !important;
    margin-right:0 !important;
    width:24px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
}

/* متن */

.woocommerce-MyAccount-navigation ul li a{
    font-size:15px;
    font-weight:700;
    line-height:1.6;
}

/* فلش حذف شود */

.woocommerce-MyAccount-navigation ul li a:after{
    display:none !important;
}/* حذف آیکون های قبلی */

.woocommerce-MyAccount-navigation a:before{
    content:none !important;
}/* End custom CSS */