/* =========================================================================
   AROOSYAR • My Account (WooCommerce) — هماهنگ با Design System v3
   نکته: کلاس‌های woocommerce-* پیش‌فرض ووکامرس هستن؛ رنگ/فونت/گردی از
   توکن‌های aroosyar-theme.css (--sky/--ink/--gold/--r و...) گرفته می‌شن.
   ========================================================================= */

.woocommerce-account .woocommerce{
    display:flex;
    align-items:flex-start;
    gap:var(--gap);
}

/* ------------------------------- سایدبار -------------------------------- */
.woocommerce .woocommerce-MyAccount-navigation{
    width:250px;
    flex:0 0 250px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--r);
    padding:14px;
    box-shadow:var(--sh-1);
}

.woocommerce .woocommerce-MyAccount-navigation ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:4px;
}

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

.woocommerce .woocommerce-MyAccount-navigation a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 14px;
    border-radius:var(--r-sm);
    color:var(--ink-2);
    font-weight:600;
    font-size:.9rem;
    transition:var(--t);
}

.woocommerce .woocommerce-MyAccount-navigation a:hover{
    background:var(--sky-100);
    color:var(--sky-600);
}

.woocommerce .woocommerce-MyAccount-navigation .is-active a{
    background:var(--sky);
    color:#fff;
    box-shadow:var(--sh-sky);
}

.woocommerce-MyAccount-navigation-link--customer-logout a{
    color:var(--bad);
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
    background:rgba(228,105,92,.1);
    color:var(--bad);
}

.woocommerce-MyAccount-navigation-link--edit-address,
.woocommerce-MyAccount-navigation-link--downloads{
    display:none;
}

/* ------------------------------ محتوای اصلی ------------------------------ */
.woocommerce .woocommerce-MyAccount-content{
    flex:1;
    min-width:0;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--r);
    padding:var(--pad);
    box-shadow:var(--sh-1);
}

.woocommerce h2,
.woocommerce h3{
    color:var(--ink);
    font-weight:800;
    margin-bottom:16px;
}

.woocommerce p{ color:var(--ink-2); line-height:1.9; }

.woocommerce a{ color:var(--sky-600); }
.woocommerce a:hover{ color:var(--sky-400); }

/* دکمه‌ها */
.woocommerce .button,
.woocommerce button,
.woocommerce input[type=submit],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button{
    background:var(--ink);
    color:#fff;
    border:none;
    border-radius:var(--r-sm);
    padding:11px 20px;
    font-weight:700;
    font-size:.88rem;
    transition:var(--t);
}

.woocommerce .button:hover,
.woocommerce button:hover,
.woocommerce input[type=submit]:hover{
    background:#1C2551;
    color:#fff;
    transform:translateY(-2px);
}

/* فرم‌ها */
.woocommerce input:not([type=checkbox]):not([type=radio]),
.woocommerce textarea,
.woocommerce select{
    width:100%;
    background:var(--sky-50);
    border:1px solid var(--line-strong);
    color:var(--ink);
    border-radius:var(--r-sm);
    padding:11px 14px;
    font-size:.9rem;
}

.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus{
    border-color:var(--sky-400);
    outline:none;
    background:#fff;
}

.woocommerce-form-row{ margin-bottom:18px; }
.woocommerce-form-row label{
    color:var(--ink);
    font-weight:700;
    font-size:.85rem;
    margin-bottom:6px;
    display:block;
}

/* جداول (سفارش‌ها، دانلودها) */
.woocommerce table.woocommerce-orders-table,
.woocommerce table.shop_table{
    width:100%;
    border-collapse:collapse;
    background:transparent;
}

.woocommerce table th{
    color:var(--muted);
    background:var(--sky-50);
    border-bottom:1px solid var(--line);
    padding:12px 14px;
    text-align:right;
    font-size:.82rem;
}

.woocommerce table td{
    padding:12px 14px;
    border-bottom:1px solid var(--line);
    font-size:.86rem;
    color:var(--ink-2);
}

.woocommerce table tr:hover td{ background:var(--sky-50); }

.woocommerce .woocommerce-orders-table__cell-order-status .woocommerce-order-status{
    display:inline-block;
    padding:4px 12px;
    border-radius:var(--r-pill);
    font-size:.76rem;
    font-weight:700;
    background:rgba(163,190,231,.18);
    color:var(--sky-600);
}

/* آدرس */
.woocommerce address{
    background:var(--sky-50);
    border:1px solid var(--line);
    border-radius:var(--r-sm);
    padding:16px;
    color:var(--ink-2);
    font-size:.88rem;
    line-height:2;
}

/* پیام‌ها */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
    display:flex;
    align-items:center;
    background:var(--sky-100);
    border:none;
    border-right:4px solid var(--sky);
    color:var(--ink);
    border-radius:var(--r-sm);
    padding:12px 16px;
    margin:0 0 20px;
    font-size:.88rem;
    line-height:1.8;
}
.woocommerce-error{ background:rgba(228,105,92,.08); border-right-color:var(--bad); }
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{ color:inherit; }

/* باکس داشبورد (پیشخوان) */
.woocommerce .woocommerce-MyAccount-content > p:first-child{
    background:var(--sky-50);
    border:1px solid var(--line);
    border-radius:var(--r-sm);
    padding:16px;
}

