/*
 Theme Name: Adel ITU
 Template: politicalwp
 Version: 1.0
*/

/* -------------------------------------
   Load Tajawal Arabic Font
-------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');


/* -------------------------------------
   Global RTL + Arabic Tajawal font
-------------------------------------- */
html[lang="ar"] body {
    direction: rtl !important;
    text-align: right !important;
    font-family: 'Tajawal', sans-serif !important;
	font-weight:500;
	font-size:17px !important;
}
html[dir="rtl"] p{font-weight:400;
	font-size:17px !important;}
/* Apply Tajawal to ALL text elements */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] span,
html[lang="ar"] a,
html[lang="ar"] strong,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] div {
    font-family: 'Tajawal', sans-serif !important;
}


/* -------------------------------------
   RTL Header Adjustments (Logo + Menu + Search)
-------------------------------------- */

/* Logo → right */
html[lang="ar"] nav#theme-main-head .navbar-header {
    float: right !important;
    text-align: right !important;
}

/* Menu → left */
html[lang="ar"] nav#theme-main-head #navbar {
    float: left !important;
    text-align: left !important;
}

/* Menu UL stays left */
html[lang="ar"] nav#theme-main-head #navbar > ul {
    float: left !important;
}

/* Search icon container → move to right */
html[lang="ar"] header .header-nav-actions {
    float: right !important;
    margin-right: 20px !important;
    margin-left: 0 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Search button inside it */
html[lang="ar"] header .header-nav-actions .search-btn,
html[lang="ar"] header .header-nav-actions .search-trigger {
    float: right !important;
}


/* -------------------------------------
   ICON FIX (100% Prevent □ Squares)
-------------------------------------- */
html[lang="ar"] i,
html[lang="ar"] .fa,
html[lang="ar"] .fas,
html[lang="ar"] .far,
html[lang="ar"] .fal,
html[lang="ar"] .fab,
html[lang="ar"] [class^="icon-"],
html[lang="ar"] [class*=" icon-"],
html[lang="ar"] [class^="ti-"],
html[lang="ar"] [class*=" ti-"],
html[lang="ar"] .vc_btn3 i,
html[lang="ar"] .vc_icon_element-icon {
    font-family: inherit !important;   /* KEEP ORIGINAL ICON FONT */
    direction: ltr !important;         /* DO NOT MIRROR ICONS */
    text-align: left !important;
}
html[dir="rtl"] .title-subtile-holder h1.section-title, html[dir="rtl"] .title-subtile-holder .section-subtitle{text-align:center !important;}
/* Fix the download arrow icon ONLY on Arabic pages */
html[lang="ar"] .fa-arrow-down,
html[lang="ar"] .fa-arrow-down:before,
html[lang="ar"] .vc_btn3-icon.fa-arrow-down,
html[lang="ar"] .vc_btn3-icon.fa-arrow-down:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}



.rtl .col-md-1, .rtl .col-md-2, .rtl .col-md-3, .rtl .col-md-4, .rtl .col-md-5, .rtl .col-md-6, .rtl .col-md-7, .rtl .col-md-8, .rtl .col-md-9, .rtl .col-md-10, .rtl .col-md-11, .rtl .col-md-12 {
    float: right ;
}