/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* ==========================================
   SUPER FARMERS - FOOTER SOCIAL ICONS
   WPML RTL / LTR
   ========================================== */

/* English: Align Social Icons Left */
html[lang^="en"] footer .wd-social-icons,
html[lang^="en"] .wd-footer .wd-social-icons,
html[lang^="en"] footer .elementor-social-icons-wrapper,
html[lang^="en"] .wd-footer .elementor-social-icons-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    direction: ltr !important;
    text-align: left !important;
}

/* Arabic: Keep Social Icons Right */
html[lang^="ar"] footer .wd-social-icons,
html[lang^="ar"] .wd-footer .wd-social-icons,
html[lang^="ar"] footer .elementor-social-icons-wrapper,
html[lang^="ar"] .wd-footer .elementor-social-icons-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Fix alignment of parent widget containers */
html[lang^="en"] footer .elementor-widget-social-icons,
html[lang^="en"] .wd-footer .elementor-widget-social-icons,
html[lang^="en"] footer .elementor-widget-wd_social_buttons,
html[lang^="en"] .wd-footer .elementor-widget-wd_social_buttons {
    text-align: left !important;
}

html[lang^="ar"] footer .elementor-widget-social-icons,
html[lang^="ar"] .wd-footer .elementor-widget-social-icons,
html[lang^="ar"] footer .elementor-widget-wd_social_buttons,
html[lang^="ar"] .wd-footer .elementor-widget-wd_social_buttons {
    text-align: right !important;
}

/* ==========================================================
   SUPER FARMERS - MULTILINGUAL TYPOGRAPHY
   Arabic: Tajawal
   English: Inter

   Compatible with:
   - WoodMart
   - WooCommerce
   - Elementor
   - TranslatePress
   ========================================================== */


/* ==========================================================
   1. ENGLISH FONT - MAIN CONTENT
   ========================================================== */

html[lang^="en"] body {
    font-family: "Inter", sans-serif !important;
}


/* Titles, headings, text and form controls */
html[lang^="en"] :is(
    h1, h2, h3, h4, h5, h6,
    p,
    button,
    input,
    select,
    textarea,
    label,
    .wd-entities-title,
    .widget-title,
    .elementor-heading-title,
    .wd-nav,
    .wd-nav-link,
    .woocommerce-breadcrumb,
    .product-title,
    .product-name
) {
    font-family: "Inter", sans-serif !important;
}


/* ==========================================================
   2. WOODMART & WOOCOMMERCE RATING STARS
   Preserve icon fonts used by rating elements.
   ========================================================== */

/*
   Do not force Inter on:
   - .star-rating
   - .wd-star-rating
   - star pseudo-elements

   WoodMart / WooCommerce should retain their
   original icon font definitions.
*/

html[lang^="en"] .star-rating,
html[lang^="en"] .star-rating span,
html[lang^="en"] .wd-star-rating,
html[lang^="en"] .wd-review-stars {
    font-family: inherit;
}


/* Preserve theme icon font on pseudo-elements */
html[lang^="en"] .star-rating::before,
html[lang^="en"] .star-rating span::before,
html[lang^="en"] .wd-star-rating::before,
html[lang^="en"] .wd-star-rating span::before,
html[lang^="en"] .stars a::before {
    font-family: "woodmart-font" !important;
}


/* ==========================================================
   3. CUSTOM TESTIMONIALS - UNICODE STARS
   ========================================================== */

html[lang^="en"] :is(
    .sf-testimonial-stars,
    .sf-testimonials-stars,
    .sf-review-stars
) {
    font-family: Arial, "DejaVu Sans", sans-serif !important;
    color: #f5b400;
    letter-spacing: 2px;
}


/* ==========================================================
   4. ICON FONTS
   ========================================================== */

/* WoodMart icons */
html[lang^="en"] .wd-icon,
html[lang^="en"] [class^="wd-icon-"],
html[lang^="en"] [class*=" wd-icon-"] {
    font-family: "woodmart-font" !important;
}


/* Font Awesome icons */
html[lang^="en"] .fa,
html[lang^="en"] .fas,
html[lang^="en"] .far,
html[lang^="en"] .fab {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
}


/* ==========================================================
   5. ARABIC CONTENT INSIDE ENGLISH PAGES
   ========================================================== */

html[lang^="en"] [lang="ar"],
html[lang^="en"] [lang="ar"] :is(
    h1, h2, h3, h4, h5, h6,
    p, a, span, label, button
) {
    font-family: "Tajawal", sans-serif !important;
}



/* ==========================================
   Super Farmers - WPML Section Title Alignment
   Only Right → Left in English
   Preserve Center and Left
   ========================================== */

/* WoodMart: Right-aligned Section Titles only */
html[lang^="en"] .title-wrapper.wd-text-right,
html[lang^="en"] .title-wrapper.text-right,
html[lang^="en"] .wd-text-right .title-wrapper,
html[lang^="en"] .text-right .title-wrapper {
    text-align: left !important;
}

/* Elementor: Explicit right-aligned widgets only */
html[lang^="en"] .elementor-widget-wd_title.elementor-align-right .title-wrapper {
    text-align: left !important;
}

/* Keep Center alignment unchanged */




/* ==========================================
   Super Farmers - WPML Text Block Alignment
   English Only - Reverse Left / Right
   Preserve Center / Justify
   ========================================== */

/* Elementor Text Editor - Left to Right */
html[lang^="en"] .elementor-widget-text-editor.elementor-align-left,
html[lang^="en"] .elementor-widget-text-editor.elementor-align-left .elementor-widget-container {
    text-align: right !important;
}

/* Elementor Text Editor - Right to Left */
html[lang^="en"] .elementor-widget-text-editor.elementor-align-right,
html[lang^="en"] .elementor-widget-text-editor.elementor-align-right .elementor-widget-container {
    text-align: left !important;
}

/* WoodMart Text Block - Left to Right */
html[lang^="en"] .wd-text-left,
html[lang^="en"] .text-left {
    text-align: right !important;
}

/* WoodMart Text Block - Right to Left */
html[lang^="en"] .wd-text-right,
html[lang^="en"] .text-right {
    text-align: left !important;
}