/* === ريان — البحث وصفحات الأقسام === */

/* زر البحث في الشريط العلوي */
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-page .rv-phead{
	padding:calc(96px + clamp(50px,8vw,110px)) clamp(18px,5vw,80px) clamp(34px,5vw,60px);
	background:var(--ink);color:#fff;text-align:start
}
body.rayan-hv2.rv-page .rv-phead .rv-num{display:block;color:var(--pink-2);font-size:12px;letter-spacing:2px;margin-bottom:12px}
body.rayan-hv2.rv-page .rv-phead h1{
	font-family:var(--display) !important;color:#fff;
	font-size:clamp(30px,5.6vw,64px);line-height:1.25;margin:0 0 12px;font-weight:400
}
body.rayan-hv2.rv-page .rv-phead p{color:rgba(255,255,255,.65);margin:0;font-size:15px}

body.rayan-hv2 .rv-inline-search{display:flex;align-items:center;gap:10px;margin-top:26px;max-width:460px;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:10px}
body.rayan-hv2 .rv-inline-search input{flex:1;background:none;border:0;outline:none;color:#fff;font-size:15px;font-family:inherit}
body.rayan-hv2 .rv-inline-search input::placeholder{color:rgba(255,255,255,.4)}
body.rayan-hv2 .rv-inline-search button{background:none;border:0;color:#fff;cursor:pointer;opacity:.7}
body.rayan-hv2 .rv-inline-search button:hover{opacity:1}

/* شبكة النتائج */
body.rayan-hv2 .rv-results{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,30px)}
@media (max-width:900px){body.rayan-hv2 .rv-results{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){body.rayan-hv2 .rv-results{grid-template-columns:1fr}}

body.rayan-hv2 .rv-rcard{
	display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);
	overflow:hidden;text-decoration:none;color:inherit;
	transition:transform .5s var(--ease),box-shadow .5s var(--ease)
}
body.rayan-hv2 .rv-rcard:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(27,15,43,.13)}
body.rayan-hv2 .rv-rcard-img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--line)}
body.rayan-hv2 .rv-rcard-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
body.rayan-hv2 .rv-rcard:hover .rv-rcard-img img{transform:scale(1.06)}
body.rayan-hv2 .rv-rcard-body{display:block;padding:18px 20px 20px}
body.rayan-hv2 .rv-rcard-cat{display:block;font-style:normal;color:var(--pink);font-size:11px;letter-spacing:1.5px;margin-bottom:7px}
body.rayan-hv2 .rv-rcard-body strong{display:block;font-family:var(--display) !important;font-size:17px;font-weight:400;line-height:1.6;color:var(--ink)}
body.rayan-hv2 .rv-rcard-body time{display:block;margin-top:9px;font-size:12px;color:var(--muted)}

/* ترقيم الصفحات */
body.rayan-hv2 .rv-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:44px}
body.rayan-hv2 .rv-pager .page-numbers{
	min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
	border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--body);
	text-decoration:none;font-size:14px;transition:all .3s var(--ease)
}
body.rayan-hv2 .rv-pager .page-numbers:hover{border-color:var(--pink);color:var(--pink)}
body.rayan-hv2 .rv-pager .page-numbers.current{background:var(--pink);border-color:var(--pink);color:#fff}
body.rayan-hv2 .rv-pager .dots{border:0;background:none}

/* لا نتائج */
body.rayan-hv2 .rv-empty{text-align:center;padding:26px 0 10px}
body.rayan-hv2 .rv-empty p{color:var(--muted);margin:0 0 22px;font-size:16px}
body.rayan-hv2 .rv-empty-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* القائمة الجانبية للجوال: عرض أضيق، وعنصر البحث يرث شكل بقية الروابط وحركتها */
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}


