/*
Theme Name: alkhabar60
Theme URI: https://example.com/alkhabar60
Author: alkhabar60 generator
Author URI: https://example.com
Description: قالب ووردبريس عربي (RTL) لمواقع الأخبار — تصميم شبيه بهيكل مواقع الأخبار مع شريط علوي، قائمة، شريط عاجل، وبطل (Hero) + عمود جانبي.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alkhabar60
Tags: news, blog, rtl-language-support, two-columns, custom-logo, featured-images, custom-menu
*/

:root{
  --ak-container: 1200px;
  --ak-gap: 18px;
  --ak-red: #c40000;
  --ak-red-2:#b00000;
  --ak-dark:#111;
  --ak-gray:#666;
  --ak-bg:#eeeeee;
  --ak-card:#ffffff;
  --ak-radius: 10px;
  --ak-shadow: 0 10px 30px rgba(0,0,0,.08);
  --ak-border: 1px solid rgba(0,0,0,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ak-bg);
  color:var(--ak-dark);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, "Noto Naskh Arabic", "Noto Kufi Arabic", sans-serif;
  line-height:1.7;
}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--ak-container);margin:0 auto;padding:0 16px}

/* Top bar */
.ak-topbar{
  background:#fff;
  border-bottom:var(--ak-border);
  font-size:14px;
}
.ak-topbar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
}
.ak-topbar__menu ul,
.ak-nav ul{
  list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center;flex-wrap:wrap
}
.ak-topbar__menu a{color:#222;text-decoration:none}
.ak-topbar__menu a:hover{color:var(--ak-red);text-decoration:none}

.ak-social{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap
}
.ak-social a{
  width:26px;height:26px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;
  color:#111;
}
.ak-social a:hover{background:rgba(0,0,0,.06);text-decoration:none}

/* Main header */
.ak-header{
  background:#fff;
  border-bottom:var(--ak-border);
}
.ak-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 0;
}
.ak-brand{
  display:flex;
  align-items:flex-end;
  gap:10px;
}
.ak-brand__logo img{max-height:64px;width:auto}
.ak-brand__title{
  font-size:48px;
  font-weight:800;
  letter-spacing:-1px;
  line-height:1;
}
.ak-brand__subtitle{
  font-size:12px;
  color:var(--ak-red);
  margin-top:4px;
}
.ak-brand__dot{
  display:inline-block;
  width:14px;height:14px;border-radius:999px;background:var(--ak-red);
  transform:translateY(-20px);
  margin-inline-start:6px;
}

.ak-nav{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}
.ak-nav a{
  font-weight:700;
  color:#111;
  text-decoration:none;
}
.ak-nav a:hover{color:var(--ak-red);text-decoration:none}
.ak-nav .current-menu-item > a{color:var(--ak-red)}
.ak-nav .menu-item-has-children > a:after{
  content:"▾";
  font-size:12px;
  margin-inline-start:6px;
  opacity:.7;
}
.ak-nav ul ul{
  position:absolute;
  top:100%;
  inset-inline-start:0;
  background:#fff;
  border:var(--ak-border);
  box-shadow:var(--ak-shadow);
  border-radius:10px;
  padding:10px;
  min-width:220px;
  display:none;
  z-index:50;
}
.ak-nav ul li{position:relative}
.ak-nav ul li:hover > ul{display:block}
.ak-nav ul ul li{display:block}
.ak-nav ul ul a{display:block;padding:8px 10px;border-radius:8px}
.ak-nav ul ul a:hover{background:rgba(0,0,0,.06)}

