@charset "UTF-8";
/* ALNOUR compatibility stylesheet expected by current browse/content PHP pages.
   Restores the post-Sep16 header/audio/chatbot/mobile layer without changing homepage content. */
@import url("alnour-vnext.css");
@import url("alnour-live-ui-20260915b.css");
@import url("alnour-tasheel-v58118-parity.css");
@import url("header-alignment-20260916.css");
@import url("chatbot/alnour-chatbots.css");

/* Keep the public PHP shell above page content and prevent native controls from escaping. */
.ref-header{position:sticky;top:0;z-index:1500}
.ref-nav{min-width:0}
.nav-actions{min-width:0}
.nav-audio{position:relative!important}
.nav-audio audio{display:none!important}
.nav-audio-panel{max-width:min(230px,calc(100vw - 20px));overflow:hidden}
.nav-audio-panel input[type="range"]{display:block!important;width:96px!important;max-width:96px!important;height:auto!important}
.nav-audio-panel button{overflow:hidden}

/* Chatbot must always remain a compact floating widget, never become document content. */
.alnour-chatbots{position:fixed!important;z-index:4200!important}
.alnour-chatbots img{max-width:64px!important}
.alnour-chatbots .chat-window img{max-width:100%!important}
@media(max-width:720px){
  html[dir="rtl"] .alnour-chatbots{left:10px!important;right:auto!important;bottom:68px!important}
}

/* Regression shield r4: mobile header never leaks native audio controls or chatbot artwork. */
.ref-header audio{display:none!important;width:0!important;height:0!important}
.nav-audio-panel{position:absolute!important;inset-block-start:calc(100% + 8px);inset-inline-end:0!important;width:210px!important;max-width:calc(100vw - 20px)!important}
.nav-audio-panel[hidden]{display:none!important}
.alnour-chatbots{max-width:min(370px,calc(100vw - 20px))!important}
.alnour-chatbots>img,.alnour-chatbots>button img{width:58px!important;height:58px!important;object-fit:contain!important}
@media(max-width:720px){
  .ref-nav{padding-inline:10px!important}
  .nav-actions{gap:6px!important}
  .language-links{display:flex!important;gap:4px!important}
  .language-links a{padding:7px 8px!important;font-size:11px!important}
  .nav-audio-panel{width:190px!important}
}