/* PlusLicense foundation: foreground/background/interactive states belong
 * here, not to footer selectors. Existing product/sticky rules stay intact. */
:root {
    --pl-primary: #0F9F98;
    --pl-primary-hover: #0B7F79;
    --pl-primary-pressed: #096A65;
    --pl-primary-soft: #D7F5F2;
    --pl-graphite: #18232E;
    --pl-text: #1F2933;
    --pl-muted: #52616D;
    --pl-surface: #FFFFFF;
    --pl-bg: #F8FAFB;
    --pl-border: #E3E8ED;
    --pl-control-border: #85959F;
    --pl-link: #0B7F79;
    --pl-link-hover: #096A65;
    --pl-action: #0B7F79;
    --pl-action-hover: #096A65;
    --pl-focus: #0B7F79;
    --pl-font: "Cairo", Tahoma, Arial, sans-serif;
}

body:not(.wp-admin) {
    --theme-font-family: var(--pl-font);
    --theme-text-color: var(--pl-text);
    --theme-headings-color: var(--pl-graphite);
    --theme-palette-color-1: var(--pl-link);
    --theme-palette-color-2: var(--pl-link-hover);
    --theme-palette-color-3: var(--pl-text);
    --theme-palette-color-4: var(--pl-graphite);
    --theme-palette-color-5: var(--pl-border);
    --theme-palette-color-6: var(--pl-bg);
    --theme-palette-color-7: var(--pl-surface);
    --theme-palette-color-8: var(--pl-surface);
    --theme-link-initial-color: var(--pl-link);
    --theme-link-hover-color: var(--pl-link-hover);
    --theme-form-field-background-initial-color: #fff;
    --theme-form-field-background-focus-color: #fff;
    --theme-form-field-text-initial-color: var(--pl-text);
    --theme-form-field-text-focus-color: var(--pl-text);
    --theme-form-field-border-initial-color: var(--pl-control-border);
    --theme-form-field-border-focus-color: var(--pl-focus);
    color-scheme: light;
    background: #fff !important;
    color: var(--pl-text) !important;
}

body:not(.wp-admin) #main-container,
body:not(.wp-admin) #main {
    background: #fff !important;
    color: var(--pl-text);
}

/* Only containers inherit Cairo. Do not overwrite icon fonts/pseudo-elements. */
body:not(.wp-admin) #main {
    --theme-button-background-initial-color: var(--pl-action);
    --theme-button-background-hover-color: var(--pl-action-hover);
    --theme-button-text-initial-color: #fff;
    --theme-button-text-hover-color: #fff;
    font-family: var(--pl-font);
}
body:not(.wp-admin) #main a:not(.button):not([role="button"]) {
    --theme-link-initial-color: var(--pl-link);
    --theme-link-hover-color: var(--pl-link-hover);
}

body:not(.wp-admin) #main :where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--pl-focus);
    outline-offset: 3px;
}

