/* ==========================================================
   پوسته‌ی نسخه‌ی دسکتاپ برحمت (هدر، فوتر و ظاهر کلی)
   بعد از style.css لود می‌شود و فقط ظاهر را تغییر می‌دهد.
   ========================================================== */
:root{
  --br-primary:#1f4e5f;
  --br-primary-dark:#163b48;
  --br-primary-soft:#e8eff0;
  --br-accent:#a8875a;
  --br-bg:#f4f5f3;
  --br-card:#ffffff;
  --br-text:#1c2526;
  --br-muted:#6b7577;
  --br-line:#e3e6e4;
  --br-radius:18px;
  --br-shadow:0 6px 22px rgba(28,37,38,.07);
  --br-header-h:72px;
}

body{ background-color:var(--br-bg); color:#3d4a4c; }
h1,h2,h3,h4,h5,h6{ color:var(--br-text); }
a{ color:var(--br-primary); }
a:hover{ color:var(--br-primary-dark); }
.section{ background-color:var(--br-bg); margin-top:var(--br-header-h); }
::selection{ background:var(--br-primary); color:#fff; }

/* ---------------- هدر ---------------- */
.navbar.br-header{
  padding:0; min-height:var(--br-header-h);
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:saturate(160%) blur(10px); backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid var(--br-line);
}
.navbar.br-header.navbar-scroll{ box-shadow:0 6px 24px rgba(22,59,72,.08); }
.navbar.br-header::before{ /* نوار باریک طلایی بالای هدر */
  content:""; position:absolute; top:0; right:0; left:0; height:3px;
  background:linear-gradient(90deg, var(--br-primary), var(--br-accent), var(--br-primary));
}
.br-header-inner{ display:flex; align-items:center; flex-wrap:wrap; min-height:var(--br-header-h); gap:0 18px; }

.br-brand{ display:flex; align-items:center; gap:10px; text-decoration:none !important; order:1; }
.br-brand-logo{ height:44px; width:auto; display:block; }
.navbar .logo-white{ display:none; }
.br-brand-text{ display:flex; flex-direction:column; line-height:1.3; }
.br-brand-name{ font-size:20px; font-weight:900; color:var(--br-primary-dark); }
.br-brand-tag{ font-size:12px; color:var(--br-accent); font-weight:700; }

.br-collapse{ order:2; flex-grow:1 !important; justify-content:center; align-items:center; gap:12px; }
.br-menu{ display:flex; align-items:center; gap:4px; margin:0; padding:0; }
.navbar.br-header .br-menu .nav-item .nav-link{
  padding:8px 14px !important; border-radius:12px; font-size:15px; font-weight:700; color:var(--br-text);
  transition:background .2s, color .2s; position:relative;
}
.navbar.br-header .br-menu .nav-item .nav-link:hover{ color:var(--br-primary) !important; background:var(--br-primary-soft); }
.navbar.br-header .br-menu .nav-item .nav-link.active{ color:var(--br-primary) !important; background:transparent; }
.navbar.br-header .br-menu .nav-item .nav-link.active::after{
  content:""; position:absolute; right:14px; left:14px; bottom:2px; height:3px; border-radius:3px; background:var(--br-accent);
}

.br-filter{ display:flex; gap:8px; margin-right:12px; }
.br-filter .form-select{
  height:40px; min-width:130px; max-width:170px; padding:0 12px; font-size:13px; font-weight:700;
  border:1px solid var(--br-line); border-radius:12px; background-color:#fff; color:var(--br-text); cursor:pointer;
}
.br-filter .form-select:focus{ outline:none; border-color:var(--br-primary); box-shadow:0 0 0 3px rgba(31,78,95,.12); }

.br-actions{ order:3; display:flex; align-items:center; gap:10px; margin-left:0 !important; }
.br-cta{
  display:inline-flex; align-items:center; gap:8px; height:42px; padding:0 18px; border-radius:14px;
  background:var(--br-primary); color:#fff !important; font-weight:700; font-size:14px; border:0;
  box-shadow:0 6px 16px rgba(31,78,95,.22); transition:transform .15s, background .2s;
}
.br-cta:hover{ background:var(--br-primary-dark); transform:translateY(-1px); }
.br-cta i{ font-size:12px; }
.navbar-right .search-icon.br-icon-btn{
  width:42px; height:42px; border-radius:14px; background:var(--br-primary-soft); display:flex; align-items:center; justify-content:center;
}
.navbar-right .search-icon.br-icon-btn i{ color:var(--br-primary); line-height:1; font-size:15px; }
.navbar-right .search-icon.br-icon-btn:hover{ background:var(--br-primary); }
.navbar-right .search-icon.br-icon-btn:hover i{ color:#fff; }
.theme-switch-wrapper{ margin:0 !important; }
.slider{ background-color:var(--br-line) !important; }
input:checked + .slider{ background-color:var(--br-primary) !important; }
.navbar-toggler.br-icon-btn{
  width:42px; height:42px; border-radius:14px; background:var(--br-primary-soft); margin:0;
}
.navbar-toggler.br-icon-btn span{ width:18px; left:12px; right:auto; background:var(--br-primary-dark);
  box-shadow:0 -6px 0 0 var(--br-primary-dark), 0 6px 0 0 var(--br-primary-dark); }

/* جلوگیری از شکستن متن‌های هدر به دو خط */
.br-brand-name, .br-brand-tag, .br-menu .nav-link, .br-cta, .br-filter .form-select{ white-space:nowrap; }
.navbar.br-header > .container.br-header-inner{ max-width:1320px; }
.br-filter .form-select{ min-width:120px; max-width:150px; }
/* لپ‌تاپ‌های کوچک: فشرده‌تر */
@media (min-width:992px) and (max-width:1279px){
  .br-brand-tag{ display:none; }
  .br-cta span{ display:none; }
  .br-cta{ width:42px; padding:0; justify-content:center; }
  .navbar.br-header .br-menu .nav-item .nav-link{ padding:8px 10px !important; }
  .br-filter .form-select{ min-width:105px; max-width:125px; }
}
@media (max-width:991px){
  .br-header-inner{ padding-top:10px; padding-bottom:10px; }
  .br-brand{ order:1; margin-left:auto; }
  .br-actions{ order:2; position:static !important; }
  .br-collapse{ order:3; flex-basis:100%; }
  .br-cta span{ display:none; }          /* موبایل: فقط آیکون + */
  .br-cta{ width:42px; padding:0; justify-content:center; }
  .br-menu{ flex-direction:column; align-items:stretch; padding:10px 0 4px; }
  .navbar.br-header .br-menu .nav-item .nav-link{ display:block; }
  .navbar.br-header .br-menu .nav-item .nav-link.active::after{ left:auto; width:24px; }
  .br-filter{ margin:6px 0 10px; }
  .br-filter .form-select{ flex:1; max-width:none; }
}
@media (max-width:480px){
  .br-brand-tag{ display:none; }
  .br-brand-logo{ height:38px; }
  .br-brand-name{ font-size:18px; }
  .theme-switch-wrapper{ display:none !important; }
}

/* ---------------- بخش بالای صفحه‌ی اصلی ---------------- */
.br-hero-logo{ width:220px; height:auto; max-width:60%; }
.section .btn-secondary{
  background:#fff; color:var(--br-primary); border:1px solid var(--br-line); border-radius:999px !important;
  padding:7px 18px; font-weight:700; box-shadow:0 2px 8px rgba(28,37,38,.04); transition:all .2s;
}
.section .btn-secondary:hover, .section .btn-secondary:focus{ background:var(--br-primary); border-color:var(--br-primary); color:#fff; }
.btn-primary{ background-color:var(--br-primary); border-color:var(--br-primary); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{ background-color:var(--br-primary-dark) !important; border-color:var(--br-primary-dark) !important; }
.form-control{ border-radius:12px; border-color:var(--br-line); }
.form-control:focus{ border-color:var(--br-primary); box-shadow:0 0 0 3px rgba(31,78,95,.12); }
.input-group > .form-control{ border-radius:0 14px 14px 0 !important; height:48px; }
.input-group > .btn{ border-radius:14px 0 0 14px !important; padding:0 24px; }

/* ---------------- کارت‌های اموات ---------------- */
.post-card{ border-radius:var(--br-radius) !important; box-shadow:var(--br-shadow) !important; border:1px solid var(--br-line);
  transition:transform .2s ease, box-shadow .2s ease; }
.post-card:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(22,59,72,.12) !important; }
.post-card-image{ border-radius:16px; }
.post-card-image img{ border-radius:16px; aspect-ratio:4/5; object-fit:cover; width:100%; }
.post-card-content h5 a{ color:var(--br-primary-dark); }
.post-card-content h5 a:hover{ color:var(--br-primary); }
.post-status{ color:var(--br-accent) !important; font-size:.95rem !important; }
.informationdiv p{ margin:8px 0 !important; padding-bottom:8px; border-bottom:1px dashed var(--br-line); font-size:14px; }
.informationdiv p:last-child{ border-bottom:0; }

/* آگهی بدون عکس: لوگوی کم‌رنگ برحمت به‌جای سیلوئت خاکستری بزرگ */
.post-card-image img.br-ph, img.br-ph{
  aspect-ratio:16/10; object-fit:contain; padding:12% 22%; opacity:.28;
  background:linear-gradient(160deg, #eef2f1 0%, #e1e8e7 100%); transform:none !important;
}
img.br-ph-lg{ width:100%; max-width:420px; border-radius:18px; }
.dark img.br-ph{ background:linear-gradient(160deg, #1f2628 0%, #263032 100%); opacity:.45; }

/* صفحه‌ی آگهی: عکس اصلی با ارتفاع محدود (قبلاً تمام‌عرض و تا ۱۶۰۰ پیکسل ارتفاع) */
.br-photo{
  display:inline-block; position:relative; overflow:hidden; max-width:100%; line-height:0;
  border-radius:22px; border:6px solid #fff; box-shadow:0 16px 40px rgba(22,59,72,.16);
}
.br-photo img{ max-height:548px; width:auto; max-width:100%; object-fit:cover; border-radius:16px; }
.dark .br-photo{ border-color:#2b3436; }

/* نوار مشکی مات سوگواری روی گوشه‌ی بالا-چپ عکس آگهی‌هایی که عکس دارند */
.br-mourn{ position:relative; overflow:hidden; }
.br-mourn::before{
  content:""; position:absolute; z-index:3; pointer-events:none;
  top:34px; left:-58px; width:230px; height:34px;
  background:rgba(18,20,21,.88); transform:rotate(-45deg);
  box-shadow:0 3px 10px rgba(0,0,0,.28);
}
.post-card-image.br-mourn::before{ top:24px; left:-46px; width:170px; height:24px; }

/* صفحه‌بندی */
.pagination .page-link{ border:1px solid var(--br-line); color:var(--br-primary); margin:0 3px; border-radius:12px !important; min-width:42px; text-align:center; }
.pagination .page-item.active .page-link{ background:var(--br-primary); border-color:var(--br-primary); color:#fff; }
.pagination .page-item.disabled .page-link{ color:#a7b0b2; }

/* ---------------- فوتر ---------------- */
.footer.br-footer{
  margin-top:70px; color:rgba(255,255,255,.82); position:relative;
  background:linear-gradient(160deg, var(--br-primary-dark) 0%, var(--br-primary) 100%);
}
.br-footer::before{ content:""; position:absolute; top:0; right:0; left:0; height:4px;
  background:linear-gradient(90deg, var(--br-accent), #d8c29d, var(--br-accent)); }
.br-footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.5fr; gap:34px; padding:56px 0 40px; }
.br-footer-brand img{ height:64px; width:auto; }
.br-footer-verse{ color:#d8c29d; font-weight:700; margin:12px 0 10px; font-size:15px; }
.br-footer-about p{ line-height:2; font-size:14px; margin-bottom:0; }
.br-footer-title{ color:#fff; font-size:16px; font-weight:900; margin-bottom:16px; position:relative; padding-bottom:10px; }
.br-footer-title::after{ content:""; position:absolute; right:0; bottom:0; width:32px; height:3px; border-radius:3px; background:var(--br-accent); }
.br-footer-links{ list-style:none; padding:0; margin:0; }
.br-footer-links li{ margin-bottom:10px; }
.br-footer-links a{ color:rgba(255,255,255,.82); font-size:14px; transition:color .2s, padding .2s; }
.br-footer-links a::before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--br-accent); margin-left:10px; vertical-align:middle; }
.br-footer-links a:hover{ color:#fff; padding-right:4px; }
.br-footer-app .brdl{ margin:0 0 16px; max-width:none; }
.br-footer-app .brdl-title{ color:rgba(255,255,255,.7); text-align:right; }
.br-footer-app .brdl-row{ grid-template-columns:1fr; gap:8px; }
.br-footer-app .brdl a.brdl-btn{ background:rgba(255,255,255,.96); border-color:transparent; padding:8px 12px; }
.br-footer-trust img{ background:#fff; border-radius:14px; padding:6px; max-height:96px; }
.br-footer-bottom{ border-top:1px solid rgba(255,255,255,.12); padding:18px 0; text-align:center; }
.br-footer-bottom p{ margin:0; font-size:13px; color:rgba(255,255,255,.78); }
.br-footer-bottom .br-footer-en{ font-size:11px; color:rgba(255,255,255,.5); margin-top:4px; font-family:Tahoma, Arial, sans-serif; letter-spacing:.3px; }
.footer .back .back-top{ background:var(--br-accent); border-color:var(--br-accent); border-radius:14px; }
.footer .back .back-top:hover{ background:#fff; border-color:#fff; }
.footer .back .back-top:hover i{ color:var(--br-primary); }

@media (max-width:991px){
  .br-footer-grid{ grid-template-columns:1fr 1fr; gap:28px; }
}
@media (max-width:576px){
  .br-footer-grid{ grid-template-columns:1fr 1fr; padding:40px 0 28px; }
  .br-footer-about, .br-footer-app{ grid-column:1 / -1; }
  .br-footer-app .brdl-row{ grid-template-columns:repeat(3,1fr); }
}

/* جستجوی تمام‌صفحه */
.search-form .search-btn{ background:var(--br-primary); }
.search-form .search-btn:hover{ background:var(--br-primary-dark); }

/* ---------------- حالت شب ---------------- */
.dark{ background-color:#151a1b; }
.dark .section{ background-color:#151a1b; }
.dark .navbar.br-header{ background:rgba(28,34,36,.96); border-bottom-color:#2b3436; }
.dark .navbar .logo-dark{ display:none !important; }
.dark .navbar .logo-white{ display:block !important; }
.dark .br-brand-name, .dark .navbar.br-header .br-menu .nav-item .nav-link{ color:#e6ecec; }
.dark .navbar.br-header .br-menu .nav-item .nav-link:hover{ background:#24302f; color:#fff !important; }
.dark .br-filter .form-select{ background-color:#1f2628; color:#e6ecec; border-color:#2f3a3c; }
.dark .navbar-right .search-icon.br-icon-btn, .dark .navbar-toggler.br-icon-btn{ background:#24302f; }
.dark .navbar-right .search-icon.br-icon-btn i{ color:#e6ecec; }
.dark .navbar-toggler.br-icon-btn span{ background:#e6ecec; box-shadow:0 -6px 0 0 #e6ecec, 0 6px 0 0 #e6ecec; }
.dark .post-card{ border-color:#2b3436; }
.dark .post-card-content h5 a, .dark h1, .dark h2, .dark h3, .dark h5{ color:#e6ecec; }
.dark .section .btn-secondary{ background:#1f2628; border-color:#2f3a3c; color:#e6ecec; }
.dark .informationdiv p{ border-bottom-color:#2b3436; }
.dark .footer.br-footer{ background:linear-gradient(160deg, #0f2a33 0%, #163b48 100%); }