/**
 * Theme Name: Cargo Trucking Child
 * Description: This is a child theme of Cargo Trucking.
 * Author: cmsmasters
 * Template: cargo-trucking
 * Version: 1.0.3
 * Tested up to: 6.6
 * Requires PHP: 7.4
 * Text Domain: cargo-trucking-child
 */

/* ==========================================================================
   LANGUAGE DIRECTION
   ========================================================================== */

/*
 * English = LTR
 * Arabic  = RTL
 *
 * Do NOT force direction on every .e-con / flex container.
 * Complex Elementor widgets such as Swiper need to control their own layout.
 */

html[lang="en-US"] body,
html[lang="en-US"] .elementor {
	direction: ltr !important;
}

html[dir="rtl"] body,
html[dir="rtl"] .elementor {
	direction: rtl !important;
}


/* ==========================================================================
   NESTED CAROUSEL / SWIPER
   ========================================================================== */

/*
 * Normal nested carousels:
 * English = LTR
 * Arabic  = RTL
 */

/* English slide content */
html[lang="en-US"] .e-n-carousel .swiper-slide,
html[lang="en-US"] .e-n-carousel .swiper-slide .e-con,
html[lang="en-US"] .e-n-carousel .swiper-slide .e-con-inner {
	direction: ltr !important;
}

/* Arabic slide content */
html[dir="rtl"] .e-n-carousel .swiper-slide,
html[dir="rtl"] .e-n-carousel .swiper-slide .e-con,
html[dir="rtl"] .e-n-carousel .swiper-slide .e-con-inner {
	direction: rtl !important;
}


/* ==========================================================================
   HEADER RTL
   ========================================================================== */

/* Keep desktop nav on one line and group with CTA + language */

body.rtl .elementor-52 .elementor-element.elementor-element-1b08c15 {
	margin-inline-end: 12px;
}

@media (min-width: 1181px) {

	body.rtl .elementor-52 .elementor-element.elementor-element-172c7ff {
		--justify-content: flex-start;
		--column-gap: 16px;
		gap: 0 16px;
	}

	body.rtl .elementor-52 .elementor-element.elementor-element-d3b9d84 {
		width: auto !important;
		max-width: none !important;
		--container-widget-width: auto;
		--container-widget-flex-grow: 0;
		--main-item-horizontal-padding: 8px;
		--main-menu-item-space-between: 8px;
	}

	body.rtl
	.elementor-52
	.elementor-element.elementor-element-d3b9d84.elementor-element {
		--flex-grow: 0;
		--flex-shrink: 0;
	}

	body.rtl
	.elementor-52
	.elementor-element.elementor-element-d3b9d84
	.elementor-widget-cmsmasters-nav-menu__container.cmsmasters-layout-horizontal > ul {
		flex-wrap: nowrap;
	}

	body.rtl
	.elementor-52
	.elementor-element.elementor-element-d3b9d84
	.elementor-widget-cmsmasters-nav-menu__main.cmsmasters-layout-horizontal
	.elementor-widget-cmsmasters-nav-menu__container-inner {
		margin-left: -4px;
		margin-right: -4px;
		flex-wrap: nowrap;
	}

	body.rtl
	.elementor-52
	.elementor-element.elementor-element-d3b9d84
	.elementor-widget-cmsmasters-nav-menu__main.cmsmasters-layout-horizontal
	.elementor-widget-cmsmasters-nav-menu__container-inner > li {
		flex-shrink: 0;
		margin-left: 4px;
		margin-right: 4px;
		white-space: nowrap;
	}
}


/* ==========================================================================
   HOMEPAGE HERO CAROUSEL
   ========================================================================== */

/*
 * Special case:
 * Hero Swiper mechanics stay LTR even on Arabic.
 * Only slide content becomes RTL.
 */



body.rtl
.elementor-55932
.e-n-carousel
.swiper-slide .e-con,
body.rtl
.elementor-55932
.e-n-carousel
.swiper-slide .e-con-inner,
body.rtl
.elementor-55932
.e-n-carousel
.swiper-slide
.elementor-heading-title {
	direction: rtl !important;
	text-align: start;
}

/* Hero arrows */

body.rtl
.elementor-55932
.elementor-element.elementor-element-b560454
.elementor-swiper-button-prev {
	left: auto !important;
	right: 24px !important;
}

body.rtl
.elementor-55932
.elementor-element.elementor-element-b560454
.elementor-swiper-button-next {
	right: auto !important;
	left: 80px !important;
}

body.rtl
.elementor-55932
.elementor-element.elementor-element-b560454
.elementor-swiper-button svg {
	transform: scaleX(-1);
}


/* ==========================================================================
   CMSMASTERS RTL ALIGNMENT FIXES
   ========================================================================== */

