@charset "utf-8";
@font-face { font-family: 'bb'; src: url('fonts/Dubai-Light.woff2') format('woff2'); font-weight: normal; font-style: normal;font-display: swap; }
@font-face { font-family: 'bb'; src: url('fonts/Dubai-Regular.woff2') format('woff2'); font-weight: bold; font-style: normal;font-display: swap; }
@font-face { font-family: 'layla'; src: url('fonts/laylaproarabic-Medium.woff2') format('woff2'); font-style: normal;font-display: swap; }

:root{
  --shadow:0 -1px 5px -3px var(--imp_btn_color);
}
footer [aria-label="حجز طاولة"]{ position: fixed; left: 10px; bottom: 0; border-radius: 10px 10px 0 0 !important; padding: 7px 10px 6px !important; font-size: 20px; margin: 0; }
.social.ico-instagram,.social.googlemap { position: fixed; right: 10px; bottom: 0; padding: 10px 8px 2px; font-size: 20px; font-weight: bold; }
.social.googlemap {
  background: var(--btn_color); border-radius: 10px 10px 0 0;
  right: 10px; left: 10px;
  text-align: center;
  color: var(--btn_txt_color);
  box-shadow: var(--shadow);
  padding: 5px 8px 8px 46px;
}
.social.ico-instagram::after { content: ' تابعنا'; }
.title,h1,h2,h3,h4,h5,h6{ font-family: 'layla',serif; }
body{background: url(../imgs/bg2.avif) center;background-size: cover;}
.page_view { box-shadow: none;background: transparent; }
.pageinner{ text-align: center;}
.page_form [type="submit"]{clear: both; width: 100%; margin: 0 0 10px 0;}
nav.top btns,.getHelpBtn{display: none;}
header{ flex-direction: row-reverse; }
logo { width: 200px !important; max-width: 200px; background-position: left; height: 60px; margin: 0; }
.text-big { font-size: larger; }
.splide__progress__bar{margin: 6px auto; background: var(--link_color); height: 2px;}
@media (min-width: 901px){ /*pc*/
  a.booktable{ display: none; }
}
@media (max-width: 901px){ /*mob*/
  logo { width: 100% !important; max-width: none; }
  a.booktable { position: absolute; top: 360px; background: var(--imp_btn_color); padding: 10px 15px; color: var(--imp_btn_txt_color); border-radius: 13px; font-size: 20px; left: 50%; transform: translateX(-50%); box-shadow: var(--shadow); }
}