/*
Theme Name: Portal Hazira
Theme URI: https://portal-hazira.co.il/
Author: Portal Hazira & Team
Author URI: https://www.ligaseo.co.il/
Description: תבנית וורדפרס חדשותית, דינמית ועוצמתית עבור "פורטל הזירה" - מגזין תחקירים, חדשות ביטחוניות, שוק ההון, טכנולוגיה וסייבר, ספורט וסגנון חיים. כוללת 9 בלוקי קטגוריות מתקדמים (Bento Grid, Reels, Spotlight, Split, Video, Timeline, Tabs, Opinions, Trending Ranked), הדגשת קישורי טקסט עוגן (Anchor text), תוסף נגישות מובנה מלא (WCAG 2.1 AA), באנר עוגיות, תמיכה מלאה ב-RTL ופונט Heebo אחיד.
Version: 3.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: portal-hazira
Tags: news, magazine, investigative, red-accent, dark-theme, rtl-language-support, accessibility-ready, custom-menu, featured-images, threaded-comments, bento-grid, grid-layout
*/

/* -------------------------------------------------------------
   1. GLOBAL RESET & HEEBO FONT MANDATE
------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&display=swap');

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

*, *::before, *::after, html, body, input, button, select, textarea, h1, h2, h3, h4, h5, h6, p, span, a, label, li {
  font-family: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

:root {
  --hazira-red-600: #dc2626;
  --hazira-red-500: #ef4444;
  --hazira-red-700: #b91c1c;
  --hazira-rose-600: #e11d48;
  --hazira-dark-bg: #020617;
  --hazira-dark-card: #0f172a;
  --hazira-dark-card-hover: #1e293b;
  --hazira-text-main: #f8fafc;
  --hazira-text-muted: #94a3b8;
  --hazira-border-red: rgba(220, 38, 38, 0.35);
  --hazira-border-slate: #1e293b;
}

html {
  direction: rtl;
  text-align: right;
  background-color: var(--hazira-dark-bg);
  color: var(--hazira-text-main);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

body {
  font-size: 16px;
  line-height: 1.6;
  background-color: var(--hazira-dark-bg);
  color: var(--hazira-text-main);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s ease;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.site-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* -------------------------------------------------------------
   2. ARENA ANCHOR TEXT LINKS IN POSTS & ARTICLES
------------------------------------------------------------- */
.prose a,
.entry-content a,
.article-content a,
.single-post-content a,
article .prose a,
.post-content a {
  color: #fca5a5 !important;
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.25) 0%, rgba(244, 63, 94, 0.35) 100%) !important;
  border-bottom: 2px solid #ef4444 !important;
  padding: 2px 7px !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: inline-block !important;
  line-height: 1.4 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(239, 68, 68, 0.3) !important;
}

.prose a:hover,
.entry-content a:hover,
.article-content a:hover,
.single-post-content a:hover,
article .prose a:hover,
.post-content a:hover {
  background: linear-gradient(135deg, #dc2626 0%, #e11d48 100%) !important;
  color: #ffffff !important;
  border-bottom-color: #fecdd3 !important;
  box-shadow: 0 4px 14px rgba(220, 38, 38, 0.5) !important;
  transform: translateY(-1.5px) !important;
  text-decoration: none !important;
}

/* -------------------------------------------------------------
   3. NAVIGATION MENUS (WP_NAV_MENU COMPATIBLE)
------------------------------------------------------------- */
.hazira-nav ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 6px;
  flex-wrap: wrap;
}

.hazira-nav ul li a {
  display: block;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #cbd5e1;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.hazira-nav ul li a:hover,
.hazira-nav ul li.current-menu-item > a,
.hazira-nav ul li.current_page_item > a,
.hazira-nav ul li.current-cat > a {
  color: #ffffff;
  background: rgba(220, 38, 38, 0.25);
  border: 1px solid rgba(220, 38, 38, 0.4);
}

/* Dropdown Sub-menus */
.hazira-nav ul li {
  position: relative;
}
.hazira-nav ul li.menu-item-has-children > a::after {
  content: ' ▾';
  font-size: 11px;
  color: #ef4444;
  margin-right: 4px;
}
.hazira-nav ul ul.sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: #0f172a;
  border: 1px solid rgba(220, 38, 38, 0.4);
  border-radius: 12px;
  padding: 8px;
  min-width: 200px;
  box-shadow: 0 15px 30px rgba(0,0,0,0.6);
  display: none;
  z-index: 1000;
  flex-direction: column;
  gap: 4px;
}
.hazira-nav ul li:hover > ul.sub-menu,
.hazira-nav ul li:focus-within > ul.sub-menu {
  display: flex;
}

/* -------------------------------------------------------------
   4. HAZIRA RED & SLATE UI COMPONENTS
------------------------------------------------------------- */
.hazira-badge {
  background: rgba(220, 38, 38, 0.2);
  border: 1px solid rgba(220, 38, 38, 0.4);
  color: #fca5a5;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hazira-badge-live {
  background: #dc2626;
  color: #ffffff;
  font-weight: 900;
  animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.75; }
}

.hazira-card {
  background: #0f172a;
  border: 1px solid #1e293b;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.hazira-card:hover {
  border-color: rgba(220, 38, 38, 0.5);
  box-shadow: 0 10px 25px -5px rgba(220, 38, 38, 0.2);
  transform: translateY(-2px);
}

.hazira-btn-primary {
  background: linear-gradient(135deg, #dc2626 0%, #e11d48 100%);
  color: #ffffff !important;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(220, 38, 38, 0.4);
  transition: all 0.2s ease;
}
.hazira-btn-primary:hover {
  filter: brightness(1.1);
  transform: scale(1.02);
}

/* -------------------------------------------------------------
   5. ACCESSIBILITY MODES
------------------------------------------------------------- */
html.acc-font-sm { font-size: 14px; }
html.acc-font-md { font-size: 16px; }
html.acc-font-lg { font-size: 18px; }
html.acc-font-xl { font-size: 20px; }

html.acc-high-contrast { filter: contrast(140%); }
html.acc-high-contrast body { background: #000 !important; color: #ffff00 !important; }
html.acc-high-contrast a { color: #00ffff !important; text-decoration: underline !important; }
html.acc-high-contrast .hazira-card { background: #121212 !important; border-color: #ffff00 !important; }

html.acc-inverted { filter: invert(100%) hue-rotate(180deg); }
html.acc-inverted img, html.acc-inverted video { filter: invert(100%) hue-rotate(180deg); }
html.acc-grayscale { filter: grayscale(100%); }

html.acc-highlight-links a {
  background-color: #fee2e2 !important;
  color: #991b1b !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
}

html.acc-underline-links a {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

html.acc-readable-spacing * {
  letter-spacing: 0.05em !important;
  line-height: 1.8 !important;
  word-spacing: 0.1em !important;
}

html.acc-stop-animations * {
  animation: none !important;
  transition: none !important;
}

:focus-visible {
  outline: 3px solid #dc2626 !important;
  outline-offset: 2px !important;
}