/* =====================================================
   BOOF — استایل‌های اضافه‌ی اتصال به بک‌اند (فاز ۱۴)
   بعد از style.css بارگذاری می‌شود.
===================================================== */

/* دکمه‌ی حساب در هدر (روی موبایل هم دیده می‌شود) */
.boof-account-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 14px;
    border:1px solid #cce8f6;
    border-radius:25px;
    background:#fff;
    color:var(--primary);
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.boof-account-link:hover{
    background:var(--primary-light);
}

/* خطای زیر فیلد */
.field-error{
    margin-top:6px;
    color:#c0392b;
    font-size:12px;
}

.form-field.has-error input,
.form-field.has-error select,
.form-field.has-error textarea{
    border-color:#c0392b;
}

/* دکمه‌ی غیرفعال هنگام ارسال */
.btn[disabled]{
    opacity:.6;
    cursor:not-allowed;
}

/* لیست خالی در پروفایل */
.empty-note{
    padding:14px 0;
    color:var(--muted);
    font-size:13px;
}

/* وضعیت لغو شده */
.order-status.cancelled{
    background:#fdecea;
    color:#c0392b;
}

/* ---------- رزرو نوبت: ساعت‌های خالی ---------- */
.slot-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(90px,1fr));
    gap:10px;
    margin-top:16px;
}

.slot-chip{
    position:relative;
    cursor:pointer;
}

.slot-chip input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.slot-chip span{
    display:block;
    padding:11px 6px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
    color:var(--text);
    font-weight:700;
    text-align:center;
    transition:.2s;
}

.slot-chip:hover span{
    border-color:var(--primary);
}

.slot-chip input:checked + span{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
}

.slot-chip input:focus-visible + span{
    outline:2px solid var(--primary-dark);
    outline-offset:2px;
}

.slot-hint{
    margin-top:16px;
    color:var(--muted);
    font-size:13px;
}

/* ---------- خلاصه‌ی رزرو ---------- */
.summary-lines{
    display:grid;
    gap:12px;
    margin-bottom:20px;
}

.summary-lines div{
    display:flex;
    flex-direction:column;
    gap:2px;
    padding-bottom:10px;
    border-bottom:1px dashed var(--border);
}

.summary-lines small{
    color:var(--muted);
    font-size:11px;
}

.summary-lines strong{
    color:var(--dark);
    font-size:13px;
}

.summary-lines .summary-empty{
    color:var(--muted);
    font-weight:400;
}

/* ---------- نتیجه‌ی پرداخت ---------- */
.result-card{max-width:560px;margin:30px auto;padding:36px 28px;background:#fff;border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);text-align:center}
.result-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;
    justify-content:center;font-size:30px;background:#eef1f5;color:#556}
.result-icon.success{background:#e4f6ea;color:#1c8a45}
.result-icon.error{background:#fde8e8;color:#c0392b}
.result-icon.warn{background:#fff3df;color:#c77a0a}
.result-card h2{margin:0 0 10px;font-size:22px}
.result-card p{margin:0 0 16px;line-height:1.9;color:#555}
.result-code{display:inline-block;margin-bottom:18px;padding:8px 16px;border-radius:10px;background:#f4f6f9;
    font-weight:700;direction:rtl}
.result-lookup{max-width:320px;margin:0 auto 16px;text-align:right}
.result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
.order-pay-link{margin-inline-start:10px;padding:6px 14px;border-radius:8px;background:#e07b00;color:#fff;
    font-size:13px;text-decoration:none;white-space:nowrap}
.free-shipping-message{margin-top:14px;font-size:13px;color:#555}

/* ---------- عکس محصولات صفحه‌ی اصلی: بدون برش ---------- */
.product-card .product-image{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center}
.product-card .product-image img{width:100%;height:100%;object-fit:contain;object-position:center}