/*
Theme Name: WeenNews
Theme URI: https://example.com/weennews
Author: ChatGPT
Description: صحيفة عربية حديثة بخفة عالية وRTL كامل. تدرّج لوني في الهيدر، شريط ترند، هيرو كبطاقات مغطاة، أعمدة Recent، فوتر داكن.
Version: 1.0.0
Text Domain: weennews
License: GPL-2.0+
*/
:root{
  --wn-pink:#ff3d57;
  --wn-orange:#ff7a18;
  --wn-green:#28b24a;
  --wn-dark:#0b0d11;
  --wn-text:#111317;
  --wn-muted:#6c757d;
  --wn-bg:#f6f7fb;
}
html{scroll-behavior:smooth}
body{direction:rtl;text-align:right;background:var(--wn-bg);color:var(--wn-text);font-family:"Tajawal",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}
a{color:inherit}
/* Top trending */
.wn-trending{background:#f1f3f5;border-bottom:1px solid #e9ecef;font-size:.875rem}
.wn-trending .label{color:var(--wn-pink);font-weight:800;letter-spacing:.4px;text-transform:uppercase}
/* Brand + navbar gradient */
.wn-brand{font-weight:900;text-decoration:none;color:#111}
.wn-navbar{background:linear-gradient(90deg,var(--wn-orange),var(--wn-pink));}
.wn-navbar .navbar-nav{display:flex;gap:.25rem}
.wn-navbar .nav-item{list-style:none}
.wn-navbar .nav-link{color:#fff!important;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:.75rem 1rem;display:block}
.wn-navbar .nav-link:hover{opacity:.9}
/* Hero overlay cards */
.wn-hero .card{border:0;border-radius:1rem;overflow:hidden;box-shadow:0 8px 22px rgba(16,24,40,.08)}
.wn-hero .thumb{position:relative}
.wn-hero img{width:100%;height:240px;object-fit:cover;display:block}
@media (min-width: 992px){ .wn-hero img{height:260px} }
.wn-hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.6) 60%,rgba(0,0,0,.9));}
.wn-hero .content{position:absolute;inset-inline:1rem;bottom:1rem;color:#fff}
.wn-hero .badge{background:var(--wn-pink);font-weight:800;border-radius:.5rem;padding:.3rem .55rem}
.wn-hero .title{color:#fff;text-decoration:none;font-weight:900}
.wn-hero .meta{opacity:.85;font-size:.875rem}
/* Section title with flag */
.section-flag{position:relative;padding-inline-start:1rem;font-weight:900}
.section-flag:before{content:"";position:absolute;inset-inline-start:0;top:.4rem;width:.35rem;height:1.2rem;background:var(--wn-pink);border-radius:2px}
/* Mini list */
.wn-mini .post{display:flex;gap:.75rem;align-items:flex-start;padding:.6rem 0;border-bottom:1px solid #eee}
.wn-mini .thumb{flex:0 0 84px;width:84px;height:56px;border-radius:.5rem;overflow:hidden}
.wn-mini .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wn-mini .cat{font-size:.75rem;color:var(--wn-pink);font-weight:800}
.wn-mini .meta{font-size:.8rem;color:var(--wn-muted)}
/* Cards grid */
.card{border-radius:1rem}
.post-meta{color:var(--wn-muted);font-size:.875rem}
/* Footer */
.wn-footer{background:var(--wn-dark);color:#b7c0c8;border-top:3px solid var(--wn-green)}
.wn-footer h5,.wn-footer h6{color:#fff;font-weight:900}
.wn-footer a{color:#d0d8ff}
.wn-footer a:hover{color:#fff}
/* Helpers */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:static;width:auto;height:auto}
.pagination{justify-content:center}

/* Custom: Section under hero 80% width */
.section-under-hero {width:80%; margin:0 auto;}


/* Inline menu with pipe separators */
.links-piped{ list-style:none; display:flex; gap:.5rem; flex-wrap:wrap }
.links-piped > li{ display:inline }
.links-piped > li a{ text-decoration:none; color:#111; font-weight:700 }
.links-piped > li + li:before{ content:"|"; margin:0 .35rem; color:#666 }
@media (max-width: 576px){
  .links-piped{ gap:.35rem }
  .links-piped > li a{ font-weight:600 }
}


/* Footer links styling */
footer a {
  text-decoration: none !important;
}
footer a:hover {
  text-decoration: underline;
}