.elementor-kit-11{--e-global-color-primary:#F7971D;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#000000;--e-global-typography-primary-font-family:"metropolis";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"calibri";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"calibri";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"calibri";--e-global-typography-accent-font-weight:500;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*************************************************
 *  تخطيط الـ Attributes: Size / Units / Color
 *************************************************/

.elementor-kit-11 form.cart table.variations,
.elementor-kit-11 form.cart table.variations tbody {
    display: grid !important;
 
    column-gap: 40px !important;   /* المسافة بين Size و Units */
    row-gap: 14px !important;      /* المسافة بين الصفوف */
    width: 100% !important;
    border: 0 !important;
}

/* كل سطر Attribute */
.elementor-kit-11 form.cart table.variations tr {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* نفترض الترتيب: 1 = Size, 2 = Units, 3 = Color */
.elementor-kit-11 form.cart table.variations tr:nth-child(1) { 
    grid-column: 1 !important;   /* Size يسار */
}
.elementor-kit-11 form.cart table.variations tr:nth-child(2) { 
    grid-column: 2 !important;   /* Units يمين */
}
.elementor-kit-11 form.cart table.variations tr:nth-child(3) { 
    grid-column: 1 !important;   /* Color تحت Size */
}

/*************************************************
 *  شكل الـ Pills (4mm / 6mm / Meter / Roll / Red ...)
 *************************************************/

/* كونتينر الاختيارات */
.elementor-kit-11 form.cart table.variations .value {
    margin: 0 0 6px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

/* الـ pill نفسها */
.elementor-kit-11 form.cart .value .variable-item,
.elementor-kit-11 form.cart .value .button-variable-item {
    box-sizing: border-box !important;
    width: auto !important;
    height: auto !important;

    border-radius: 999px !important;
    padding: 6px 16px !important;
    background: #e4f0f7 !important;
    color: #0d2636 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    line-height: 1.3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.15s ease-in-out !important;
}

/*************************************************
 *  صف زر Add to quote + صندوق الكمية
 *************************************************/

/* نخلي الصف Flex */
.elementor-kit-11 form.cart .woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-top: 20px !important;
    width: 100% !important;
}

/* ✅ الكمية على أقصى اليمين */
.elementor-kit-11 form.cart .woocommerce-variation-add-to-cart .quantity {
    margin-left: auto !important;
    background: #e4f0f7 !important;
    padding: 10px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ✅ الزر على الشمال – الزر الجديد من YITH */
.elementor-kit-11 form.cart .woocommerce-variation-add-to-cart .yith-ywraq-add-to-quote {
    order: 1 !important;
}

.elementor-kit-11 form.cart .woocommerce-variation-add-to-cart .quantity {
    order: 2 !important;
}

/*************************************************
 *  ستايل زر add-request-quote-button
 *************************************************/

.elementor-kit-11 .yith-ywraq-add-to-quote .add-request-quote-button.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
  margin-top: -60px !important;
    background: #ff9f1c !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border: none !important;
    text-transform: none !important;
}

/*************************************************
 *  صندوق الكمية (- 1 +)
 *************************************************/

.elementor-kit-11 form.cart .quantity input.qty {
    width: 40px !important;
    text-align: center !important;
    border: none !important;
    background: transparent !important;
    margin: 0 4px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #0d2636 !important;
}

.elementor-kit-11 form.cart .quantity button,
.elementor-kit-11 form.cart .quantity .qty-minus,
.elementor-kit-11 form.cart .quantity .qty-plus {
    background: transparent !important;
    border: none !important;
    padding: 0 6px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #0d2636 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}/* End custom CSS */