/*!
Theme Name: Brickox
Theme URI: https://wp.xpressbuddy.com/brickox/
Author: XpressBuddy
Author URI: https://xpressbuddy.com/
Description: Brickox is a professional, fully responsive Elementor-based WordPress theme designed for construction, architecture, factory, and industrial engineering websites. Highly customizable, modern, and performance optimized for business growth.
Version: 1.0.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brickox
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Arabic needs a font with connected glyphs and room for its taller line box. */
html[lang^="ar"] body {
  --font-body: "Plus Jakarta Sans", "IBM Plex Sans Arabic", sans-serif;
  --font-heading: "Oswald", "IBM Plex Sans Arabic", sans-serif;
}

html[lang^="ar"] body.factory_construction {
  --font-heading: "topluxury", "IBM Plex Sans Arabic", sans-serif;
}

html[lang^="ar"] :is(h1, h2, h3, h4, h5, h6, a, button, .xb-item--title) {
  letter-spacing: normal !important;
}

html[lang^="ar"] :is(h1, h2, h3, h4, h5, h6) {
  line-height: 1.45;
}

html[lang^="ar"] .construction-btn {
  max-width: 100%;
  height: auto;
  padding-block: 12px;
  text-transform: none;
  white-space: normal;
}

html[lang^="ar"] .construction-btn .inner {
  min-width: 0;
  gap: 16px;
}

html[lang^="ar"] .construction-btn .text {
  min-width: 0;
  line-height: 1.5;
  white-space: normal;
  text-shadow: none;
}

[data-link-shadow][data-arabic-hover-ready] {
  position: relative;
  overflow: hidden;
  text-shadow: none;
}

[data-link-shadow] .arabic-btn-line {
  display: block;
}

[data-link-shadow] .arabic-btn-line--next {
  position: absolute;
  inset-inline: 0;
  top: 100%;
}

html[lang^="ar"] .construction-btn .xb-icon {
  flex: 0 0 48px;
}

html[lang^="ar"] .xb_text_invert.invert-sky-clr {
  color: #c7e8ff;
}

html[lang^="ar"] .xb_text_invert.invert-blue-clr {
  color: #183a4f;
}

html[lang^="ar"] .xb_text_invert.invert-white-clr {
  color: #1b1b22;
}

html[lang^="ar"] .xb_text_invert.invert-dark-clr,
html[lang^="ar"] .xb_text_invert.invert-black-clr {
  color: #fff;
}