/* Featured boxes */

body.rtl
.elementor-element.cmsmasters-featured-box__graphic-align-left {
	--alignment: right;
	text-align: start;
}

body.rtl
.elementor-element.cmsmasters-featured-box__graphic-align-left
.elementor-widget-cmsmasters-featured-box__wrapper,
body.rtl
.elementor-element.cmsmasters-featured-box__graphic-align-left
.elementor-widget-cmsmasters-featured-box__content,
body.rtl
.elementor-element.cmsmasters-featured-box__graphic-align-left
.elementor-widget-cmsmasters-featured-box__content-vertical-inner {
	text-align: start;
	align-items: flex-start;
}


/* CMSMasters buttons */

body.rtl
.elementor-element.cmsmasters-button-align-left
.elementor-widget-cmsmasters-button__button-container,
body.rtl
.elementor-element.cmsmasters-button-align-left
.elementor-widget-cmsmasters-button__button-container-inner {
	justify-content: flex-start;
	text-align: start;
}


/* Dropdown menu */

body.rtl
.elementor-element.cmsmasters-dropdown-align-left
.elementor-widget-cmsmasters-nav-menu__item-text-wrap {
	justify-content: flex-start;
}


/* General CMSMasters alignment */

body.rtl .elementor-element.cmsmasters-widget-align-left,
body.rtl .elementor-element.cmsmasters-widget-tablet-align-left {
	text-align: start;
}


/* ==========================================================================
   RTL ICONS / ARROWS
   ========================================================================== */

body.rtl .elementor-icon .cmsms-demo-icon-arrows-1,
body.rtl .elementor-icon .cmsms-demo-icon-arrows-2,
body.rtl
.elementor-widget-cmsmasters-button__icon
.cmsms-demo-icon-arrows-1,
body.rtl
.elementor-widget-cmsmasters-featured-box__button-icon
.cmsms-demo-icon-arrows-1 {
	display: inline-block;
	transform: scaleX(-1);
}


/* ==========================================================================
   BLOG / POST CONTENT
   ========================================================================== */

/* English */

html[lang="en-US"] .elementor-widget-theme-post-content,
html[lang="en-US"] .elementor-widget-theme-post-content p,
html[lang="en-US"] .elementor-widget-theme-post-content li,
html[lang="en-US"] .elementor-widget-theme-post-content h1,
html[lang="en-US"] .elementor-widget-theme-post-content h2,
html[lang="en-US"] .elementor-widget-theme-post-content h3,
html[lang="en-US"] .elementor-widget-theme-post-content h4,
html[lang="en-US"] .elementor-widget-theme-post-content h5,
html[lang="en-US"] .elementor-widget-theme-post-content h6 {
	text-align: left !important;
	direction: ltr !important;
}


/* Arabic */

html[dir="rtl"] .elementor-widget-theme-post-content,
html[dir="rtl"] .elementor-widget-theme-post-content p,
html[dir="rtl"] .elementor-widget-theme-post-content li,
html[dir="rtl"] .elementor-widget-theme-post-content h1,
html[dir="rtl"] .elementor-widget-theme-post-content h2,
html[dir="rtl"] .elementor-widget-theme-post-content h3,
html[dir="rtl"] .elementor-widget-theme-post-content h4,
html[dir="rtl"] .elementor-widget-theme-post-content h5,
html[dir="rtl"] .elementor-widget-theme-post-content h6 {
	text-align: right !important;
	direction: rtl !important;
}


/* ==========================================================================
   WP FORMS
   ========================================================================== */

div.wpforms-container-full select > option,
.wp-core-ui div.wpforms-container-full select > option {
	color: #000000 !important;
}


/* ==========================================================================
   MOBILE TABLES
   ========================================================================== */

@media (max-width: 767px) {

	.elementor-widget-theme-post-content table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;

		background:
			linear-gradient(
				to right,
				white 30%,
				rgba(255, 255, 255, 0)
			),
			linear-gradient(
				to right,
				rgba(255, 255, 255, 0),
				white 70%
			) 100% 0,
			linear-gradient(
				to right,
				rgba(0, 0, 0, 0.1),
				rgba(255, 255, 255, 0)
			),
			linear-gradient(
				to left,
				rgba(0, 0, 0, 0.1),
				rgba(255, 255, 255, 0)
			) 100% 0;

		background-repeat: no-repeat;
		background-size:
			40px 100%,
			40px 100%,
			14px 100%,
			14px 100%;

		background-attachment:
			local,
			local,
			scroll,
			scroll;
	}

	.elementor-widget-theme-post-content table td,
	.elementor-widget-theme-post-content table th {
		white-space: nowrap;
		padding: 10px 15px;
	}
}