/*
Theme Name: Hubfolio     
Theme URI: https://themeforest.net/user/themescamp/portfolio
Author: ThemesCamp 
Author URI: http://themeforest.net/user/themescamp/ 
Description: Creative Portfolio WordPress Theme
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.9     
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html    
Text Domain: hubfolio 
Domain Path: /lang   
Tags: one-column, two-columns, right-sidebar, custom-colors, featured-images
Copyright: © 2024 Themescamp

This theme is distributed under the terms of the GNU General Public License v3.0.
*/


/* ==========================================================================
   RTL (Arabic) — paste at the END of Appearance → Customize → Additional CSS
   Everything is scoped to html[dir="rtl"], so the English site is untouched.
   Each block mirrors a rule from the CSS above (same order).
   ========================================================================== */

/* ---- Product loop: price, title, "per day" text ---------------------------- */
html[dir="rtl"] .elex-ppct-after-text,
html[dir="rtl"] .woocommerce ul.products li.product .price,
html[dir="rtl"] .woocommerce-loop-product__title {
    text-align: right;
}

/* ---- Login dropdown (after_login_btn_wrapper) ------------------------------ */
html[dir="rtl"] .after_login_btn_wrapper .tp-user-login ul li {
    text-align: right !important;
}

/* ---- Menu cart icon spacing --------------------------------------------------- */
html[dir="rtl"] .elementor-menu-cart__toggle .elementor-button-icon {
    margin-right: 0;
    margin-left: 6px;
}

/* ---- EAEL advanced tabs: film-strip border moves to the right side ---------- */
html[dir="rtl"] .eael-advance-tabs .eael-tabs-content > div {
    padding: 0 50px 0 0;
    border-left: none !important;
    border-right: 20px dashed #FFFFFF !important;
}

/* ---- Video playlist thumbnail play icon ---------------------------------------- */
html[dir="rtl"] .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail i,
html[dir="rtl"] .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail svg {
    right: auto;
    left: 28px;
}

/* ---- Header nav item spacing (page 1803) ----------------------------------------- */
html[dir="rtl"] .elementor-1803 .elementor-element.elementor-element-c66713d .tcg-nav .navigation > li > a {
    padding-right: 15px !important;
}

/* ---- The Plus tabs (projects page) ------------------------------------------------ */
html[dir="rtl"] ul.plus-tabs-nav li {
    margin-right: 0;
    margin-left: 20px;
}
html[dir="rtl"] ul.plus-tabs-nav li:last-child {
    margin-left: 0;
}
html[dir="rtl"] div.plus-tab-header .tab-icon-wrap {
    margin-right: 0;
    margin-left: 10px;
}
html[dir="rtl"] .elementor-2089 .elementor-element.elementor-element-2c70eb0.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header {
    margin-left: 0 !important;
    margin-right: 15px !important;
}
html[dir="rtl"] .elementor-2089 .elementor-element.elementor-element-2c70eb0.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav li:first-child .plus-tab-header {
    margin-left: 0 !important;
    margin-right: 15px !important;
}

/* ---- Custom tab offsets ------------------------------------------------------------ */
html[dir="rtl"] #dmx-tab,
html[dir="rtl"] #here-we-are-tab {
    margin-right: 0 !important;
    margin-left: 55px !important;
}

/* ---- Quantity +/- buttons: divider on the other side -------------------------------- */
html[dir="rtl"] .woocommerce .quantity .quantity-nav .quantity-button.quantity-up,
html[dir="rtl"] .woocommerce .quantity .quantity-nav .quantity-button.quantity-down {
    border-left: none;
    border-right: 1px solid #ccc;
}

/* ---- Pagination: last item border ---------------------------------------------------- */
html[dir="rtl"] .woocommerce nav.woocommerce-pagination ul li:last-child {
    border-left: none;
}

/* ---- Home slider titles (tcg dynamic post meta) --------------------------------------- */
html[dir="rtl"] .tcg-dynamic-post-meta-text {
    margin-left: 0 !important;
    margin-right: 40px !important;
    text-align: right;
}
@media (max-width: 767px) {
    html[dir="rtl"] .elementor-68 .elementor-element-129c79a .tcg-dynamic-post-meta-text {
        margin-left: 0 !important;
        margin-right: 15px !important;
    }
}

/* ---- Gradient titles: purple starts where Arabic text starts (right) -------------------- */
html[dir="rtl"] .ue-title {
    background: linear-gradient(to left, #934ECD, #fcfcfc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ---- Notices: the thick accent border moves to the right ------------------------------- */
html[dir="rtl"] .woocommerce-MyAccount-content .woocommerce-info {
    border-left: 1px solid #667eea !important;
    border-right: 4px solid #667eea !important;
}
html[dir="rtl"] .woocommerce-notices-wrapper .woocommerce-error,
html[dir="rtl"] .woocommerce-notices-wrapper .woocommerce-info {
    border-left: 1px solid #ef4444 !important;
    border-right: 4px solid #ef4444 !important;
}
html[dir="rtl"] .woocommerce-notices-wrapper .woocommerce-message {
    border-left: 1px solid #10b981 !important;
    border-right: 4px solid #10b981 !important;
}
html[dir="rtl"] div.wp-block-woocommerce-cart div.wc-block-components-notice-banner,
html[dir="rtl"] div.wc-block-store-notice.wc-block-components-notice-banner,
html[dir="rtl"] .wp-block-woocommerce-cart .wc-block-components-notice-banner.is-error {
    border-left: 1px solid #ef4444 !important;
    border-right: 4px solid #ef4444 !important;
}

/* ---- Email / phone fields stay left-to-right but align with the Arabic form ------------ */
html[dir="rtl"] .wc-block-checkout__form input[type="email"],
html[dir="rtl"] .wc-block-checkout__form input[type="tel"],
html[dir="rtl"] .woocommerce form input[type="email"] {
    direction: ltr;
    text-align: right;
}

/* ---- Font: the WooCommerce sections above set a system font on their wrappers,
        so product names / totals inside them would skip Janna LT ------------------------ */
html[lang^="ar"] .woocommerce,
html[lang^="ar"] .wp-block-woocommerce-checkout,
html[lang^="ar"] .wp-block-woocommerce-cart,
html[lang^="ar"] .wp-block-woocommerce-checkout *:not(svg):not(svg *),
html[lang^="ar"] .wp-block-woocommerce-cart *:not(svg):not(svg *) {
    font-family: 'Janna LT', Tahoma, Arial, sans-serif !important;
}