.ak-header__search{
  display:flex;align-items:center;gap:8px;
}
.ak-search-toggle{
  width:42px;height:42px;border-radius:999px;
  border:var(--ak-border);
  background:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;
}
.ak-search-toggle:hover{background:rgba(0,0,0,.06)}
.ak-search-panel{
  position:absolute;
  inset-inline-start:16px;
  top:100%;
  margin-top:12px;
  width:min(420px, calc(100vw - 32px));
  background:#fff;
  border:var(--ak-border);
  border-radius:12px;
  box-shadow:var(--ak-shadow);
  padding:14px;
  display:none;
  z-index:60;
}
.ak-search-panel.is-open{display:block}
.ak-search-panel input[type="search"]{
  width:100%;
  padding:12px 12px;
  border-radius:10px;
  border:var(--ak-border);
  outline:none;
  font-size:16px;
}
.ak-search-panel button{
  margin-top:10px;
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:0;
  background:var(--ak-red);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.ak-search-panel button:hover{background:var(--ak-red-2)}

/* Breaking bar */
.ak-breaking{
  background:var(--ak-red);
  color:#fff;
}
.ak-breaking__inner{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:12px;
  padding:14px 0;
}
.ak-breaking__label{
  background:rgba(0,0,0,.15);
  padding:10px 8px;
  border-radius:10px;
  min-width:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:900;
  letter-spacing:.4px;
}
.ak-breaking__label span{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
.ak-breaking__items{
  flex:1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}
.ak-breaking__item{
  display:flex;
  gap:10px;
  align-items:center;
  background:rgba(255,255,255,.06);
  border-radius:12px;
  padding:10px 12px;
  min-height:70px;
}
.ak-breaking__thumb{
  width:64px;height:48px;border-radius:10px;overflow:hidden;flex:0 0 auto;
}
.ak-breaking__thumb img{width:100%;height:100%;object-fit:cover}
.ak-breaking__title{
  font-weight:800;
  line-height:1.35;
  font-size:14px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Main area */
.ak-main{
  
}
.ak-hero{
  display:flex;
  gap:var(--ak-gap);
  align-items:stretch;
}
.ak-hero__main{
  flex:1;
  min-width:0;
}
.ak-hero__side{
  width:340px;
  display:flex;
  flex-direction:column;
  gap:var(--ak-gap);
}
.ak-card{
  background:var(--ak-card);
  border:var(--ak-border);
  border-radius:var(--ak-radius);
  overflow:hidden;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.ak-post-cover{
  position:relative;
  overflow:hidden;
  background:#ddd;
}
.ak-post-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
}
.ak-cover-link{
  position:absolute;
  inset:0;
  z-index:2;
  text-decoration:none;
}
.ak-post-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.70), rgba(0,0,0,0) 65%);
  pointer-events:none;
}
.ak-post-cover__content{
  position:absolute;
  inset-inline:16px;
  bottom:14px;
  z-index:3;
  color:#fff;
}
.ak-post-cover__title{
  margin:0;
  font-size:34px;
  line-height:1.25;
  font-weight:900;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.ak-post-cover__title a:hover{text-decoration:none}
.ak-post-cover__meta{
  margin-top:8px;
  font-size:13px;
  opacity:.92;
}

.ak-badge{
  position:absolute;
  top:12px;
  inset-inline-end:12px;
  background:var(--ak-red);
  color:#fff;
  font-weight:900;
  font-size:13px;
  padding:4px 10px;
  border-radius:999px;
  z-index:4;
  text-decoration:none;
}
.ak-badge:hover{background:var(--ak-red-2);text-decoration:none}

.ak-side-card .ak-post-cover{aspect-ratio: 16 / 10}
.ak-hero-card .ak-post-cover{aspect-ratio: 16 / 9}
.ak-hero-card .ak-post-cover__title{font-size:32px}

.ak-side-card .ak-post-cover__title{
  font-size:18px;
  line-height:1.35;
}
.ak-side-card .ak-post-cover__content{inset-inline:14px;bottom:12px}

.ak-home-row{
  margin-top:var(--ak-gap);
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:var(--ak-gap);
}

.ak-post-list{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--ak-gap);
}

.ak-loop{
  display:grid;
  grid-template-columns: 1fr 340px;
  gap:var(--ak-gap);
  align-items:start;
}
.ak-loop__content{min-width:0}
.ak-loop__sidebar{min-width:0}

