/*
Theme Name: Brandly
Theme URI: http://example.com/my-theme
Author: Your Name
Author URI: http://example.com
Description: A custom theme using Tailwind CSS.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-theme
*/


body {

    font-family: 'Tajawal', sans-serif !important;
}


/* End Global Style*/

/*Start Header*/
/*.mobile-menu {*/
/*    z-index: 10000000000000000 !important;*/
    /* In RTL, translate-x-full moves to the left (negative direction usually) or right?
       Actually, transform: translateX is physical.
       If we want it to slide from the "start" side (Right in RTL), we position it on the right.
       But the HTML uses 'inset-0' and 'translate-x-full'.
       In LTR: moves right (offscreen right).
       In RTL: we want it to be offscreen, and slide IN.
       If we keep 'translate-x-full' (positive), it moves right.
       If the menu is full screen (inset-0), moving it right means it's offscreen right.
       So sliding it to '0' brings it back. This works for sliding from Right-to-Left.
    */
/*    transform: translateX(100%);*/
    /* Initial state: off-screen to the right */
/*    transition: transform 0.3s ease-in-out;*/
    /* Add transition for smooth slide */
/*}*/

/* Header JS State Classes */
/*.mobile-menu.active {*/
/*    transform: translateX(0) !important;*/
/*}*/

/*body.no-scroll {*/
/*    overflow: hidden;*/
/*}*/