/* add font cdn link */
@import url('https://cdn.weiihou.com/fonts.css?family=RB-Regular:wght@400;700;800&RB-Bold:wght@400;700;800&display=swap');

:root {
  --primary:#0d3b66; --secondary:#1b998b; --accent:#c8a95f; --accent-hover:#b7964e; --dark:#0f1d2d; --light:#f7f9fc; --muted:#5b6b7a;
}

html { scroll-behavior:smooth; }
body { font-family:'RB-Regular', system-ui, -apple-system, Segoe UI, Roboto; background-color:var(--light); color:var(--dark); line-height:1.7; direction:rtl; text-align:right; }
h1, h2, h3, h4, h5, h6 { font-family:'RB-Bold', system-ui, -apple-system, Segoe UI, Roboto; }
a { color:var(--primary); text-decoration:none; }
a:hover { color:var(--secondary); }

.navbar.ptoc-navbar { background:var(--primary); border-bottom:4px solid var(--accent); }
.navbar .navbar-brand { color:#fff; font-weight:700; letter-spacing:.3px;line-height: 1; }
.navbar .nav-link { color:#ffffffcc; }
.navbar .nav-link:hover, .navbar .nav-link.active { color:#fff; }

.brand-mark { display:flex; align-items:center; gap:.5rem; color:#fff; }
.brand-mark svg { flex:0 0 auto; }
.logo-frame { display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; background:#fff; border:1px solid #e6edf5; border-radius: 5px; box-shadow:0 2px 8px rgba(13,59,102,.08); }

.hero { position:relative; color:#fff; padding:4rem 0 3rem; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; background-image: var(--hero-photo, url('../images/ptoc.png')); background-size: cover; background-position: var(--hero-photo-position, center 35%); filter: blur(var(--hero-blur, 0px)); transform: scale(1.04); z-index:0; }
.hero::after { content:""; position:absolute; inset:0; background-image: var(--hero-overlay, var(--hero-gradient)); background-size: cover; background-position: center; opacity: var(--hero-overlay-opacity, 1); z-index:1; }
.hero .container { position:relative; z-index:2; }
.hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; filter: blur(var(--hero-blur, 3px)); transform: scale(1.04); }
.hero .display-5 { font-weight:800; }
.hero .lead { opacity:.9; }
.hero .subtitle { opacity:.95; font-size:1.05rem; margin-top:.5rem; }
.hero-badge { display:inline-flex; align-items:center; gap:.5rem; background:var(--accent-15); color:#fff; border:1px solid var(--accent-40); padding:.45rem .75rem; border-radius:999px; font-weight:700; }
.hero-media { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25); border-radius:18px; box-shadow:0 12px 28px rgba(0,0,0,.18); }
.hero-media svg { width:100%; height:auto; display:block; border-radius:16px; }
.hero-actions { display:flex; gap:.6rem; margin-top:1rem; }
.section-menu { background:#fff; border-top:4px solid var(--accent); box-shadow:0 10px 24px rgba(13,59,102,.08); padding:.75rem 0; position:relative; }
.section-menu .nav { gap:.5rem; overflow-x:auto; padding-bottom:.25rem; }
.section-menu .nav-link { border-radius:999px; border:1px solid #e6edf5; color:var(--dark); }
.section-menu .nav-link:hover { border-color:var(--accent); }
.section-menu .nav-link.active { background:var(--accent); color:var(--dark); border-color:var(--accent); font-weight:700; }
@media (max-width:576px) {
  .section-menu .nav { flex-wrap:nowrap; -webkit-overflow-scrolling:touch; }
  .section-menu .nav-item { flex:0 0 auto; }
  .section-menu .nav-link { white-space:nowrap; }
  .section-menu .nav { -ms-overflow-style:none; scrollbar-width:none; }
  .section-menu .nav::-webkit-scrollbar { display:none; }
  .section-menu .container::before, .section-menu .container::after { content:""; position:absolute; top:0; bottom:0; width:24px; pointer-events:none; z-index:2; }
  .section-menu .container::before { left:0; background:linear-gradient(to right, #ffffff 55%, rgba(255,255,255,0)); }
  .section-menu .container::after { right:0; background:linear-gradient(to left, #ffffff 55%, rgba(255,255,255,0)); }
}

.btn-brand { background:var(--accent); color:var(--dark); border:none; }
.btn-brand:hover { background:var(--accent-hover); color:#111; }
.btn-outline-brand { border-color:var(--accent); color:#fff; }
.btn-outline-brand:hover { background:var(--accent); color:var(--dark); }

.section { padding:3rem 0; }
.section-title { font-weight:700; color:var(--primary); margin-bottom:1.25rem; }

.feature-card { background:#fff; border-radius:14px; border-top:4px solid var(--accent); box-shadow:0 6px 16px rgba(13,59,102,.08); transition:transform .2s ease, box-shadow .2s ease; }
.feature-card:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(13,59,102,.12); }
.feature-card .icon { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--accent-15); color:var(--accent); margin-bottom:.75rem; }

.stat { background:#fff; border-radius:12px; padding:1rem 1.25rem; box-shadow:0 4px 12px rgba(13,59,102,.06); }
.stat .value { font-size:1.6rem; font-weight:800; color:var(--primary); }
.stat .label { color:var(--muted); }

.badge-soft { background:var(--accent-15); color:var(--accent); border:1px solid var(--accent-40); border-radius:999px; padding:.35rem .6rem; }

.search-group .form-control { border-radius:999px; padding:.75rem 1rem; }
.search-group .btn { border-radius:999px; }

.footer { background:linear-gradient(180deg, var(--dark), #001629); color:#cbd5e1; padding:2rem 0; border-top:4px solid var(--accent); }
.footer a { color:#cbd5e1; }
.footer a:hover { color:#fff; }

.container-narrow { max-width:980px; }

body[data-theme="crime"] { --accent:#E63946; --accent-hover:#c2333e; --accent-15:rgba(230,57,70,.14); --accent-40:rgba(230,57,70,.40); --secondary:#2D6A4F; --hero-gradient:linear-gradient(135deg,#0d3b66 0%, #E63946 100%); --hero-overlay:linear-gradient(135deg, rgba(13,59,102,.80) 0%, rgba(230,57,70,.55) 100%); --hero-photo:url('../images/crime-tracking.png'); --hero-photo-position:center 40%; }

body[data-theme="maritime"] { --accent:#2D9CDB; --accent-hover:#2387bb; --accent-15:rgba(45,156,219,.14); --accent-40:rgba(45,156,219,.40); --secondary:#00A8CC; --hero-gradient:linear-gradient(135deg,#0d3b66 0%, #2D9CDB 100%); --hero-overlay:linear-gradient(135deg, rgba(13,59,102,.80) 0%, rgba(45,156,219,.55) 100%); --hero-photo:url('../images/maritime-security.png'); --hero-photo-position:center 30%; }

body[data-theme="crisis"] { --accent:#F39C12; --accent-hover:#cf8410; --accent-15:rgba(243,156,18,.14); --accent-40:rgba(243,156,18,.40); --secondary:#D35400; --hero-gradient:linear-gradient(135deg,#0d3b66 0%, #F39C12 100%); --hero-overlay:linear-gradient(135deg, rgba(13,59,102,.80) 0%, rgba(243,156,18,.55) 100%); --hero-photo:url('../images/crisis-observatory.png'); --hero-photo-position:center 35%; }

body[data-theme="reports"] { --accent:#6C63FF; --accent-hover:#534cf0; --accent-15:rgba(108,99,255,.14); --accent-40:rgba(108,99,255,.40); --secondary:#2AA198; --hero-gradient:linear-gradient(135deg,#0d3b66 0%, #6C63FF 100%); --hero-overlay:linear-gradient(135deg, rgba(13,59,102,.80) 0%, rgba(108,99,255,.55) 100%); --hero-photo:url('../images/reports-audit.png'); --hero-photo-position:center 30%; }

body[data-theme="blacklist"] { --accent:#8B0000; --accent-hover:#6f0000; --accent-15:rgba(139,0,0,.14); --accent-40:rgba(139,0,0,.40); --secondary:#5C6C75; --hero-gradient:linear-gradient(135deg,#0d3b66 0%, #8B0000 100%); --hero-overlay:linear-gradient(135deg, rgba(13,59,102,.80) 0%, rgba(139,0,0,.55) 100%); --hero-photo:none; --hero-photo-position:center 50%; }
body[data-theme="blacklist"] .hero::before { content:none; }

body[data-theme="islamic"] { --accent:#16A085; --accent-hover:#11856d; --accent-15:rgba(22,160,133,.14); --accent-40:rgba(22,160,133,.40); --secondary:#2E7D32; --hero-gradient:linear-gradient(135deg,#0d3b66 0%, #16A085 100%); --hero-overlay:linear-gradient(135deg, rgba(13,59,102,.80) 0%, rgba(22,160,133,.55) 100%); --hero-photo:url('../images/islamic-movements.png'); --hero-photo-position:center 40%; }

.hero-underline { width:72px; height:4px; background:var(--accent); border-radius:999px; margin:1rem 0; opacity:.85; }

.kicker { font-weight:700; color:var(--accent); text-transform:uppercase; letter-spacing:.8px; }

.card-quiet { background:#fdfefe; border:1px solid #e6edf5; border-radius:14px; }

.rtl .dropdown-menu { text-align:right; }

.reports-bar { padding:1.25rem 0 1.5rem; border-bottom:1px solid #e6edf5; }
.reports-title { font-weight:700; color:var(--primary); }
.reports-bar .cards { display:grid; gap:1rem; }
.report-card { display:block; background:#fff; border:1px solid #e6edf5; border-top:3px solid var(--accent); border-radius:12px; padding:1rem 1.1rem; box-shadow:0 4px 12px rgba(13,59,102,.06); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; color:inherit; }
.report-card:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(13,59,102,.12); border-color:var(--accent-hover); }
.report-icon { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--accent-15); color:var(--accent); font-size:20px; }
.report-date { font-size:.9rem; color:var(--muted); }
.report-desc { color:#344b63; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.thumb-wrap { margin-bottom:.75rem; }
.report-thumb { width:100%; object-fit:cover; border-radius:10px; box-shadow:0 3px 8px rgba(13,59,102,.08); }

@media (min-width:992px) { .reports-scroll .report-thumb { height:100%; } }

.reports-grid .cards { grid-template-columns:repeat(3,minmax(220px,1fr)); }
.reports-list .cards { grid-template-columns:1fr; }
.reports-scroll .cards { display:flex; overflow-x:auto; gap:1rem; padding-bottom:.5rem; }
.reports-scroll .report-card { flex:0 0 300px; }
.reports-scroll .cards::-webkit-scrollbar { height:6px; }
.reports-scroll .cards::-webkit-scrollbar-thumb { background:var(--accent-40); border-radius:999px; }

@media (max-width:992px) { .reports-grid .cards { grid-template-columns:repeat(2,minmax(220px,1fr)); } }
@media (max-width:576px) { .reports-grid .cards { grid-template-columns:1fr; } }

body[data-theme="crime"] .reports-bar { background:linear-gradient(180deg, rgba(230,57,70,.10), transparent); }
body[data-theme="maritime"] .reports-bar { background:linear-gradient(180deg, rgba(45,156,219,.10), transparent); }
body[data-theme="crisis"] .reports-bar { background:linear-gradient(180deg, rgba(243,156,18,.10), transparent); }
body[data-theme="reports"] .reports-bar { background:linear-gradient(180deg, rgba(108,99,255,.10), transparent); }
body[data-theme="blacklist"] .reports-bar { background:linear-gradient(180deg, rgba(139,0,0,.10), transparent); }
body[data-theme="islamic"] .reports-bar { background:linear-gradient(180deg, rgba(22,160,133,.10), transparent); }