/* === RayanPhoto — البحث: الزر والطبقة === */
/* منقول من rayan-views/assets/views.css، الجزء الخاص بالبحث فقط،
   بالقيم نفسها حرفًا بحرف. المتغيّرات --ease و--display معرّفة في home.css. */

/* زر البحث في الشريط العلوي */
body.rayan-hv2 .rv-sbtn{
	display:flex;align-items:center;justify-content:center;
	width:38px;height:38px;flex:0 0 auto;
	margin-inline-start:14px;
	background:none;border:1px solid rgba(255,255,255,.28);border-radius:50%;
	color:#fff;cursor:pointer;
	transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)
}
body.rayan-hv2 .rv-sbtn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);transform:scale(1.06)}
body.rayan-hv2 .rv-sbtn svg{width:17px;height:17px}

/* على الجوال: البحث في القائمة الجانبية فقط، لا في الشريط العلوي */
@media (max-width:860px){
	body.rayan-hv2 .rv-sbtn{display:none !important}
}

/* طبقة البحث */
body.rayan-hv2 .rv-ovl{
	position:fixed;inset:0;z-index:9999;
	background:rgba(27,15,43,.97);
	display:flex;align-items:center;justify-content:center;
	opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease
}
body.rayan-hv2 .rv-ovl.on{opacity:1;visibility:visible}
body.rayan-hv2 .rv-ovl-in{width:min(760px,88vw);text-align:center;transform:translateY(14px);transition:transform .45s var(--ease)}
body.rayan-hv2 .rv-ovl.on .rv-ovl-in{transform:none}
body.rayan-hv2 .rv-ovl label{display:block;color:rgba(255,255,255,.55);font-size:13px;letter-spacing:2px;margin-bottom:18px}
body.rayan-hv2 .rv-ovl form{display:flex;align-items:center;gap:12px;border-bottom:2px solid rgba(255,255,255,.35);padding-bottom:14px}
body.rayan-hv2 .rv-ovl input[type=search]{
	flex:1;background:none;border:0;outline:none;color:#fff;
	font-family:var(--display) !important;font-size:clamp(22px,4vw,38px);font-weight:400;
	text-align:start;padding:0
}
body.rayan-hv2 .rv-ovl input[type=search]::placeholder{color:rgba(255,255,255,.35)}
body.rayan-hv2 .rv-ovl button[type=submit]{background:none;border:0;color:#fff;cursor:pointer;padding:6px;opacity:.75;transition:opacity .3s}
body.rayan-hv2 .rv-ovl button[type=submit]:hover{opacity:1}
body.rayan-hv2 .rv-ovl-x{
	position:absolute;top:26px;inset-inline-start:26px;
	background:none;border:0;color:rgba(255,255,255,.6);font-size:34px;line-height:1;cursor:pointer;transition:color .3s
}
body.rayan-hv2 .rv-ovl-x:hover{color:#fff}

/* القائمة الجانبية للجوال: عرض أضيق، وعنصر البحث يرث شكل بقية الروابط وحركتها.
   القاعدتان مقترنتان في المصدر: عرض الدرج جزء من الشكل الحالي على الصفحة
   الرئيسية، وإسقاطه كان سيوسّع الدرج — أي تغييرًا في التصميم. */
body.rayan-hv2 .rv-drawer{width:70% !important;max-width:290px !important}
body.rayan-hv2 .rv-drawer-menu a.rv-sbtn-m{cursor:pointer;text-decoration:none}