/* Tajawal is loaded in layout header when locale is ar for faster load (no @import delay) */
html,
body {
    direction: rtl;
    text-align: right;
}

body {
    /* font-family: "Rubik", sans-serif; */
    font-family: 'Tajawal', sans-serif;
}

.navbar-nav {
    padding-inline-start: 0px;
}

/* Contact form tabs: no padding-right in Arabic */
#contactSubmissionTypeTabs,
#contactUs .contact-form-tabs {
    padding-right: 0;
}

.serv-tabs .item span svg,
.pills-style .nav-link span:last-child svg,
.btn-style.light-green svg,
.blog-slider .navi span svg,
.more-btn svg,
.team-card .lay a svg,
.main-slider .navi span svg {
    transform: scale(-1);
}

/* Services professional page: nav pill arrows point left in RTL */
.services-nav-pills .nav-arrow svg {
    transform: scaleX(-1);
}

/* Arrow in hero/primary buttons (about CTA, contact submit, careers CTA, etc.): point left in RTL, equal spacing */
.btn-hero .arrow-right,
a.btn .arrow-right,
button.btn-hero .arrow-right,
#contact_submit_btn .arrow-right,
.btn-careers-primary .arrow-right {
    transform: scaleX(-1);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.more-btn:hover svg,
.team-card .lay a:hover svg {
    transform: scale(-1) translateX(8px);
}

#stat .col-6:not(:last-child) {
    border-left: 2px solid #d6d6d649;
    border-right: 0;
}

/* Services sub-list check icon: equal margin left and right in Arabic */
.serv-sub-services .check-icon {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.iti__country {
    direction: ltr;
}

.speech-card .inner .d-flex .person img {
    margin-right: 0;
    margin-left: 1rem;
}

.form-style .custom-file-label::after {
    position: absolute;
    top: 6px;
    right: auto;
    left: 6px;
    content: "اختر ملف";
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-right: 3px;
    margin-left: 3px;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: .5rem;
    color: #6c757d;
    content: "/";
    padding-right: .5rem;
}

/* Careers stat cards: IBM Plex Sans Arabic for Arabic script (override body Tajawal), same Plex family */
.careers-stat-card,
.careers-stat-card .stat-label,
.careers-stat-card .stat-value,
.careers-stat-card .stat-description {
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
}

/* Careers page – video text block: Arabic font, RTL alignment, override CMS inline LTR */
.careers-video-text-block,
.careers-video-text-block .experience-tag,
.careers-video-text-block .careers-video-title,
.careers-video-text-block .careers-video-subheading,
.careers-video-text-block .careers-video-subheading p,
.careers-video-text-block .careers-video-subheading div,
.careers-video-text-block .careers-video-subheading span,
.careers-video-text-block .careers-video-subheading li,
.careers-video-text-block .careers-video-subheading * {
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
    direction: rtl;
    text-align: right !important;
}
.careers-video-text-block {
    margin-inline-start: auto;
    margin-inline-end: 0;
}
.careers-video-text-block .experience-tag {
    text-transform: none;
    letter-spacing: 0;
}

/* Industry sectors section (#part): use IBM Plex Sans – !important to override body Tajawal inheritance */
/* Standard IBM Plex Sans has no Arabic glyphs; use IBM Plex Sans Arabic for Arabic script (same design family) */
#part.industry-sectors-section .industry-sectors-card-wrapper,
#part.industry-sectors-section .industry-sectors-card {
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
}
#part.industry-sectors-section .sector-distribution-title,
#part.industry-sectors-section .sector-distribution-description,
#part.industry-sectors-section .sector-distribution,
#part.industry-sectors-section .sector-list,
#part.industry-sectors-section .sector-item,
#part.industry-sectors-section .sector-name,
#part.industry-sectors-section .sector-value,
#part.industry-sectors-section .donut-chart-wrapper,
#part.industry-sectors-section .chart-center-content,
#part.industry-sectors-section .chart-total-label,
#part.industry-sectors-section .chart-total-value,
#part.industry-sectors-section .chart-total-value .chart-value-text,
#part.industry-sectors-section .chart-growth-badge,
.industry-sectors-section .industry-sectors-title,
.industry-sectors-section .industry-sectors-subtitle {
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
}

/* Services professional page: IBM Plex Sans Arabic for Arabic script */
#services-professional .services-professional-title,
#services-professional .services-professional-intro,
#services-professional .services-nav-pills .nav-link > span:first-child,
#services-professional .services-detail-title {
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
}

/* Footer: every element uses IBM Plex Sans Arabic for Arabic RTL */
.site-footer,
.site-footer .footer-company-name,
.site-footer .footer-description,
.site-footer .footer-title,
.site-footer .footer-links,
.site-footer .footer-links a,
.site-footer .footer-contact,
.site-footer .contact-text,
.site-footer .contact-text a,
.site-footer .footer-bottom,
.site-footer .footer-copyright,
.site-footer .footer-legal,
.site-footer .footer-legal a {
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
}

/* Profile page (team member): IBM Plex Sans Arabic for Arabic RTL */
.profile-page .profile-badge,
.profile-page .profile-name,
.profile-page .profile-bio,
.profile-page .profile-ctas,
.profile-page .profile-contact-btn {
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
}

/* Profile name block, name, and bio: RTL direction and alignment */
.profile-page .profile-name-block,
.profile-page .profile-name,
.profile-page .profile-bio {
    direction: rtl;
    text-align: right !important;
}

/* Profile grid cards: every element uses IBM Plex Sans Arabic for Arabic RTL */
.profile-page .profile-grid,
.profile-page .profile-grid .profile-info-card,
.profile-page .profile-grid .profile-card-title,
.profile-page .profile-grid .profile-card-html,
.profile-page .profile-grid .profile-card-html p,
.profile-page .profile-grid .profile-cert-list,
.profile-page .profile-grid .profile-cert-item,
.profile-page .profile-grid .profile-cert-name,
.profile-page .profile-grid .profile-cert-desc,
.profile-page .profile-grid .profile-cert-content,
.profile-page .profile-grid .profile-tags,
.profile-page .profile-grid .profile-tag,
.profile-page .profile-grid .profile-partner-title,
.profile-page .profile-grid .profile-partner-desc,
.profile-page .profile-grid .profile-partner-card .btn,
.profile-page .profile-grid .profile-card-placeholder {
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
}

/* Profile expertise sublist: border on the right in Arabic RTL (left in English) */
.profile-expertise-sublist {
    border-left: none;
    border-right: 1px solid rgba(20, 93, 113, 0.35);
    padding-left: 0;
    padding-right: 0.75rem;
    margin-left: 1rem;
    margin-right: 0;
}

.profile-expertise-list ul {
    margin: 0.4rem -0.8rem 0 -0.7rem;
}

.profile-card-html ul {
    padding-right: 1.1rem;
}

/* About section image grid: flip rounded corners for RTL (Arabic) */
.about-img-tl {
    border-radius: 0 50px 0 0;
}
.about-img-tr {
    border-radius: 0;  /* no radius in English, same in Arabic */
}
.about-img-bl {
    border-radius: 0 0 50px 0;
}
.about-img-br {
    border-radius: 0 0 0 50px;
}

@media (max-width: 575px) {
    .about-img-tl {
        border-radius: 0 32px 0 0;
    }
    .about-img-tr {
        border-radius: 0;
    }
    .about-img-bl {
        border-radius: 0 0 32px 0;
    }
    .about-img-br {
        border-radius: 0 0 0 32px;
    }
}