/* ریسپانسیو */
@media (max-width:991px){
    .woocommerce-account .woocommerce{ flex-direction:column; }
    .woocommerce .woocommerce-MyAccount-navigation{ width:100%; flex-basis:auto; }
    .woocommerce .woocommerce-MyAccount-navigation ul{ flex-direction:row; flex-wrap:wrap; }
    .woocommerce .woocommerce-MyAccount-navigation li{ flex:1 1 auto; }
    .woocommerce .woocommerce-MyAccount-navigation a{ justify-content:center; }
    .woocommerce .woocommerce-MyAccount-content{ width:100%; padding:var(--pad-sm); }
}

/* =========================================================================
   تب‌های اختصاصی عروس‌یار: «جشن‌های من» / «کسب‌وکارهای من»
   ========================================================================= */
.aroosyar-myaccount-events__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:22px;
}

.aroosyar-myaccount-events__header h2{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0;
    font-size:1.1rem;
}

.aroosyar-myaccount-events__actions{
    display:flex;
    align-items:center;
    gap:10px;
}

/* دکمهٔ راهنما */
.aroosyar-help-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:var(--surface);
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    border-radius:var(--r-sm);
    padding:9px 16px;
    font-weight:700;
    font-size:.84rem;
    cursor:pointer;
    transition:var(--t);
}
.aroosyar-help-btn:hover{ border-color:var(--sky-400); color:var(--sky-600); background:var(--sky-50); }

/* دکمهٔ اصلیِ افزودن (کسب‌وکارهای من) */
.aroosyar-btn-primary{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:var(--ink);
    color:#fff !important;
    border:none;
    border-radius:var(--r-sm);
    padding:10px 20px;
    font-weight:700;
    font-size:.86rem;
    transition:var(--t);
}
.aroosyar-btn-primary:hover{ background:#1C2551; color:#fff !important; transform:translateY(-2px); }

/* حالت خالی */
.aroosyar-empty-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:10px;
    padding:50px 20px;
    color:var(--muted);
    background:var(--sky-50);
    border:1px dashed var(--line-strong);
    border-radius:var(--r-sm);
}
.aroosyar-empty-state .icon-box{ background:var(--sky-100); color:var(--sky-600); }
.aroosyar-empty-state p{ margin:0; color:var(--muted); font-size:.88rem; }

/* گرید کارت‌ها */
.aroosyar-myaccount-events__grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
    gap:16px;
}

.aroosyar-event-card{
    display:flex;
    flex-direction:column;
    gap:8px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--r-sm);
    padding:18px;
    text-decoration:none !important;
    transition:var(--t);
}
.aroosyar-event-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--sh-2);
    border-color:var(--sky-200);
}

.aroosyar-event-card__icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:12px;
    background:var(--sky-100);
    color:var(--sky-600);
    display:flex;
    align-items:center;
    justify-content:center;
}

.aroosyar-event-card__thumb{
    width:100%;
    height:110px;
    border-radius:var(--r-sm);
    overflow:hidden;
    display:block;
    margin-bottom:4px;
}
.aroosyar-event-card__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.aroosyar-event-card h3{
    margin:0;
    font-size:.98rem;
    font-weight:700;
    color:var(--ink);
}

.aroosyar-event-card__meta{
    margin:0;
    font-size:.82rem;
    color:var(--ink-2);
}

.aroosyar-event-card__date{
    display:flex;
    align-items:center;
    gap:5px;
    margin:0;
    font-size:.78rem;
    color:var(--muted);
}
.aroosyar-event-card__date svg{ width:14px; height:14px; }

.aroosyar-event-card .chip{ align-self:flex-start; }

/* پاپ‌آپ راهنما */
.aroosyar-help-modal .modal-content{
    border:none;
    border-radius:var(--r);
    box-shadow:var(--sh-3);
}
.aroosyar-help-modal .modal-header{
    border-bottom:1px solid var(--line);
    padding:18px 20px;
}
.aroosyar-help-modal .modal-title{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:800;
    font-size:1rem;
    color:var(--ink);
}
.aroosyar-help-modal .modal-title svg{ color:var(--sky-600); }
.aroosyar-help-modal .modal-body{
    padding:20px;
    font-size:.9rem;
    color:var(--ink-2);
    line-height:2;
}
.aroosyar-help-modal .modal-body p:last-child{ margin-bottom:0; }
.aroosyar-help-modal .modal-body img{ max-width:100%; height:auto; border-radius:var(--r-sm); margin:10px 0; }
.aroosyar-help-modal .modal-body iframe,
.aroosyar-help-modal .modal-body video{ width:100%; aspect-ratio:16/9; border:none; border-radius:var(--r-sm); margin:10px 0; }

@media (max-width:575px){
    .aroosyar-myaccount-events__header{ flex-direction:column; align-items:stretch; }
    .aroosyar-myaccount-events__actions{ justify-content:stretch; }
    .aroosyar-myaccount-events__actions > *{ flex:1; justify-content:center; }
    .aroosyar-myaccount-events__grid{ grid-template-columns:1fr; }
}