@font-face {
    font-family: 'Cairo';
    src: url('../webfonts/Cairo/static/Cairo-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../webfonts/Cairo/static/Cairo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../webfonts/Cairo/static/Cairo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../webfonts/Cairo/static/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../webfonts/Cairo/static/Cairo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html,
body {
    font-family: 'Cairo', sans-serif !important;
}



.mobile-nav{
   
    top: 0;
    right: 100%; /* Start off-screen to the left */
    transition: right 0.4s ease;
   
}

.mobile-nav.active {
    right: 0; /* Slide in from right */
}



.arabic-phone {
    direction: ltr;
    text-align: left;
}

.phone-ar input[type="tel"]::placeholder {
    direction: rtl;
}

/* RTL placeholders for all Arabic form inputs */
#booking-form input::placeholder,
#booking-form textarea::placeholder {
    direction: rtl;
    text-align: right;
}

.site-footer .footer-developer-credit {
    margin-top: 8px;
}

.site-footer .footer-developer-credit small {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
}

.site-footer .footer-developer-credit a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: color 0.2s ease;
}

.site-footer .footer-developer-credit a:hover {
    color: rgba(255, 255, 255, 0.9);
}