.ak-entry{
  padding:18px 18px 8px;
}
.ak-entry h2{
  margin:0 0 10px;
  font-size:22px;
  font-weight:900;
  line-height:1.35;
}
.ak-entry p{margin:0 0 14px;color:#222}
.ak-entry .ak-meta{
  color:var(--ak-gray);
  font-size:13px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.ak-thumb-inline{
  aspect-ratio: 16 / 10;
}
.ak-thumb-inline:after{background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 65%)}
.ak-thumb-inline .ak-post-cover__title{font-size:18px}
.ak-thumb-inline .ak-post-cover__content{inset-inline:14px;bottom:12px}

.ak-pagination{
  display:flex;
  justify-content:center;
  margin-top:24px;
}
.ak-pagination .page-numbers{
  display:inline-flex;
  padding:8px 12px;
  border-radius:10px;
  border:var(--ak-border);
  background:#fff;
  margin:0 4px;
  text-decoration:none;
  font-weight:800;
}
.ak-pagination .current{background:var(--ak-red);color:#fff;border-color:transparent}

/* Single */
.ak-single{
  background:#fff;
  border:var(--ak-border);
  border-radius:var(--ak-radius);
  overflow:hidden;
}
.ak-single__header{
  padding:22px 22px 0;
}
.ak-single__title{
  margin:0 0 10px;
  font-size:34px;
  font-weight:950;
  line-height:1.25;
}
.ak-single__meta{color:var(--ak-gray);font-size:13px;display:flex;gap:10px;flex-wrap:wrap}
.ak-single__thumb{margin-top:16px}
.ak-single__content{
  padding:0 22px 22px;
}
.ak-single__content h2, .ak-single__content h3{line-height:1.35}
.ak-single__content a{color:var(--ak-red);font-weight:800}
.ak-single__content blockquote{
  border-inline-start:4px solid var(--ak-red);
  padding:10px 14px;
  margin:18px 0;
  background:rgba(196,0,0,.05);
  border-radius:10px;
}

/* Widgets */
.widget{background:#fff;border:var(--ak-border);border-radius:var(--ak-radius);padding:16px;margin-bottom:var(--ak-gap)}
.widget-title{margin:0 0 10px;font-size:18px;font-weight:900}
.widget ul{margin:0;padding:0 18px}
.widget li{margin:6px 0}

/* Footer */
.ak-footer{
  margin-top:28px;
  background:#fff;
  border-top:var(--ak-border);
}
.ak-footer__widgets{
  padding:28px 0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:var(--ak-gap);
}
.ak-footer__bottom{
  border-top:var(--ak-border);
  padding:12px 0;
  color:var(--ak-gray);
  font-size:13px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.ak-footer__bottom a{color:var(--ak-red);font-weight:800}

/* Utilities */
.ak-sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  border:0;
}
.ak-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:10px;
  border:var(--ak-border);
  background:#fff;
  font-weight:900;
  text-decoration:none;
}
.ak-btn:hover{background:rgba(0,0,0,.06);text-decoration:none}

/* Mobile */
.ak-burger{
  display:none;
  width:42px;height:42px;
  border-radius:999px;
  border:var(--ak-border);
  background:#fff;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.ak-burger:hover{background:rgba(0,0,0,.06)}
.ak-mobile-panel{
  display:none;
  padding:0 0 14px;
}
.ak-mobile-panel.is-open{display:block}

@media (max-width: 1100px){
  .ak-breaking__items{grid-template-columns:1fr; }
  .ak-brand__title{font-size:40px}
  .ak-nav{justify-content:flex-start}
}
@media (max-width: 980px){
  .ak-hero{flex-direction:column}
  .ak-hero__side{width:100%}
  .ak-home-row{grid-template-columns:1fr}
  .ak-loop{grid-template-columns:1fr}
  .ak-nav{display:none}
  .ak-burger{display:inline-flex}
  .ak-header__inner{gap:10px}
}
@media (max-width: 520px){
  .ak-brand__title{font-size:34px}
  .ak-post-cover__title{font-size:24px}
  .ak-hero-card .ak-post-cover__title{font-size:24px}
  .ak-topbar__inner{flex-direction:column;align-items:flex-start}
}