/*
Theme Name: Loraic
Theme URI: http://demo.bravisthemes.com/loraic
Author: Bravis-Themes
Author URI: https://bravisthemes.com/
Description: Loraic is a modern and carefully designed theme geared specifically towards all ,It will be suitable for any transport,logistics and movers management business. It will also be suitable for any kind of professional business template. It can be used for various business sites like ship based transport, air based transport etc. It is a complete designs with all minimum required contents for courier business.
Version: 1.0.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: loraic
Tags: business, cargo, corporate, courier, frieght, logistics, movers, multipurpose business, shipment, transport, transportation.
*/



<style>

  *, *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  /* ضبط html وbody */
  html, body {
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
  }

  body > * {
    max-width: 100%;
    box-sizing: border-box;
  }


  .container {
    width: 100%;
    max-width: 1200px; 
    margin: 0 auto;
    padding: 0 10px;
  }


  @media screen and (max-width: 768px) {
    body {
      padding: 0;
      margin: 0;
    }
    .container {
      padding: 0 5px;
    }
  }
</style>

/* Language Switcher for Mobile */
.pxl-language-switcher {
    display: inline-flex;
    align-items: center;
}

.cpel-switcher__nav {
    margin: 15px;
    padding: 0;
}

.cpel-switcher__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.cpel-switcher__lang a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #0C325B; /* Adjust color as needed */
    font-size: 14px;
    padding: 5px;
}

.cpel-switcher__flag img {
    width: 24px;
    height: auto;
    margin-right: 5px;
    vertical-align: middle;
}

.cpel-switcher__code {
    font-weight: bold;
}

/* Align with mobile nav button */
#pxl-nav-mobile {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pxl-language-switcher + .pxl-nav-mobile-button {
    margin-left: 10px;
}

/* Ensure RTL support for Arabic */
html[lang="ar"] .cpel-switcher__flag img {
    margin-right: 0;
    margin-left: 5px;
}

html[lang="ar"] .pxl-language-switcher + .pxl-nav-mobile-button {
    margin-left: 0;
    margin-right: 10px;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .pxl-language-switcher {
        display: inline-flex;
    }
}

@media (min-width: 768px) {
    .pxl-language-switcher {
        display: none; /* Hide on desktop if you want separate desktop switchers */
    }
}