/* Selection applies to the entire storefront, including dialogs and the header/footer. */
body:not(.wp-admin) {
    --theme-selection-text-color: #fff;
    --theme-selection-background-color: var(--pl-primary-hover, #0b7f79);
}
html body:not(.wp-admin) ::selection {
    color: #fff !important;
    background: var(--pl-primary-hover, #0b7f79) !important;
    text-shadow: none !important;
}
html body:not(.wp-admin) ::-moz-selection {
    color: #fff !important;
    background: var(--pl-primary-hover, #0b7f79) !important;
    text-shadow: none !important;
}


/* =========================================================
   PlusLicense — Typography Size Override
   مطابق تقريباً لمقياس الخطوط في المرجع
   ========================================================= */

:root {
    /* الصفحة */
    --pl-font-body: 15px;
    --pl-font-small: 13px;
    --pl-font-meta: 12px;

    /* صفحة المنتج */
    --pl-product-title-mobile: 18px;
    --pl-product-title-desktop: 20px;
    --pl-product-price: 20px;
    --pl-product-description: 14px;
    --pl-product-stock: 14px;
    --pl-product-tab: 14px;

    /* بطاقات المنتجات */
    --pl-card-title: 15px;
    --pl-card-subtitle: 12px;
    --pl-card-price: 18px;
    --pl-card-button: 14px;
    --pl-card-badge: 12px;
    --pl-card-rating: 12px;

    /* التقييمات */
    --pl-review-title: 20px;
    --pl-review-name: 14px;
    --pl-review-text: 14px;
    --pl-review-meta: 12px;

    /* Sticky bar */
    --pl-sticky-title: 15px;
    --pl-sticky-price: 16px;
    --pl-sticky-status: 12px;
    --pl-sticky-button: 14px;

    /* العناوين العامة */
    --pl-section-title: 22px;
}


/* =========================================================
   1. BASE
   ========================================================= */

body:not(.wp-admin),
body:not(.wp-admin) button,
body:not(.wp-admin) input,
body:not(.wp-admin) select,
body:not(.wp-admin) textarea {
    font-size: var(--pl-font-body);
}


/* =========================================================
   2. SINGLE PRODUCT
   ========================================================= */

/* عنوان المنتج */
.single-product .summary .product_title,
.single-product .summary .entry-title,
.single-product .product-entry-wrapper .summary h1 {
    font-size: var(--pl-product-title-mobile) !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

/* السعر */
.single-product .summary .price,
.single-product .summary .price .amount,
.single-product .summary .woocommerce-Price-amount {
    font-size: var(--pl-product-price) !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

/* الوصف القصير */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p {
    font-size: var(--pl-product-description) !important;
    line-height: 1.8 !important;
}

/* حالة التوفر */
.single-product .stock,
.single-product .plsn-stock,
.single-product .plsn-product-stock,
.single-product [class*="availability"] {
    font-size: var(--pl-product-stock) !important;
}

/* عدد التقييمات */
.single-product .woocommerce-review-link,
.single-product .mds-rating-reviews,
.single-product .mds-rating-reviews * {
    font-size: 13px !important;
}

/* أزرار الخيارات / التفاصيل / التقييمات */
.single-product .mds-product-jump__button,
.single-product .woocommerce-tabs .tabs a {
    font-size: var(--pl-product-tab) !important;
    line-height: 1.4 !important;
}

/* Labels */
.single-product form.cart label,
.single-product .wapf-field-label,
.single-product .variations label {
    font-size: 14px !important;
}

/* Inputs */
.single-product form.cart input,
.single-product form.cart select,
.single-product form.cart textarea {
    font-size: 14px !important;
}


/* =========================================================
   3. RELATED / SHOP PRODUCT CARDS
   ========================================================= */

/* عنوان البطاقة */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.related.products ul.products li.product .woocommerce-loop-product__title,
.single-product .related li.product .woocommerce-loop-product__title {
    font-size: var(--pl-card-title) !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
}

/* لا تكبر النص بسبب H2 الافتراضي */
.woocommerce ul.products li.product h2,
.related.products li.product h2 {
    font-size: var(--pl-card-title) !important;
}

/* السعر داخل البطاقة */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .woocommerce-Price-amount,
.related.products li.product .price,
.related.products li.product .price .amount {
    font-size: var(--pl-card-price) !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

/* زر أضف للسلة */
.woocommerce ul.products li.product .button,
.related.products li.product .button,
.ct-woo-card-actions .button {
    font-size: var(--pl-card-button) !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

/* Badge المدة */
.product-duration-badge {
    font-size: var(--pl-card-badge) !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

/* Rating badge */
.product-rating-badge,
.product-rating-badge-number,
.product-rating-badge-star {
    font-size: var(--pl-card-rating) !important;
    line-height: 1 !important;
}


/* =========================================================
   4. RELATED PRODUCTS HEADING
   ========================================================= */

.related.products > h2,
.single-product section.related > h2 {
    font-size: var(--pl-section-title) !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}


/* =========================================================
   5. REVIEWS
   ========================================================= */

#reviews,
#reviews p,
#reviews label,
#reviews input,
#reviews textarea,
#reviews button {
    font-size: var(--pl-review-text);
}

/* عنوان التقييمات */
#reviews .woocommerce-Reviews-title,
#reviews .comment-reply-title {
    font-size: var(--pl-review-title) !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
}

/* اسم العميل */
#reviews .woocommerce-review__author {
    font-size: var(--pl-review-name) !important;
    font-weight: 600 !important;
}

/* التاريخ */
#reviews .woocommerce-review__published-date,
#reviews .woocommerce-review__dash,
#reviews .meta {
    font-size: var(--pl-review-meta) !important;
}

/* نص المراجعة */
#reviews .description,
#reviews .description p {
    font-size: var(--pl-review-text) !important;
    line-height: 1.75 !important;
}

/* Labels الفورم */
#reviews .comment-form label {
    font-size: 14px !important;
}

/* زر إرسال */
#reviews #submit {
    font-size: 14px !important;
    font-weight: 600 !important;
}


/* =========================================================
   6. STICKY PURCHASE BAR
   ========================================================= */

.plsn-sticky-purchase__title {
    font-size: var(--pl-sticky-title) !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.plsn-sticky-purchase__price,
.plsn-sticky-purchase__price .amount {
    font-size: var(--pl-sticky-price) !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

.plsn-sticky-purchase__status {
    font-size: var(--pl-sticky-status) !important;
    line-height: 1.3 !important;
}

.plsn-sticky-purchase button,
.plsn-sticky-purchase .button {
    font-size: var(--pl-sticky-button) !important;
    font-weight: 600 !important;
}


/* =========================================================
   7. BREADCRUMBS
   ========================================================= */

.single-product .woocommerce-breadcrumb,
.single-product .woocommerce-breadcrumb a,
.single-product [class*="breadcrumb"] {
    font-size: 13px !important;
}


/* =========================================================
   8. DESKTOP
   ========================================================= */

@media (min-width: 768px) {

    .single-product .summary .product_title,
    .single-product .summary .entry-title,
    .single-product .product-entry-wrapper .summary h1 {
        font-size: var(--pl-product-title-desktop) !important;
    }
}


/* =========================================================
   9. SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    :root {
        --pl-section-title: 20px;

        --pl-card-title: 14px;
        --pl-card-price: 17px;
        --pl-card-button: 13px;

        --pl-sticky-title: 13px;
        --pl-sticky-price: 14px;
    }

    .single-product .summary .product_title,
    .single-product .summary .entry-title {
        line-height: 1.45 !important;
    }
}

/* =========================================================
   WooCommerce Review Rating Picker
   FIX: correct visual order + fill direction in RTL
   ========================================================= */

.single-product #reviews .comment-form-rating {
    direction: rtl !important;
    text-align: right !important;
}


/* Stars container */
.single-product #reviews p.stars {
    display: block !important;
    direction: ltr !important;
    text-align: right !important;
    margin: 7px 0 0 !important;
    padding: 0 !important;
}


/*
 * نتحكم في الترتيب بأنفسنا.
 *
 * DOM:
 * star-1 star-2 star-3 star-4 star-5
 *
 * Visual:
 * 5 4 3 2 1
 *
 * وبالتالي 1 تكون أقصى اليمين.
 */
.single-product #reviews p.stars > span {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    direction: ltr !important;
    gap: 5px !important;

    width: auto !important;
    max-width: 100% !important;
}


