/* === RayanPhoto — صفحات الأقسام ونتائج البحث === */
/* منقول من rayan-views/assets/views.css، الجزء الخاص بهاتين الصفحتين فقط،
   بالقيم نفسها حرفًا بحرف.
   المتغيّرات (--ink و--pink و--line و--r و--ease و--display) معرّفة في home.css.
   لم تُنقل تنسيقات المقالات (body.rayan-navbar) ولا قالب الصفحات العامة،
   ولا قواعد البحث — تلك في search.css منذ C1.1. */

/* رأس صفحة النتائج والأقسام */
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-rcard-body time .rayan-views{margin-inline-start:.75em;font-size:12px;color:var(--muted)}
