/**
 * أنماط صفحة المنتج الاحترافية — تَهادُوا.
 * يعتمد على متغيرات الهوية في tahado-theme.css.
 */

/* ===== السواتشات ===== */
.tahado-swatches { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 4px; }
.tahado-swatch { cursor: pointer; border: 2px solid var(--tahado-line); background: transparent; padding: 0; min-inline-size: 44px; min-block-size: 44px; border-radius: var(--tahado-radius-md); transition: border-color .2s, transform .15s; }
.tahado-swatch:hover { transform: translateY(-2px); }
.tahado-swatch.is-selected { border-color: var(--tahado-gold); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tahado-gold) 25%, transparent); }

.tahado-swatch--color { border-radius: 50%; width: 40px; height: 40px; min-inline-size: 40px; background: var(--swatch, #ccc); }
.tahado-swatch--color.is-selected { border-color: var(--tahado-gold); }

.tahado-swatch--chip { font-family: var(--tahado-font-body); font-size: 15px; padding: 10px 20px; }
.tahado-swatch--chip.is-selected { background: var(--tahado-gold); color: #fff; }

/* القائمة الأصلية: مخفية بصرياً — تبقى لقارئات الشاشة والاحتياط */
.tahado-swatch-select-fallback { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* اسم القيمة المختارة أسفل السواتشات */
.tahado-swatch-selected { margin-top: 4px; font-family: var(--tahado-font-body); font-size: 15px; font-weight: 700; color: var(--tahado-purple); }
.tahado-swatch-selected[hidden] { display: none; }

/* رابط مسح الخيارات — سطر صغير هادئ بعد سطر الاسم */
.tahado-swatch-select-fallback + .reset_variations,
td.value > .reset_variations { margin: 8px 0 0; font-family: var(--tahado-font-body); font-size: 13px; font-weight: 700; color: var(--tahado-mute); }
td.value > .reset_variations:hover { color: var(--tahado-purple); }

/* ===== شارة المخزون الحية ===== */
.tahado-lowstock-note { display: none; color: #b45309; background: color-mix(in srgb, #f59e0b 12%, transparent); border: 1px solid color-mix(in srgb, #f59e0b 35%, transparent); border-radius: var(--tahado-radius); padding: 10px 14px; font-weight: 700; margin: 10px 0 0; }

/* شارة بطاقة الحلقة (تكمل عائلة tahado-badge الموجودة) */
.tahado-badge--lowstock { background: #b45309; color: #fff; }

/* ===== شارات الثقة ===== */
.tahado-trust-badges { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; padding: 0; }
.tahado-trust-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--tahado-bg); border: 1px solid var(--tahado-line); border-radius: 999px; padding: 8px 14px; color: var(--tahado-purple); font-size: 13px; font-weight: 700; }
.tahado-trust-badge svg { color: var(--tahado-gold); flex-shrink: 0; }

/* ===== المشاركة ===== */
.tahado-share { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
.tahado-share__label { color: var(--tahado-mute); font-size: 13px; }
.tahado-share__btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--tahado-line); background: var(--tahado-surface); color: var(--tahado-text); transition: background .2s, color .2s; }
.tahado-share__btn--wa:hover { background: #25d366; border-color: #25d366; color: #fff; }
.tahado-share__btn--fb:hover { background: #1877f2; border-color: #1877f2; color: #fff; }
.tahado-share__btn--copy:hover { background: var(--tahado-gold); border-color: var(--tahado-gold); color: #fff; }

/* ===== الشريط اللاصق (موبايل) ===== */
.tahado-sticky-bar { display: none; position: fixed; inset-inline: 0; bottom: 0; z-index: 90; background: var(--tahado-surface); border-top: 1px solid var(--tahado-line); padding: 10px 16px; gap: 14px; align-items: center; transform: translateY(100%); transition: transform .25s; box-shadow: 0 -6px 24px rgb(0 0 0 / .08); }
.tahado-sticky-bar.is-visible { transform: translateY(0); }
.tahado-sticky-bar__price { font-weight: 800; color: var(--tahado-purple); font-size: 17px; }
.tahado-sticky-bar__btn { margin-inline-start: auto; background: var(--tahado-gold); color: #fff; border: 0; border-radius: 999px; padding: 12px 30px; font-family: var(--tahado-font-body); font-weight: 700; font-size: 15px; cursor: pointer; }

@media (max-width: 768px) {
    .tahado-sticky-bar { display: flex; }
    body { padding-bottom: 70px; } /* مساحة للشريط اللاصق */
}

/* ===== M4: الطلب المباشر ===== */
.tahado-quick-order-trigger {
    display: inline-block; margin-top: 14px; background: var(--tahado-purple); color: #fff;
    border: 0; border-radius: 999px; padding: 14px 34px; font-family: var(--tahado-font-body);
    font-size: 16px; font-weight: 800; cursor: pointer; transition: background .2s;
}
.tahado-quick-order-trigger:hover { background: var(--tahado-gold); }

.tahado-quick-order { background: var(--tahado-bg); border: 1px solid var(--tahado-line); border-radius: var(--tahado-radius); padding: 20px 22px; margin-top: 16px; }
.tahado-quick-order__title { font-family: var(--tahado-font-heading); color: var(--tahado-purple); margin: 0 0 14px; }

.tahado-quick-order__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; }
.tahado-qo-field { margin: 8px 0; }
.tahado-qo-field--wide { grid-column: 1 / -1; }
.tahado-qo-field label { display: block; font-weight: 700; margin-bottom: 5px; color: var(--tahado-text); font-size: 14px; }
.tahado-qo-field input, .tahado-qo-field select, .tahado-qo-field textarea {
    width: 100%; border: 1px solid var(--tahado-line); border-radius: var(--tahado-radius-md); padding: 11px 13px;
    font-family: var(--tahado-font-body); background: var(--tahado-surface);
}
.tahado-qo-field input:focus, .tahado-qo-field select:focus, .tahado-qo-field textarea:focus { border-color: var(--tahado-gold); outline: 2px solid color-mix(in srgb, var(--tahado-gold) 30%, transparent); }

.tahado-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.tahado-quick-order__summary { background: var(--tahado-surface); border: 1px dashed var(--tahado-line); border-radius: var(--tahado-radius-md); padding: 12px 16px; margin: 14px 0 4px; font-size: 15px; }
.tahado-qo-row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; }
.tahado-qo-row--total { border-top: 1px solid var(--tahado-line); margin-top: 6px; padding-top: 10px; font-weight: 800; color: var(--tahado-purple); font-size: 16px; }
.tahado-qo-row--note { color: var(--tahado-mute); font-size: 13px; }

.tahado-quick-order__error { background: #fdecea; color: #b3261e; border: 1px solid #f5c6c2; border-radius: var(--tahado-radius-md); padding: 10px 14px; font-weight: 700; }

.tahado-quick-order__submit {
    width: 100%; margin-top: 12px; background: var(--tahado-gold); color: #fff; border: 0;
    border-radius: 999px; padding: 15px; font-family: var(--tahado-font-body); font-size: 17px;
    font-weight: 800; cursor: pointer; transition: filter .2s;
}
.tahado-quick-order__submit:hover { filter: brightness(1.08); }
.tahado-quick-order__submit:disabled { opacity: .6; cursor: wait; }

.tahado-thankyou-wa__btn { background: #25d366 !important; color: #fff !important; font-weight: 800; border-radius: 999px !important; padding: 12px 30px !important; }

@media (max-width: 640px) {
    .tahado-quick-order__grid { grid-template-columns: 1fr; }
}


/* ===== صف أزرار الشراء الموحد =====
   ترتيب عمودي: المتغيرات (الألوان) بعرض كامل أعلى — أسفل الوصف المختصر —
   ثم صف: الكمية + أضف للسلة + اطلب الآن (جنباً إلى جنب)،
   ثم اطلب عبر واتساب بعرض كامل */
.tahado-product-actions {
    display: block;
    margin: 14px 0 8px;
}

/* الفاصل الفارغ من بلوكسي لا حاجة له داخل الصف */
.tahado-product-actions .ct-product-divider { display: none; }

/* حاوية نموذج السلة: عمود (المتغيرات فوق صف الأزرار) */
.tahado-product-actions .ct-product-add-to-cart {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* صف أفعال بلوكسي: كمية + زر إضافة + اطلب الآن */
.tahado-product-actions .ct-product-add-to-cart .ct-cart-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
}

/* حقل الكمية بعرضه الطبيعي مع توسيط رأسي */
.tahado-product-actions .ct-product-add-to-cart .quantity {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* زر أضف للسلة: يملأ المساحة المتبقية بلا كسر سطر */
.tahado-product-actions .ct-product-add-to-cart .single_add_to_cart_button {
    flex: 1 1 0;
    min-width: 0;
    min-height: 55px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tahado-purple);
    color: #fff;
    border: 0;
    border-radius: 999px;
    padding: 14px 18px;
    font-family: var(--tahado-font-body);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .01em;
    transition: background .2s;
}

.tahado-product-actions .ct-product-add-to-cart .single_add_to_cart_button:hover {
    background: var(--tahado-purple-deep);
}

/* زر واتساب: سطر ثانٍ بعرض كامل داخل الحاوية */
.tahado-product-actions .ct-product-add-to-cart .tahado-wa-order {
    flex: 1 1 100%;
}

/* زر الطلب المباشر: بجانب زر السلة داخل نفس الصف —
   نص حبري على ذهبي (تباين WCAG AA — الأبيض على الذهبي ممنوع) */
.tahado-product-actions .tahado-quick-order-trigger {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 55px;
    align-self: stretch;
    white-space: nowrap;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tahado-gold);
    color: var(--tahado-on-gold);
    border: 0;
    border-radius: 999px;
    padding: 14px 22px;
    font-family: var(--tahado-font-body);
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: filter .2s;
}

.tahado-product-actions .tahado-quick-order-trigger:hover {
    filter: brightness(.94);
}

/* حلقة التركيز الموحدة */
.tahado-product-actions .single_add_to_cart_button:focus-visible,
.tahado-product-actions .tahado-quick-order-trigger:focus-visible,
.tahado-product-actions .tahado-wa-order:focus-visible {
    outline: 3px solid var(--tahado-gold-light);
    outline-offset: 3px;
}

/* موبايل: تكديس رأسي كامل العرض */
@media (max-width: 600px) {
    .tahado-product-actions .ct-product-add-to-cart .single_add_to_cart_button { flex: 1 1 100%; }
    .tahado-product-actions .tahado-quick-order-trigger { flex: 1 1 100%; }
    .tahado-product-actions .ct-product-add-to-cart .quantity { justify-content: center; }
}

/* ===== الوضع الليلي: تحذير المخزون وخطأ الطلب — أسطح داكنة بنفس العائلة اللونية ===== */
html[data-tahado-theme="dark"] .tahado-lowstock-note {
	color: #FBBF24;
	background: color-mix(in srgb, #F59E0B 14%, var(--tahado-surface));
	border-color: color-mix(in srgb, #F59E0B 40%, var(--tahado-surface));
}
html[data-tahado-theme="dark"] .tahado-quick-order__error {
	background: color-mix(in srgb, #B3261E 22%, var(--tahado-surface));
	color: #F2B8B5;
	border-color: color-mix(in srgb, #B3261E 45%, var(--tahado-surface));
}