/* Explicit visual order */
.single-product #reviews p.stars a.star-1 {
    order: 5 !important;
}

.single-product #reviews p.stars a.star-2 {
    order: 4 !important;
}

.single-product #reviews p.stars a.star-3 {
    order: 3 !important;
}

.single-product #reviews p.stars a.star-4 {
    order: 2 !important;
}

.single-product #reviews p.stars a.star-5 {
    order: 1 !important;
}


/* Individual star */
.single-product #reviews p.stars a {
    float: none !important;

    position: relative !important;
    display: block !important;

    flex: 0 0 24px !important;

    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;

    height: 24px !important;
    min-height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    text-indent: -9999px !important;
    text-decoration: none !important;

    color: #CBD3DA !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    line-height: 1 !important;
}


/*
 * لا نعتمد على أيقونة WooCommerce الأصلية هنا،
 * لأن القالب يتدخل في اتجاهها وحالتها.
 */
.single-product #reviews p.stars a::before {
    content: "★" !important;

    position: absolute !important;
    inset: 0 !important;

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

    width: 24px !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: Arial, "Segoe UI Symbol", sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 24px !important;

    text-indent: 0 !important;

    color: currentColor !important;

    opacity: 1 !important;
    transform: none !important;
}


/* ---------------------------------------------------------
   Selected rating
   --------------------------------------------------------- */

/* جميع النجوم حتى القيمة المختارة */
.single-product #reviews p.stars.selected:not(:hover) a {
    color: #F59E0B !important;
}


/*
 * النجوم الموجودة بعد العنصر المختار في DOM
 * هي القيم الأعلى، وتظهر بصريًا ناحية اليسار.
 */
.single-product #reviews p.stars.selected:not(:hover) a.active ~ a {
    color: #CBD3DA !important;
}


/* النجمة المختارة نفسها */
.single-product #reviews p.stars.selected:not(:hover) a.active {
    color: #F59E0B !important;
}


/* ---------------------------------------------------------
   Hover preview
   --------------------------------------------------------- */

.single-product #reviews p.stars:hover a {
    color: #F59E0B !important;
}

.single-product #reviews p.stars:hover a:hover ~ a {
    color: #CBD3DA !important;
}


/* Keyboard accessibility */
.single-product #reviews p.stars a:focus-visible {
    outline: 2px solid #0F9F98 !important;
    outline-offset: 2px !important;
    border-radius: 4px !important;
}

/* =========================================================
   Saved WooCommerce Reviews — Correct RTL star fill
   4/5 => ☆★★★★
   ========================================================= */

.single-product #reviews .commentlist .star-rating {
    position: relative !important;
    overflow: hidden !important;

    direction: rtl !important;
    text-align: right !important;

    float: none !important;
}


/* النجوم الرمادية الخمس */
.single-product #reviews .commentlist .star-rating::before {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    float: none !important;

    direction: rtl !important;
    text-align: right !important;
}


/* طبقة النجوم البرتقالية:
   width موجود أصلًا من WooCommerce مثل 80% */
.single-product #reviews .commentlist .star-rating > span {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    overflow: hidden !important;

    float: none !important;

    direction: rtl !important;
    text-align: right !important;
}


/* النجوم البرتقالية نفسها */
.single-product #reviews .commentlist .star-rating > span::before {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    direction: rtl !important;
    text-align: right !important;
}


/* الحفاظ على ألوانك */
.single-product #reviews .commentlist .star-rating::before {
    color: #CBD3DA !important;
}

.single-product #reviews .commentlist .star-rating > span::before {
    color: #F59E0B !important;
}