/* === شريط التنقل في صفحات المقالات — مستقل عن تنسيق الواجهة الجديدة === */
body.rayan-navbar .rv-nav{position:fixed;inset:0 0 auto 0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;transition:all .5s var(--ease)}
body.rayan-navbar .rv-nav.solid{background:rgba(27,15,43,.94);padding:12px 40px;backdrop-filter:blur(10px);border-bottom:1px solid rgba(231,226,238,.12)}
body.rayan-navbar a.rv-brand{font-family:var(--display) !important;font-weight:800;font-size:22px;line-height:1.2}
body.rayan-navbar .rv-brand small{display:block;font-family:'Cairo',sans-serif !important;font-size:9px;font-weight:400;letter-spacing:3px;opacity:.6}
body.rayan-navbar .rv-menu{display:flex;gap:28px;font-size:14px;font-weight:500}
body.rayan-navbar .rv-menu a{position:relative;padding:4px 0;opacity:.85;transition:opacity .3s}
body.rayan-navbar .rv-menu a::after{content:'';position:absolute;inset:auto 0 0 auto;width:0;height:2px;background:var(--pink-2);transition:width .45s var(--ease)}
body.rayan-navbar .rv-menu a:hover{opacity:1}
body.rayan-navbar .rv-menu a:hover::after{width:100%}
body.rayan-navbar .rv-pill{border:1px solid rgba(255,255,255,.5);border-radius:100px;padding:11px 24px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .45s var(--ease);background:transparent;white-space:nowrap}
body.rayan-navbar .rv-pill:hover{background:#fff;color:var(--ink);border-color:#fff}
body.rayan-navbar .rv-pill.filled{background:var(--pink);border-color:var(--pink);color:#fff}
body.rayan-navbar .rv-pill.filled:hover{background:var(--pink-2);border-color:var(--pink-2);color:#fff}
body.rayan-navbar .rv-burger{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
body.rayan-navbar .rv-burger span{display:block;width:24px;height:2px;background:#fff}
body.rayan-navbar .rv-drawer{position:fixed;inset:0 auto 0 0;width:80%;max-width:340px;background:var(--ink-2);z-index:1100;
  transform:translateX(-100%);transition:transform .45s var(--ease);display:flex;flex-direction:column;
  padding:22px 24px 28px;overflow-y:auto;border-left:1px solid rgba(231,226,238,.1)}
body.rayan-navbar .rv-drawer.open{transform:none}
body.rayan-navbar .rv-drawer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding-bottom:20px;border-bottom:1px solid rgba(231,226,238,.12)}
body.rayan-navbar .rv-drawer-brand{font-family:var(--display) !important;font-size:19px;font-weight:800;line-height:1.25;text-align:left}
body.rayan-navbar .rv-drawer-brand small{display:block;font-family:'Cairo',sans-serif !important;font-size:8px;
  font-weight:400;letter-spacing:2.5px;opacity:.55;margin-top:2px}
body.rayan-navbar .rv-close{background:none;border:0;color:#fff;font-size:30px;line-height:1;cursor:pointer;padding:0 4px;
  opacity:.75;transition:opacity .3s,color .3s}
body.rayan-navbar .rv-close:hover{opacity:1;color:var(--pink-2)}
body.rayan-navbar .rv-drawer-menu{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:18px 0;gap:0}
body.rayan-navbar .rv-drawer-menu a{position:relative;display:block;font-family:var(--display) !important;font-size:20px;
  font-weight:400;color:rgba(255,255,255,.92);padding:15px 14px 15px 0;border-bottom:1px solid rgba(231,226,238,.07);
  transition:color .3s,padding .35s var(--ease);opacity:0;transform:translateX(-16px)}
body.rayan-navbar .rv-drawer.open .rv-drawer-menu a{opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease),color .3s,padding .35s var(--ease)}
body.rayan-navbar .rv-drawer.open .rv-drawer-menu a:nth-child(1){transition-delay:.10s}
body.rayan-navbar .rv-drawer.open .rv-drawer-menu a:nth-child(2){transition-delay:.15s}
body.rayan-navbar .rv-drawer.open .rv-drawer-menu a:nth-child(3){transition-delay:.20s}
body.rayan-navbar .rv-drawer.open .rv-drawer-menu a:nth-child(4){transition-delay:.25s}
body.rayan-navbar .rv-drawer.open .rv-drawer-menu a:nth-child(5){transition-delay:.30s}
body.rayan-navbar .rv-drawer.open .rv-drawer-menu a:nth-child(6){transition-delay:.35s}
body.rayan-navbar .rv-drawer-menu a:last-child{border-bottom:0}
body.rayan-navbar .rv-drawer-menu a::before{content:'';position:absolute;inset:auto auto 15px 0;width:0;height:2px;
  background:var(--pink-2);transition:width .4s var(--ease)}
body.rayan-navbar .rv-drawer-menu a:hover,body.rayan-navbar .rv-drawer-menu a:active{color:#fff;padding-right:8px}
body.rayan-navbar .rv-drawer-menu a:hover::before{width:22px}
body.rayan-navbar .rv-drawer-foot{padding-top:20px;border-top:1px solid rgba(231,226,238,.12);display:flex;
  flex-direction:column;gap:18px;align-items:stretch}
body.rayan-navbar .rv-drawer-cta{justify-content:center;width:100%;font-size:14px;padding:13px 20px}
body.rayan-navbar .rv-drawer-foot .rv-social{justify-content:center;gap:14px}
body.rayan-navbar .rv-drawer-foot .rv-social a{width:38px;height:38px}
body.rayan-navbar .rv-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1050;opacity:0;pointer-events:none;transition:opacity .35s ease}
body.rayan-navbar .rv-backdrop.on{opacity:1;pointer-events:auto}
body.rayan-navbar .rv-light .rv-pill{border-color:var(--ink);color:var(--ink)}
body.rayan-navbar .rv-light .rv-pill:hover{background:var(--ink);color:#fff}
body.rayan-navbar .rv-light .rv-more .rv-pill{border-color:var(--ink);color:var(--ink)}
body.rayan-navbar .rv-light .rv-more .rv-pill:hover{background:var(--ink);color:#fff}
body.rayan-navbar .rv-social{display:flex;gap:18px;align-items:center}
body.rayan-navbar .rv-social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(231,226,238,.28);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);transition:all .35s var(--ease)}
body.rayan-navbar .rv-social a:hover{background:var(--pink);border-color:var(--pink);color:#fff}
body.rayan-navbar .rv-social svg{display:block}
@media(max-width:860px){
body.rayan-navbar .rv-nav{padding:14px 20px}
body.rayan-navbar .rv-menu{display:none}
body.rayan-navbar .rv-nav>.rv-pill{display:none}
body.rayan-navbar .rv-burger{display:flex}
body.rayan-navbar .rv-social{justify-content:center}
}
/* === ريان — البحث وصفحات الأقسام === */

/* زر البحث في الشريط العلوي */
body.rayan-navbar .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-navbar .rv-sbtn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);transform:scale(1.06)}
body.rayan-navbar .rv-sbtn svg{width:17px;height:17px}
@media (max-width:860px){
body.rayan-navbar .rv-sbtn{display:none !important}
}
/* طبقة البحث */
body.rayan-navbar .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-navbar .rv-ovl.on{opacity:1;visibility:visible}
body.rayan-navbar .rv-ovl-in{width:min(760px,88vw);text-align:center;transform:translateY(14px);transition:transform .45s var(--ease)}
body.rayan-navbar .rv-ovl.on .rv-ovl-in{transform:none}
body.rayan-navbar .rv-ovl label{display:block;color:rgba(255,255,255,.55);font-size:13px;letter-spacing:2px;margin-bottom:18px}
body.rayan-navbar .rv-ovl form{display:flex;align-items:center;gap:12px;border-bottom:2px solid rgba(255,255,255,.35);padding-bottom:14px}
body.rayan-navbar .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-navbar .rv-ovl input[type=search]::placeholder{color:rgba(255,255,255,.35)}
body.rayan-navbar .rv-ovl button[type=submit]{background:none;border:0;color:#fff;cursor:pointer;padding:6px;opacity:.75;transition:opacity .3s}
body.rayan-navbar .rv-ovl button[type=submit]:hover{opacity:1}
body.rayan-navbar .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-navbar .rv-ovl-x:hover{color:#fff}
/* القائمة الجانبية للجوال: عرض أضيق، وعنصر البحث يرث شكل بقية الروابط وحركتها */
body.rayan-navbar .rv-drawer{width:70% !important;max-width:290px !important}
body.rayan-navbar .rv-drawer-menu a.rv-sbtn-m{cursor:pointer;text-decoration:none}

body.rayan-navbar .rf-hero-brand{display:none !important}
body.rayan-navbar .rv-nav,
body.rayan-navbar .rv-drawer{color:#fff}
body.rayan-navbar .rv-nav a,
body.rayan-navbar .rv-drawer a{color:inherit;text-decoration:none}
body.rayan-navbar .rv-brand small,
body.rayan-navbar .rv-drawer-brand small{color:rgba(255,255,255,.55)}
body.rayan-navbar .rv-menu a{color:rgba(255,255,255,.86)}
body.rayan-navbar .rv-menu a:hover{color:#fff}
@media (max-width:860px){body.rayan-navbar .rv-sbtn{display:none !important}}


/* متغيرات التصميم لشريط المقال */
body.rayan-navbar{
	--ink:#1b0f2b;
	--ink-2:#21142f;
	--violet:#3c1a5b;
	--violet-2:#5b2d8e;
	--pink:#c8266f;
	--pink-2:#e13a85;
	--paper:#faf7f2;
	--line:#e7e2ee;
	--body:#3d3545;
	--muted:#7b7286;
	--r:20px;
	--ease:cubic-bezier(.16,1,.3,1);
	--display:'Camel','Cairo',sans-serif;
}
@font-face{font-family:'Camel';src:url("../fonts/TheYearofTheCamel-Light.woff2") format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Camel';src:url("../fonts/TheYearofTheCamel-Regular.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Camel';src:url("../fonts/TheYearofTheCamel-Medium.woff2") format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Camel';src:url("../fonts/TheYearofTheCamel-Bold.woff2") format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Camel';src:url("../fonts/TheYearofTheCamel-ExtraBold.woff2") format('woff2');font-weight:800;font-display:swap}


/* فوتر المقال */
body.rayan-navbar .rv-foot{background:var(--ink-2);border-top:1px solid rgba(231,226,238,.1);padding:40px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.6)}
@media(max-width:860px){
body.rayan-navbar .rv-foot{flex-direction:column;text-align:center;padding:32px 20px}
}
body.rayan-navbar .rf-footer{display:none}
body.rayan-navbar .rv-foot{position:relative;z-index:3}

/* شعار الشريط والدرج بدل النصّ (0.4.3) — مطابق لـ home.css */
body.rayan-navbar a.rv-brand{display:block;line-height:0}
body.rayan-navbar .rv-brand img,body.rayan-navbar .rv-drawer-brand img{display:block;width:auto;height:40px;max-width:min(60vw,260px);object-fit:contain}
body.rayan-navbar .rv-drawer-brand{line-height:0}
body.rayan-navbar .rv-drawer-brand img{height:34px}
@media(max-width:860px){body.rayan-navbar .rv-brand img{height:32px}}
/* عدّاد المشاهدات على بطاقات صفحة قسم «مناسباتكم»: بجوار التاريخ. */
body.rayan-hv2 .rv-rcard-body time .rayan-views{margin-inline-start:.75em;font-size:12px;color:var(--muted)}