/* ==========================================================================
   Component styles restored from the old Customizer "Additional CSS" (post 74).
   On 2026-09-20 the Customizer was switched to a new post (49460) holding a copy
   of styles.css, and these rules stopped printing - product tabs, add-to-cart,
   price, gallery, sort dropdown, filters, nav carets, Show More, etc. lost their
   styling (audit L1). They are printed at the same point the Customizer used
   (wp_head, after Elementor), so the cascade is what it was before 2026-09-20.
   The only change: font declarations use the TP Sans token.
   ========================================================================== */

.plg_nav_menu a.has-submenu { position: relative; margin-right: 6px !important; }
.plg_nav_menu a.has-submenu::after { content: ""; position: absolute; top: 50%; right: 0; transform: translate(0% , -50%); width: 10px; height: 10px; background-image: url(/wp-content/uploads/2025/07/angle-down.svg); background-repeat: no-repeat; background-size: contain; opacity: 1 !important; background-color: transparent !important; margin-top: 2px; }
html[lang="ar"] .plg_nav_menu a.has-submenu::after { right: auto !important; left: 0 !important; margin-left: 6px !important; margin-right: 0 !important; }
.plg_nav_menu span.sub-arrow { padding: 4px !important; }
.plg_nav_menu span.sub-arrow svg { display: none; }
.plg_frequently_asked_questions details:first-child { border-top: 2px solid #DCEDF7; }
.plg_contact_form textarea { resize: none; }
.plg_contact_form button[type="submit"]:hover { opacity: 1 !important; }
.plg_select_vehicle_button .elementor-button-icon { font-size: 20px; margin-top: -2px; }
.plg_rectangle { clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%); }
html[lang="ar"] .plg_rectangle { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 3% 100%); }
.plg-text-underline { border-bottom: 2px solid var( --e-global-color-secondary ); padding-bottom: 2px; }
.plg-text-underline.bold { font-weight: 500 }
.plg_gradient_heading { background: linear-gradient(to bottom, white, #FCFFB7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.plg_highlight_span_secondary { color: var( --e-global-color-secondary ); }
.plg_highlight_span_secondary.bold { font-weight: 600; }
html[lang="ar"] .single-product .tinv-wraper { position: absolute; top: 32px; left: 30px; right: auto; }
.single-product .tinv-wraper { position: absolute; top: 32px; right: 30px; }
.single-product .tinv-wraper a { width: 40px; height: 40px; cursor: pointer; }
.single-product .tinv-wraper a::before { content: "" !important; width: 30px; height: 30px; background: url('/wp-content/uploads/2025/07/heart-regular-icon.svg'); background-size: contain; background-repeat: no-repeat; }
.single-product .tinv-wraper a.tinvwl-product-in-list::before { content: "" !important; background: url('/wp-content/uploads/2025/07/heart-fillable-icon.svg'); background-size: contain; background-repeat: no-repeat; }
.plg_single_product_gallery .single-product-main-image a.wpgs-lightbox-icon img { border: 2px solid #F0F3F5; border-radius: 12px; }
.plg_single_product_gallery .zoomtoo-container img.attachment-shop_single { border: 2px solid #F0F3F5; border-radius: 12px; }
.plg_single_product_gallery .wpgs-nav .slick-slide { border-radius: 12px; border: 2px solid #f0f3f5; }
.plg_single_product_gallery .wpgs-nav .slick-current { border: 2px solid #8fc6e4; }
.plg_single_product_gallery .wpgs-nav .slick-slide img { border-radius: 10px; }
.plg_single_product_gallery .wpgs-nav .slick-active img { opacity: 1 !important; }
.plg_single_product_gallery span.onsale { background-color: var( --e-global-color-primary ); color: #3B3B3B; font-family: var(--tp-font-sans); font-weight: 500; border: 2px solid #3B3B3B; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 16px; }
.plg_single_product_brand img { width: 118px; }
.plg_single_product_price .price { display: flex; flex-direction: row-reverse; justify-content: start; gap: 10px; }
.plg_single_product_price p.price { margin: 0 !important; }
.plg_single_product_price .woocommerce-Price-amount bdi { display: flex; align-items: center; flex-direction: row-reverse; gap: 3px; }
.plg_single_product_price .woocommerce-Price-amount .woocommerce-Price-currencySymbol { font-size: 0; display: inline-block; width: 36px; height: 36px; vertical-align: middle; }
.plg_single_product_price .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol { background: url('/wp-content/uploads/2025/07/Saudi_Riyal_Symbol.png') no-repeat center center; background-size: contain; }
.plg_single_product_price .woocommerce-Price-amount bdi { color: #000000; }
.plg_single_product_price del .woocommerce-Price-amount bdi { color: #797777; }
.plg_single_product_price ins { text-decoration: none !important; }
.plg_single_product_price ins .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol { background: url('/wp-content/uploads/2025/07/Saudi_Riyal_Symbol.png') no-repeat center center; background-size: contain; }
.plg_single_product_price del .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol { background: url('/wp-content/uploads/2025/07/Saudi_Riyal_Symbol_Gray.svg') no-repeat center center; background-size: contain; }
.plg_add_to_cart .woocommerce-variation-price { display: none; }
.plg_add_to_cart .variations_form table tbody { display: flex; flex-direction: column-reverse; }
html[lang="ar"] .plg_add_to_cart .variations_form table tr th { flex-direction: row-reverse; justify-content: flex-end; }
html[lang="ar"] .plg_add_to_cart .variations_form table tr th span.woo-selected-variation-item-name { direction: ltr; }
html[lang="ar"] .plg_add_to_cart .variations_form table tr th label, html[lang="ar"] .plg_add_to_cart .variations_form table tr th span { font-family: "Cairo Semibold", sans-serif; }
.plg_add_to_cart .variations_form table tr th { padding: 0 !important; display: flex !important; align-items: center !important; }
.plg_add_to_cart .variations_form table tr th label, .plg_add_to_cart .variations_form table tr th span { font-family: var(--tp-font-sans); font-weight: 500 !important; color: #000; font-size: 16px; }
.plg_add_to_cart .variations_form table tr th, .plg_add_to_cart .variations_form table tr td { background-color: transparent !important; }
.plg_add_to_cart .variations_form table tr td { padding-top: 6px !important; }
.plg_add_to_cart .variations_form table tr td a.reset_variations { display: none !important; }
html[lang="ar"] .plg_add_to_cart .variations_form table .color-variable-items-wrapper li:first-child { margin-left: 6px !important; }
.plg_add_to_cart .variations_form table .color-variable-items-wrapper li:first-child { margin-left: 0 !important; }
.plg_add_to_cart .variations_form table .color-variable-items-wrapper li.variable-item { border-radius: 50% !important; box-shadow: none !important; }
.plg_add_to_cart .variations_form table .color-variable-items-wrapper li.variable-item.selected { box-shadow: 0 0 0 1px #000 !important; }
.plg_add_to_cart .variations_form table .color-variable-items-wrapper li.variable-item:hover { box-shadow: 0 0 0 1px #000 !important; }
.plg_add_to_cart .variations_form table .color-variable-items-wrapper .variable-item-span-color { border-radius: 50% !important; }
html[lang="ar"] .plg_add_to_cart button.single_add_to_cart_button { margin-right: 16px !important; margin-left: 0 !important; }
.plg_add_to_cart button.single_add_to_cart_button { margin-left: 16px !important; position: relative; }
.plg_add_to_cart .variations_form table li.variable-item.disabled .variable-item-contents::before { background-image: url('/wp-content/uploads/2025/07/variation-disabled-mark.svg') !important; background-size: 74%; }
html[lang="ar"] .plg_add_to_cart .variations_form table .button-variable-items-wrapper li:first-child { margin-left: 8px !important; }
.plg_add_to_cart .variations_form table .button-variable-items-wrapper li:first-child { margin-left: 0 !important; }
.plg_add_to_cart .variations_form table .button-variable-items-wrapper li.variable-item { box-shadow: none !important; border: 2px solid #D9D9D9; font-size: 14px !important; font-family: var(--tp-font-sans); font-weight: 500 !important; border-radius: 4px !important; min-width: auto !important; width: auto !important; padding: 2px 10px !important; height: auto !important; }
.plg_add_to_cart .variations_form table .button-variable-items-wrapper li.variable-item.selected { border: 2px solid #0d74d3; }
.plg_add_to_cart .variations_form table .button-variable-items-wrapper li.variable-item:hover { border: 2px solid #0d74d3; }
.plg_add_to_cart .variations_form table tr:last-child { margin-top: -14px; }
.plg_add_to_cart p.stock.out-of-stock { height: 0; margin: 0 !important; opacity: 0; visibility: hidden; margin-top: 0; }
.plg_add_to_cart button.single_add_to_cart_button::before { content: ""; position: absolute; background: url(/wp-content/uploads/2025/07/plus-icon.svg); width: 14px; height: 14px; background-repeat: no-repeat; background-size: cover; background-position: center; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: -64px; }
html[lang="ar"] .plg_add_to_cart .qib-button-wrapper { flex-direction: row-reverse; }
.plg_add_to_cart .qib-button-wrapper { margin: 0 !important; }
.plg_add_to_cart .qib-button-wrapper button { margin: 0 !important; height: 54px !important; position: relative; color: transparent !important; padding: 6px 26px 8px !important; }
.plg_add_to_cart .qib-button-wrapper button::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f9f9f9; border-color: #c1c1c1; }
.plg_add_to_cart .qib-button-wrapper button.plus { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border: 0 !important; }
.plg_add_to_cart .qib-button-wrapper button.minus { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border: 0 !important; }
.plg_add_to_cart .qib-button-wrapper button.plus::after { background: url('/wp-content/uploads/2025/07/radius-plus-icon.svg'); background-repeat: no-repeat; background-position: center; background-size: 16px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border: 2px solid #c1c1c1; border-left: 0; }
.plg_add_to_cart .qib-button-wrapper button.minus::after { background: url('/wp-content/uploads/2025/07/radius-minus-icon.svg'); background-repeat: no-repeat; background-position: center; background-size: 16px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border: 2px solid #c1c1c1; border-right: 0; }
.plg_add_to_cart .qib-button-wrapper div.quantity.wqpmb_quantity { height: 54px !important; }
.plg_add_to_cart input { background-color: #fff; border-radius: 0 !important; height: 100% !important; border: 2px solid #c1c1c1 !important; font-family: var(--tp-font-sans); font-size: 16px; font-weight: 700; width: 60px !important; }
html[lang="ar"] .plg_single_product_data_tabs button.elvora-accordion-button { padding-left: 0 !important; padding-right: 40px !important; font-family: "Cairo Semibold", sans-serif; text-align: right; }
.plg_single_product_data_tabs button.elvora-accordion-button { font-family: var(--tp-font-sans); font-weight: 600; padding-left: 30px !important; }
.plg_single_product_data_tabs button.elvora-accordion-button::after { left: 0 !important; margin-top: -7px; }
html[lang="ar"] .plg_single_product_data_tabs .elvora-accordion-content { padding-top: 0 !important; padding-right: 8px !important; padding-bottom: 0 !important; font-family: "Cairo Regular", sans-serif; }
.plg_single_product_data_tabs .elvora-accordion-content { padding-top: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; font-family: var(--tp-font-sans); }
.plg_single_product_data_tabs .elvora-accordion-content p { font-weight: 400; font-size: 16px; color: #000; line-height: 24px; }
.plg_single_product_data_tabs .elvora-accordion-content h1, .plg_single_product_data_tabs .elvora-accordion-content h2, .plg_single_product_data_tabs .elvora-accordion-content h3, .plg_single_product_data_tabs .elvora-accordion-content h4, .plg_single_product_data_tabs .elvora-accordion-content h5, .plg_single_product_data_tabs .elvora-accordion-content h6 { font-size: 32px; font-weight: 600; color: #000; }
.plg_single_product_data_tabs .elvora-accordion-content .yikes-custom-woo-tab-title { display: none; }
.plg_filter_box.active .plg_filter { display: block; }
.plg_filter_box h2 { cursor: pointer; position: relative; }
.plg_filter_box.active h2::after { background-image: url('/wp-content/uploads/2025/07/angle-up.svg'); }
.plg_filter_box h2::after { content: ""; position: absolute; margin-top: 2px; top: 50%; right: 0; width: 12px; height: 12px; background-image: url('/wp-content/uploads/2025/07/angle-down.svg'); background-repeat: no-repeat; background-size: 12px; transform: translate(0px, -50%); }
html[lang="ar"] .plg_filter_box h2::after { right: auto; left: 0; }
.plg_filter_box .plg_filter { display: none; }
.plg_filter .facetwp-facet { margin: 0 !important; display: flex; flex-direction: column; gap: 4px; }
.plg_filter .facetwp-checkbox { background: url("/wp-content/uploads/2025/07/check-box-tic.svg") 0 68% no-repeat !important; background-size: 16px 16px !important; padding-left: 28px !important; }
.plg_filter .facetwp-checkbox.checked { background-image: url("/wp-content/uploads/2025/07/check-box.svg") !important; }
.plg_filter .facetwp-display-value { font-family: var(--tp-font-sans); font-size: 14px; font-weight: 400; }
html[lang="ar"] .plg_filter .facetwp-display-value { font-family: "Cairo Semibold", Sans-serif; }
.plg_filter .facetwp-counter { display: none; }
/* Category filter (hierarchical FacetWP checkboxes): FacetWP opens a group with display: inherit, which takes the flex of .facetwp-facet but not its column direction, and floats the [+] toggle onto its own line. */
.plg_filter .facetwp-type-checkboxes .facetwp-depth { margin: 4px 0 0 14px; }
html[lang="ar"] .plg_filter .facetwp-type-checkboxes .facetwp-depth { margin: 4px 14px 0 0; }
.plg_filter .facetwp-type-checkboxes .facetwp-depth.visible { display: flex; flex-direction: column; gap: 4px; }
.plg_filter .facetwp-checkbox:has(> .facetwp-expand) { display: flex; align-items: center; }
.plg_filter .facetwp-expand { margin-left: auto; padding: 0 2px 0 8px; font-size: 12px; color: #777; }
html[lang="ar"] .plg_filter .facetwp-expand { margin-left: 0; margin-right: auto; padding: 0 8px 0 2px; }
.plg_filter_box .plg_filter select { font-family: var(--tp-font-sans); font-size: 14px; border: 1px solid #E6E5E5; border-radius: 4px; padding: 12px !important; background-color: transparent !important; outline: none !important; }
html[lang="ar"] .plg_filter_box .plg_filter select { font-family: "Cairo Semibold", Sans-serif; }
.plg_filter input[type="text"] { padding: 12px 16px; border-radius: 4px; font-family: var(--tp-font-sans); color: #000; font-size: 14px; border: 1px solid #e6e5e5; font-weight: 500; outline: none; }
html[lang="ar"] .plg_filter input[type="text"] { font-family: "Cairo Semibold", Sans-serif; }
.plg_filter input[type="button"] { width: 100%; font-family: var(--tp-font-sans); background-color: var(--e-global-color-secondary) !important; border: 1px solid var(--e-global-color-secondary) !important; color: #000; font-weight: 600; border-radius: 4px; cursor: pointer; padding: 10px 20px; font-size: 16px; margin-top: 6px; }
html[lang="ar"] .plg_filter input[type="button"] { font-family: "Cairo Semibold", Sans-serif; }
.glp_product_listing .fwpl-layout { grid-gap: 50px 24px !important; }
.glp_product_listing .el-product-thumbnail-container { position: relative; }
.glp_product_listing .el-product-thumbnail-container img { width: 100%; height: 300px; object-fit: contain; }
.glp_product_listing .tpcf-facet-wp-product-sale-badge-container { position: absolute; top: 10px; left: 10px; background-color: var(--e-global-color-primary); font-family: var(--tp-font-sans); height: 30px; padding: 0 8px; display: flex; align-items: center; justify-content: center; }
.glp_product_listing .tpcf-facet-wp-product-sale-badge-container .tpcf-facet-wp-product-sale-badge { font-size: 12px; color: #000; font-family: var(--tp-font-sans); }
html[lang="ar"] .glp_product_listing .tpcf-facet-wp-product-sale-badge-container .tpcf-facet-wp-product-sale-badge { font-family: "Cairo Medium", Sans-serif; direction: ltr; }
.glp_product_listing .el-brand-logo img { width: 84px; min-height: none !important; margin: 0 !important; }
.glp_product_listing .el-plug-id { margin-top: -5px; font-family: var(--tp-font-sans); font-size: 14px; font-weight: 500; color: #474747; }
html[lang="ar"] .glp_product_listing .el-plug-id { font-family: "Cairo Medium", Sans-serif; }
.glp_product_listing .fwpl-row.el-brand-container { display: flex !important; align-items: center; justify-content: space-between; }
.glp_product_listing .el-title a { margin: 0; font-family: var(--tp-font-sans); font-weight: 600; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 10px; margin-bottom: 6px; color: #000000; }
html[lang="ar"] .glp_product_listing .el-title a { font-family: "Cairo Medium", Sans-serif; font-weight: 500; }
.glp_product_listing .el-excerpt { font-family: var(--tp-font-sans); font-size: 14px; color: #474747; margin: 0; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
html[lang="ar"] .glp_product_listing .el-excerpt { font-family: "Cairo Medium", Sans-serif; }
.glp_product_listing .tpcf-facet-wp-product-rating-container { display: flex; align-items: center; gap: 6px; margin-bottom: 12px; }
html[lang="ar"] .glp_product_listing .tpcf-facet-wp-product-rating-container { flex-direction: row-reverse; justify-content: flex-end; }
.glp_product_listing .tpcf-facet-wp-product-rating-container .tpcf-facet-wp-product-rating-stars { display: flex; align-items: center; gap: 6px; }
html[lang="ar"] .glp_product_listing .tpcf-facet-wp-product-rating-container .tpcf-facet-wp-product-rating-stars { flex-direction: row-reverse; }
.glp_product_listing .tpcf-facet-wp-product-rating-container .tpcf-facet-wp-product-rating-stars span img { width: 18px; height: 18px; }
.glp_product_listing .tpcf-facet-wp-product-rating-container p { margin: 0; font-size: 14px; font-family: var(--tp-font-sans); font-weight: 600; margin-bottom: 5px; }
html[lang="ar"] .glp_product_listing .tpcf-facet-wp-product-rating-container p { font-family: "Cairo Medium", Sans-serif; }
.glp_product_listing .el-price { display: flex; align-items: center; gap: 8px; }
.glp_product_listing .el-price p { display: flex; align-items: center; gap: 4px; font-family: var(--tp-font-sans); font-size: 14px; font-weight: 600; }
html[lang="ar"] .glp_product_listing .el-price p { font-family: "Cairo Medium", Sans-serif; }
.glp_product_listing .el-price p img { width: 15px; height: 15px; margin-bottom: 2px; }
.glp_product_listing .el-price p.sale-price { color: #000; }
.glp_product_listing .el-price p.regular-price { color: #797777; }
.glp_product_listing .tpcf-product-card-add-to-cart-btn { background-color: var(--e-global-color-secondary); width: 100%; display: flex; align-items: center; justify-content: center; padding: 8px 0; border-radius: 4px; font-family: var(--tp-font-sans); font-size: 16px; font-weight: 600; gap: 8px; color: #000; }
html[lang="ar"] .glp_product_listing .tpcf-product-card-add-to-cart-btn { font-family: "Cairo Regular", Sans-serif; font-weight: 500; }
.glp_product_listing .tpcf-product-card-add-to-cart-btn svg { width: 14px; height: 14px; }
.glp_product_listing_show_more_button button { background-color: transparent !important; border: 2px solid #000 !important; color: #000 !important; padding: 10px 16px !important; border-radius: 6px; font-family: var(--tp-font-sans); width: 268px; font-weight: 500; font-size: 16px; }
html[lang="ar"] .glp_product_listing_show_more_button button { font-family: "Cairo Regular", Sans-serif; }
.plg_product_listing_sort_dropdown .facetwp-facet { margin: 0 !important; position: relative; }
html[lang="ar"] .plg_product_listing_sort_dropdown .facetwp-facet { margin-right: 14px !important; }
.plg_product_listing_sort_dropdown select { padding: 0 !important; border: none !important; outline: none !important; width: 174px; font-family: var(--tp-font-sans); font-size: 14px; font-weight: 500; cursor: pointer; background-color: transparent !important; color: #000 !important; }
.plg_product_listing_sort_dropdown .facetwp-facet::before { content: ""; position: absolute; top: 50%; left: -24px; width: 18px; height: 14px; background-image: url(/wp-content/uploads/2025/07/sort-arrow-icon.svg); background-size: cover; background-repeat: no-repeat; transform: translate(0, -50%); }
html[lang="ar"] .plg_product_listing_sort_dropdown .facetwp-facet::before { left: auto !important; right: -24px; }
html[lang="ar"] .plg_product_listing_sort_dropdown select { font-family: "Cairo Semibold", Sans-serif; }
@media (max-width: 1024px) {
  body.single-product { background-color: #FBFBFB; }
  .plg_single_product_data_tabs button.elvora-accordion-button { background-color: transparent !important; }
  .plg_single_product_data_tabs button.elvora-accordion-button:hover { background-color: transparent !important; }
  .glp_product_listing .fwpl-layout { grid-template-columns: repeat(2, 1fr) !important; }
  .glp_product_listing .el-plug-id { margin-top: -3px; }
  .plg_filter .facetwp-checkbox { background-image: url("/wp-content/uploads/2025/07/check-box-tic.svg") !important; position: relative; }
  .plg_filter .facetwp-checkbox::after { content: ""; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; background-image: url(/wp-content/uploads/2025/07/check-box-tic.svg) !important; background-size: contain; background-repeat: no-repeat; transform: translate(0, -50%); margin-top: 1px; }
  .plg_filter .facetwp-checkbox.checked::after { background-image: url(/wp-content/uploads/2025/07/check-box.svg) !important; }
  .plg_filter .facetwp-display-value { color: #000; }
  .plg_filter_box .plg_filter select { padding: 10px !important; }
}
@media (max-width: 767px) {
  .plg_single_product_brand img { width: 96px; }
  .plg_single_product_price .woocommerce-Price-amount .woocommerce-Price-currencySymbol { width: 20px; height: 20px; }
  .plg_add_to_cart .variations_form table tr th label, .plg_add_to_cart .variations_form table tr th span { font-size: 14px; }
  .plg_add_to_cart .variations_form table .button-variable-items-wrapper li.variable-item { font-size: 12px; padding: 0 10px !important; }
  .qib-button-wrapper .quantity input.input-text.qty.text { font-size: 14px; padding: 0; }
  .plg_add_to_cart input { width: 34px !important; border: 1px solid #c1c1c1 !important; }
  .plg_add_to_cart .qib-button-wrapper button { padding: 6px 0 8px !important; width: 34px; height: 44px !important; }
  .plg_add_to_cart .qib-button-wrapper button.plus::after, .plg_add_to_cart .qib-button-wrapper button.minus::after { background-size: 12px; border: 1px solid #c1c1c1 !important; }
  .plg_add_to_cart .qib-button-wrapper div.quantity.wqpmb_quantity { height: 44px !important; }
  .plg_add_to_cart button.single_add_to_cart_button::before { width: 13px; height: 13px; margin-left: -52px; }
  .plg_single_product_data_tabs button.elvora-accordion-button { font-size: 16px !important; padding-left: 24px !important; padding-bottom: 8px !important; background-color: transparent !important; }
  .plg_single_product_data_tabs button.elvora-accordion-button:hover { background-color: transparent !important; }
  .elvora-accordion-button:after { width: 13px !important; height: 11px !important; margin-top: -4px !important; }
  .plg_single_product_data_tabs .elvora-accordion-content { padding: 10px 0 !important; }
  .plg_single_product_data_tabs .elvora-accordion-content p { font-size: 14px; line-height: 22px; margin-bottom: 0 !important; }
  .plg_single_product_data_tabs .elvora-accordion-content h1, .plg_single_product_data_tabs .elvora-accordion-content h2, .plg_single_product_data_tabs .elvora-accordion-content h3, .plg_single_product_data_tabs .elvora-accordion-content h4, .plg_single_product_data_tabs .elvora-accordion-content h5, .plg_single_product_data_tabs .elvora-accordion-content h6 { font-size: 24px; }
  .plg_product_listing_sort_dropdown .facetwp-facet::before { width: 16px; height: 13px; left: -22px; }
  html[lang="ar"].plg_product_listing_sort_dropdown .facetwp-facet::before { left:0; right: -22px; }
  .plg_product_listing_sort_dropdown select { width: 155px; font-size: 12px; }
  .glp_product_listing .fwpl-layout { grid-template-columns: repeat(1, 1fr) !important; }
  .glp_product_listing .fwpl-layout { grid-gap: 32px 24px !important; }
  .glp_product_listing .tpcf-product-card-add-to-cart-btn svg { margin-top: -1px; }
  .glp_product_listing .el-product-thumbnail-container img { margin-bottom: 10px; }
  .glp_product_listing_show_more_button button { padding: 8px 16px !important; font-size: 14px; }
  .plg_contact_form .ff-t-container { display: flex; align-items: center; gap: 6px; }
  html[lang="ar"] .plg_product_listing_sort_dropdown .facetwp-facet { margin-right: 22px; }
}
.price-section { display: flex; align-content: center; align-items: center; gap: 15px }
.price-section .sale-price > img { width: 20px; margin-inline: 5px }
.price-section .sale-price { font-weight: bold; }
html[lang="ar"] .price-section { display: flex; align-content: center; align-items: center; gap: 15px }
html[lang="ar"] .price-section .sale-price > img { width: 20px; margin-inline: 5px }
html[lang="ar"] .price-section .sale-price { font-weight: bold; }
.plg_facet_load_items_count .elementor-shortcode { display: flex; }

/* ==========================================================================
   Vehicle modals on Arabic pages ("Select your Vehicle" and "Check compatibility").
   styles-rtl.css never received the current modal design (39 of the 107 rules
   exist only in styles.css), so Arabic pages showed the old small selects and
   maroon outline buttons. These are the styles.css rules, mirrored for RTL
   (left/right, 4-value margins/paddings/radii, text-align, background positions)
   and scoped to html[dir="rtl"] so English pages are untouched.
   ========================================================================== */
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal { position: fixed; top: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.6); transition: 0.3s; opacity: 0; visibility: hidden; z-index: 9999; padding: 20px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal.active { opacity: 1; visibility: visible; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content { width: 100%; max-width: 792px; padding: 30px 24px; background-color: #fff; border-radius: 10px; min-height: auto; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 25px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header h3 { margin: 0 !important; font-family: var(--tp-font-sans); font-size: 20px; font-weight: 600; color: #000; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header img { cursor: pointer; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicles-list-container { opacity: 1; pointer-events: all; transition: opacity 0.6s ease-in-out; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicles-list-container.fade { opacity: 0.4; pointer-events: none; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicles-list { display: flex; flex-direction: column; max-height: 362px; overflow: auto; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicles-list::-webkit-scrollbar { width: 6px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicles-list::-webkit-scrollbar-thumb { background: var(--e-global-color-secondary); border-radius: 4px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicles-list label { width: 100%; cursor: pointer; display: flex; align-items: center; padding: 18px 0; border-bottom: 1px solid #e6e5e5; font-family: var(--tp-font-sans); font-size: 16px; font-weight: 400; color: #000; margin: 0 !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicles-list label input[type="radio"] { display: none; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicles-list label .custom-radio-circle { display: flex; width: 24px; height: 24px; border: 1px solid #6b95ab; border-radius: 50%; margin-left: 16px !important; position: relative; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicles-list label input[type="radio"]:checked + .custom-radio-circle::after { content: ""; width: 18px; height: 18px; background-color: #6b95ab; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicle-error-text { margin-top: 18px !important; font-family: var(--tp-font-sans); font-size: 14px !important; font-weight: 500; background-color: #f8d7da; color: #721c24 !important; padding: 12px 16px; border-radius: 4px; width: 100%; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal { position: fixed; top: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.6); transition: 0.3s; opacity: 0; visibility: hidden; z-index: 9999; padding: 20px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal.active { opacity: 1; visibility: visible; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content { width: 100%; max-width: 792px; padding: 30px 14px; background-color: #fff; border-radius: 10px; min-height: 434px; max-height: 90vh; overflow: hidden; display: flex; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-main-container { overflow-y: auto; overflow-x: hidden; flex: 1; padding: 0 10px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-main-container::-webkit-scrollbar { width: 6px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header .tpcf-check-compatible-vehicle-modal-content-header-tabs { display: flex; align-items: center; width: 100%; border-bottom: 1px solid var(--e-global-color-secondary); padding-bottom: 12px; position: relative; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header .tpcf-check-compatible-vehicle-modal-content-header-tabs button { background-color: transparent !important; color: #555757 !important; border: none !important; padding: 0 18px !important; font-family: var(--tp-font-sans); font-size: 16px; font-weight: 600; transition: 0.3s; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header .tpcf-check-compatible-vehicle-modal-content-header-tabs span.tpcf-tab-indicator { position: absolute; bottom: 0; right: 0; left: auto; width: 50%; height: 1px; background-color: var(--e-global-color-secondary); transition: all 0.3s ease; }
html[dir="rtl"] html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header .tpcf-check-compatible-vehicle-modal-content-header-tabs span.tpcf-tab-indicator, html[dir="rtl"] html[lang="ar"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header .tpcf-check-compatible-vehicle-modal-content-header-tabs span.tpcf-tab-indicator { right: auto; left: 0; }
html[dir="rtl"] html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header .tpcf-check-compatible-vehicle-modal-content-header-tabs, html[dir="rtl"] html[lang="ar"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header .tpcf-check-compatible-vehicle-modal-content-header-tabs { direction: rtl; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-search-by-vin-form-container p.tpcf-vin-success-message { margin-top: 20px !important; margin-bottom: 0 !important; font-family: var(--tp-font-sans); font-size: 14px !important; font-weight: 700; color: #155724 !important; border-radius: 4px; display: none; width: 100%; text-align: center; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-search-by-vin-form-container p.tpcf-vin-success-message.show { display: block; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-search-by-vin-form-container p.tpcf-vin-error-message { margin-top: 20px !important; margin-bottom: 0 !important; font-family: var(--tp-font-sans); font-size: 14px !important; font-weight: 700; color: #721c24 !important; border-radius: 4px; display: none; width: 100%; text-align: center; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-search-by-vin-form-container p.tpcf-vin-error-message.show { display: block; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header .tpcf-check-compatible-vehicle-modal-content-header-tabs button.active { color: #000 !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header img { padding-right: 20px; padding-bottom: 12px; cursor: pointer; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container .tpcf-tab-content { opacity: 1; pointer-events: all; transition: opacity 0.6s ease-in-out; display: none; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container .tpcf-tab-content.fade { opacity: 0.4; pointer-events: none; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container .tpcf-tab-content.active { display: block; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form { min-height: 306px; display: flex; flex-direction: column; justify-content: space-between; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form label { color: #3B3B3B; font-family: var(--tp-font-sans); font-size: 16px; font-weight: 500; margin-bottom: 8px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form input { background-color: #F9F9F9; padding: 16px 20px; border-radius: 8px; font-family: var(--tp-font-sans); font-size: 14px; font-weight: 500; color: #000; border: 1px solid #EAECEF; outline: none; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form input.required { border: 1px solid red !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form input::placeholder { color: #7E7E7E; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form select { background-color: #F9F9F9 !important; padding: 16px 20px; border-radius: 8px; font-family: var(--tp-font-sans); font-size: 14px; font-weight: 500; color: #555757; border: 1px solid #EAECEF; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/wp-content/uploads/2025/07/angle-down.svg) no-repeat left 20px top 24px; background-size: 10px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form select.required { border: 1px solid red !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form .tpcf-search-by-info-form-groups { display: flex; flex-direction: column; gap: 16px; margin-bottom: 14px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form .tpcf-search-by-info-form-buttons { display: flex; flex-direction: column; gap: 12px; align-items: center; margin-top: 15px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form .tpcf-view-results-btn { width: 100%; background: linear-gradient(135deg, #1A1A1A 0%, #333333 100%) !important; color: #fff !important; border: none !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form .tpcf-view-results-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); background: linear-gradient(135deg, #2A2A2A 0%, #444444 100%) !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form .tpcf-reset-filters-btn { width: 100%; background-color: #f8f9fa !important; border: 1px solid #e0e0e0 !important; color: #555 !important; height: 100%; cursor: pointer; font-family: inherit; font-size: 14px; transition: all 0.3s ease; padding: 10px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form .tpcf-reset-filters-btn:hover { background-color: #e9ecef !important; border-color: #d0d0d0 !important; color: #333 !important; transform: translateY(-1px); }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form button { margin-top: 15px; background-color: var(--e-global-color-secondary); color: #000; font-family: var(--tp-font-sans); padding: 16px !important; border-radius: 8px; font-size: 16px; font-weight: 600; width: 100%; display: inline-block; text-align: center; border: 1px solid var(--e-global-color-secondary); cursor: pointer; transition: all 0.3s ease; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form button[type="submit"]:not(.tpcf-view-results-btn) { background: linear-gradient(135deg, #1A1A1A 0%, #333333 100%) !important; color: #fff !important; border: none !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form button[type="submit"]:not(.tpcf-view-results-btn):hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important; background: linear-gradient(135deg, #2A2A2A 0%, #444444 100%) !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container p.tpcf-info-success-message { margin-top: 20px !important; margin-bottom: 0 !important; font-family: var(--tp-font-sans); font-size: 14px !important; font-weight: 700; color: #155724 !important; border-radius: 4px; display: none; width: 100%; text-align: center; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container p.tpcf-info-success-message.show { display: block; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container p.tpcf-info-error-message { margin-top: 20px !important; margin-bottom: 0 !important; font-family: var(--tp-font-sans); font-size: 14px !important; font-weight: 700; color: #721c24 !important; border-radius: 4px; display: none; width: 100%; text-align: center; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container p.tpcf-info-error-message.show { display: block; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header--tabs { display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid var(--e-global-color-secondary); padding-bottom: 0; margin-bottom: 20px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header--tabs .tpcf-select-vehicle-modal-header-tabs { display: flex; align-items: center; position: relative; padding-bottom: 12px; width: 100%; border-bottom: none; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header--tabs .tpcf-select-vehicle-modal-header-tabs button.tpcf-popup-tab-button { background-color: transparent !important; color: #555757 !important; border: none !important; padding: 0 18px !important; font-family: var(--tp-font-sans); font-size: 16px; font-weight: 600; transition: 0.3s; cursor: pointer; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header--tabs .tpcf-select-vehicle-modal-header-tabs button.tpcf-popup-tab-button.active { color: #000 !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header--tabs .tpcf-select-vehicle-modal-header-tabs .tpcf-popup-tab-indicator { position: absolute; bottom: -1px; right: 0; height: 2px; background-color: var(--e-global-color-secondary); transition: all 0.3s ease; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header--tabs img { padding-right: 20px; padding-bottom: 12px; cursor: pointer; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-tab-content { display: none; opacity: 1; pointer-events: all; transition: opacity 0.6s ease-in-out; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-tab-content.fade { opacity: 0.4; pointer-events: none; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-tab-content.active { display: block; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form { min-height: auto; display: flex; flex-direction: column; justify-content: flex-start; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form label { color: #555; font-family: var(--tp-font-sans); font-size: 14px; font-weight: 600; margin-bottom: 6px; display: block; text-transform: none; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form input { background-color: #F9F9F9; padding: 16px 20px; border-radius: 8px; font-family: var(--tp-font-sans); font-size: 14px; font-weight: 500; color: #000; border: 1px solid #EAECEF; outline: none; width: 100%; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form input.required { border: 1px solid red !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form input::placeholder { color: #7E7E7E; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form select { background-color: #ffffff !important; padding: 14px 20px; border-radius: 8px; font-family: var(--tp-font-sans); font-size: 14px; font-weight: 500; color: #333; border: 1px solid #ddd; outline: none; transition: border-color 0.3s, box-shadow 0.3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/wp-content/uploads/2025/07/angle-down.svg) no-repeat left 20px top 50%; background-size: 12px; width: 100%; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form select:hover, html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form select:focus { border-color: #000; box-shadow: 0 0 0 2px rgba(0,0,0,0.05); }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form select.required { border: 1px solid red !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-search-by-info-form-group { display: flex; flex-direction: column; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-search-by-info-form-groups { display: flex; flex-direction: column; gap: 14px; margin-bottom: 20px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-search-by-vin-form-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form .tpcf-search-by-info-form-buttons { display: flex; flex-direction: column; gap: 12px; align-items: center; margin-top: 15px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form .tpcf-popup-view-results-btn { width: 100%; background: linear-gradient(135deg, #1A1A1A 0%, #333333 100%) !important; color: #fff !important; border: none !important; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form .tpcf-popup-view-results-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.2); }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form .tpcf-popup-reset-filters-btn { width: 100%; background-color: transparent !important; border: 1px solid #ddd !important; color: #777 !important; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 500; transition: all 0.3s ease; padding: 12px; border-radius: 8px; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form .tpcf-popup-reset-filters-btn:hover { background-color: #e9ecef !important; border-color: #d0d0d0 !important; color: #333 !important; transform: translateY(-1px); }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form button { margin-top: 15px; background-color: var(--e-global-color-secondary); color: #000; font-family: var(--tp-font-sans); padding: 16px !important; border-radius: 8px; font-size: 16px; font-weight: 600; width: 100%; display: inline-block; text-align: center; border: 1px solid var(--e-global-color-secondary); cursor: pointer; transition: all 0.3s ease; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container form button[type="submit"]:not(.tpcf-popup-view-results-btn) { background: linear-gradient(135deg, #1A1A1A 0%, #333333 100%) !important; color: #fff !important; border: none !important; box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-vin-success-message, html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-vin-error-message, html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-info-success-message, html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-info-error-message { display: none; margin-top: 20px !important; margin-bottom: 0 !important; font-family: var(--tp-font-sans); font-size: 14px !important; font-weight: 700; border-radius: 4px; width: 100%; text-align: center; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-vin-success-message.show, html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-info-success-message.show { display: block; color: #155724 !important; }
html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-vin-error-message.show, html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-content-container .tpcf-popup-info-error-message.show { display: block; color: #721c24 !important; }
@media (max-width: 767px) {
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header h3 { font-size: 18px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header img { width: 20px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-select-vehicle-modal-header { padding-bottom: 16px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content { padding: 20px 16px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content { min-height: 440px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicles-list label { font-size: 14px; padding: 14px 0; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-select-vehicle-modal .tpcf-select-vehicle-modal-content .tpcf-vehicle-error-text { font-size: 12px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header .tpcf-check-compatible-vehicle-modal-content-header-tabs button { font-size: 14px; padding: 0 10px !important; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header img { width: 20px; padding-right: 0; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header .tpcf-check-compatible-vehicle-modal-content-header-tabs button[data-tab="info"] { white-space: nowrap; width: 140px; overflow: hidden; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content { padding: 20px 8px; min-height: 300px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form { min-height: 250px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form label { font-size: 14px; line-height: 20px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-header { margin-bottom: 24px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form input { font-size: 12px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form select { font-size: 12px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container form button { font-size: 16px; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-search-by-vin-form-container p.tpcf-vin-success-message { font-size: 12px !important; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-search-by-vin-form-container p.tpcf-vin-error-message { font-size: 12px !important; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container p.tpcf-info-success-message { font-size: 12px !important; }
  html[dir="rtl"] .tpcf-vehicle-module-container .tpcf-check-compatible-vehicle-modal .tpcf-check-compatible-vehicle-modal-content .tpcf-check-compatible-vehicle-modal-content-container p.tpcf-info-error-message { font-size: 12px !important; }
}

/* ==========================================================================
   Arabic sign-in / sign-up: the image column carries an 80px gap on its left in
   English, where it separates the image from the form. The Arabic pages copied it
   unchanged, so with the columns mirrored the gap ended up on the outer edge, as a
   white strip beside the image. Swapping Elementor's side paddings mirrors it at
   every breakpoint (sign-up column 0903fab, sign-in column 7806fb8).
   ========================================================================== */
html[dir="rtl"] .elementor-element.elementor-element-0903fab,
html[dir="rtl"] .elementor-element.elementor-element-7806fb8 {
  padding-left: var(--padding-right) !important;
  padding-right: var(--padding-left) !important;
}
/* "Select your vehicle" text stays on one line until a vehicle is picked (then it is clamped to one line with an ellipsis). styles-rtl.css gave the Arabic button 140px, which wrapped "اختر سيارتك". */
.tpcf-vehicle-module-container .tpcf-select-vehicle-button .tpcf-select-vehicle-button-container:not(.disabled) span.tpcf-selected-vehicle-text { white-space: nowrap; }