/*
Theme Name: The Prime
Description: A custom theme for The Prime blog matching the original design
Version: 1.0
Author: The Prime
*/

/* כותרות h1, h2, h3 – Almoni Tzar */
@font-face {
 font-family: 'AlmoniTzar';
 src: url('../../fonts/almoni-tzar-aaa-regular.otf') format('opentype');
 font-weight: 400;
 font-style: normal;
}

:root {
 /* Color Variables */
 --gold: #D5A441;
 --black: #131212;
 --white: #EEE9E6;
 --gray: #666666;
 
 /* Theme Variables - Light Mode Default */
 --bg-color: var(--white);
 --text-color: var(--black);
 --secondary-text: var(--black);
 --card-bg: var(--white);
 --border-color: var(--gray);
 --accent-color: var(--black);
 --primary-color: var(--gold);
 --secondary-color: var(--white);
 /* כותרות h1–h3: אנגלית Open Sans Condensed, עברית Almoni Tzar. שאר הטקסט: Open Sans רגיל */
 --font-heading: 'Open Sans Condensed', 'AlmoniTzar', sans-serif;
 --font-body: 'Open Sans', sans-serif;

 /* ========== Typography Scale – שליטה מרכזית בגדלי פונט ========== */
 /* Desktop (default) */
 --text-base: 0.926vw;
 --text-h1: 5vw;
 --text-h2: 5vw;
 --text-h3: 2.315vw;
 --text-h4: 1.910vw;
 --text-h5: 1.582vw;
 --text-h6: 1.157vw;
 --text-p: 1.2vw;
 --text-excerpt: 1vw;
 --text-category: 0.85vw;
 /* Header – גודל אחיד אחד */
 --header-text: 1vw;
 --leading-heading: 0.9;
 --leading-subheading: 1.25;
 --leading-body: 1.6;
 --letter-spacing-heading: -0.03em;
 --letter-spacing-body: -0.01em;
 --article-h2: 2.7vw;

 /* ========== תפריט מובייל – אנימציית פתיחה/סגירה (משתנים גלובליים) ========== */
 --menu-duration: 0.6s;
 --menu-easing: cubic-bezier(0.4, 0, 0.2, 1);
 --menu-backdrop-easing: ease;

 /* ========== גדלים אחידים ב-vw (בסיס ~1000px: 10px ≈ 1vw) ========== */
 --size-1: 0.1vw;
 --size-2: 0.2vw;
 --size-4: 0.4vw;
 --size-6: 0.6vw;
 --size-8: 0.8vw;
 --size-10: 1vw;
 --size-12: 1.2vw;
 --size-15: 1.5vw;
 --size-20: 2vw;
 --size-24: 2.4vw;
 --size-25: 2.5vw;
 --size-30: 3vw;
 --size-36: 3.6vw;
 --size-42: 4.2vw;
 --size-50: 5vw;
 --size-60: 6vw;
 --size-140: 14vw;
 --size-200: 20vw;
 --size-250: 25vw;
}

/* Tablet */
@media (min-width: 651px) and (max-width: 1024px) {
 :root {
  --text-base: 1.1vw;
  --text-h1: 6vw;
  --text-h2: 6.5vw;
  --text-h3: 2.6vw;
  --text-h4: 2.1vw;
  --text-h5: 1.75vw;
  --text-h6: 1.3vw;
  --text-p: 1.25vw;
  --text-excerpt: 1.5vw;
  --text-category:1.3vw;
  --header-text: 1.2vw;
  --leading-heading: 0.9;
  --leading-subheading: 1.25;
  --leading-body: 1.6;
  --article-h2: 3.3vw;
 }
}

/* Mobile */
@media (max-width: 650px) {
 :root {
  --text-base: 2.5vw;
  --text-h1: 15vw;
  --text-h2: 12vw;
  --text-h3: 5vw;
  --text-h4: 4vw;
  --text-h5: 3.5vw;
  --text-h6: 3vw;
  --text-p: 3vw;
  --text-excerpt: 3.8vw;
  --text-category: 2.8vw;
  --header-text: 2.8vw;
  --leading-heading: 0.95;
  --leading-subheading: 1.3;
  --leading-body: 1.6;
  --article-h2: 7vw;
 }
}


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

/* מניעת מסגרת לבנה סביב תמונות (כולל AVIF) – אין border/outline וגם תיקון פס לבן מ-sub-pixel */
.block-image,
.single .article-cover,
.article-cover,
.featured-image,
.card-image,
.article-img {
 line-height: 0;
}
.block-image img,
.single .article-cover img,
.article-cover img,
.featured-image img,
.card-image img,
.article-content img,
.article-img img,
.visual-editor-media-item img {
 margin: 0 !important;
 padding: 0 !important;
 border: 0 none !important;
 outline: none !important;
 box-shadow: none !important;
 display: block;
 vertical-align: top;
 /* מונע פס לבן מקצה בגלל עיגול פיקסלים */
 transform: translateZ(0);
 backface-visibility: hidden;
}

/* Modern Animation Base */
.magazine-card,
.article-card,
.section-title,
.site-header,
.site-footer {
 will-change: transform, opacity;
}

/* Smooth transitions for interactive elements */
a, button, .card-link {
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Text animation support */
.char {
 display: inline-block;
 transform: translateY(0);
}

/* Hide scrollbar across the site (scroll still works) */
html {
 scrollbar-width: none; /* Firefox */
 -ms-overflow-style: none; /* IE/Edge */
 background-color: var(--bg-color); /* מונע מסך לבן לפני טעינת ה-CSS / במעבר דפים */
}
html::-webkit-scrollbar {
 display: none; /* Chrome, Safari, Opera */
}

body {
 font-family: var(--font-body);
 font-size: var(--text-base);
 overflow-x: hidden;
 background-color: var(--bg-color);
 color: var(--text-color);
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
}


/* ========== View Transitions – כרגע מושבת (להסיר את ההערה כדי להפעיל) ==========
@view-transition {
 navigation: auto;
}

::view-transition,
::view-transition-group(root),
::view-transition-image-pair(root),
::view-transition-old(root),
::view-transition-new(root) {
 background: var(--bg-color);
}

::view-transition-group(root) {
 animation: view-transition-group-hold 0.85s cubic-bezier(0.61, 0.01, 0, 0.99) both;
}
@keyframes view-transition-group-hold {
 from, to { opacity: 1; }
}

::view-transition-old(root) {
 z-index: 0;
 animation: view-transition-old-darken 0.8s cubic-bezier(0.30, 0.50, 0, 1) both;
}

::view-transition-new(root) {
 z-index: 2;
 animation: view-transition-reveal-up 0.8s cubic-bezier(0.30, 0.50, 0, 1) both;
}

@keyframes view-transition-old-darken {
 from {
  filter: brightness(1);
  transform: translateY(0);
 }
 to {
  filter: brightness(0.3);
  transform: translateY(-30%);
 }
}

@keyframes view-transition-reveal-up {
 from {
  clip-path: inset(100% 0 0 0);
  transform: translateY(50%);
 }
 to {
  clip-path: inset(0 0 0 0);
  transform: translateY(0);
 }
}
========== סוף View Transitions ========== */

h1, h2, h3 {
 font-family: var(--font-heading);
 }

h1 {
 font-size: var(--text-h1);
 line-height: var(--leading-heading);
 font-weight: 400;
 letter-spacing: var(--letter-spacing-heading);
}

h2 {
 font-size: var(--text-h2);
 line-height: var(--leading-heading);
 font-weight: 400;
 letter-spacing: var(--letter-spacing-heading);
}

h3 {
 font-size: var(--text-h3);
 line-height: var(--leading-subheading);
 font-weight: 400;
}

h4, h5, h6 {
 font-family: var(--font-body);
 }

h4 {
 font-size: var(--text-h4);
 line-height: var(--leading-subheading);
}

h5 {
 font-size: var(--text-h5);
 }

h6 {
 font-size: var(--text-h6);
}

p {
 font-size: var(--text-p);
 line-height: var(--leading-body);
 color: var(--secondary-text);
 transition: color 0.3s ease;
 letter-spacing: var(--letter-spacing-body);
 font-family: var(--font-body);
}

a {
 text-decoration: none;
 color: var(--white);
}

/* Main Header Styles */
.main-header {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 9999;
 background: var(--bg-color);
 border-bottom: 0.1vw solid var(--border-color);
 transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Dark header (black background) */
.main-header.header-dark {
 background: var(--black);
 border-bottom-color: rgba(238, 233, 230, 0.15);
}

.main-header.header-dark .header-top {
 padding: 1vw 2.5vw;
 min-height: 6vw;
}

@media (max-width: 650px) {
 .main-header.header-dark .header-top {
  padding: 3vw 2.5vw;
  min-height: 14vw;
 }
}

.main-header.header-dark .header-left,
.main-header.header-dark .header-right {
 flex: 1;
 min-width: 0;
 display: flex;
 align-items: center;
}

.main-header.header-dark .header-left {
 justify-content: flex-end;
}

.main-header.header-dark .header-right {
 justify-content: flex-start;
 gap: 1vw;
 overflow: visible;
 align-items: center;
}

.main-header.header-dark .header-top .header-logo {
 flex: 0 0 auto;
}
/* לוגו בלבד ב-header-top – ממורכז */
.main-header.header-dark .header-top {
 justify-content: center;
}

.main-header.header-dark .header-logo-link {
 text-decoration: none;
 display: block;
 line-height: 0;
}

.main-header.header-dark .header-logo img {
 min-height: 7vw;
 width: auto;
 object-fit: contain;
 filter: none;
}

/* גודל ותצוגה אחידים לתאריך ולשער יציג ב-header */
.main-header.header-dark .header-date,
.main-header.header-dark .header-rates-title,
.main-header.header-dark .header-rates-value,
.main-header.header-dark .header-rates-source,
.main-header.header-dark .header-rates-symbol {
 font-family: var(--font-body);
 font-size: var(--header-text);
}
.main-header.header-dark .header-date {
 color: var(--white);
}

.main-header.header-dark .header-menu-label {
 font-family: var(--font-body);
 font-size: var(--header-text);
 color: var(--white);
}

/* בורגר מוסתר בדסקטופ – יוצג במובייל */
.header-burger-wrap,
.header-burger-spacer {
 display: none;
}
.header-logo-wrap {
 display: flex;
 justify-content: center;
 align-items: center;
}

.main-header.header-dark .header-menu-toggle {
 background: none;
 border: none;
 padding: 0;
 display: flex;
 flex-direction: column;
 gap: 0.4vw;
 cursor: pointer;
}

.main-header.header-dark .header-menu-toggle span {
 width: 3vw;
 height: 0.11vw;
 background: var(--white);
}

.main-header.header-dark .header-menu-toggle span:last-child {
 background: var(--white);
}

/* Header exchange rates – בנק ישראל, צד ימין (ב-RTL: flex-start = ימין) */
.header-rates {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 0.24vw;
 min-width: 7.2vw;
 min-height: 0;
 text-align: right;
 direction: rtl;
 overflow: visible;
 flex-shrink: 0;
}
.header-rates-title-row {
 display: flex;
 align-items: center;
 gap: 0.56vw;
 flex-shrink: 0;
}
.header-rates-live {
 width: 0.64vw;
 height: 0.64vw;
 min-width: 0.4vw;
 min-height: 0.4vw;
 border-radius: 50%;
 background: #34d399;
 opacity: 0.9;
 animation: header-rates-blink 2.2s ease-in-out infinite;
}
@keyframes header-rates-blink {
 0%, 100% { opacity: 0.9; }
 50% { opacity: 0.35; }
}
.header-rates-title {
 font-weight: 400;
 display: block;
 white-space: nowrap;
 color: rgba(238, 233, 230, 0.7);
 line-height: 1.25;
}
.header-rates-row {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: 0.8vw;
 direction: rtl;
 flex-shrink: 0;
 min-height: 2.4vw;
 white-space: nowrap;
}
.header-rates-item {
 display: inline-flex;
 align-items: center;
 gap: 0.4vw;
}
.header-rates-sep {
 color: rgba(238, 233, 230, 0.4);
 font-weight: 400;
 user-select: none;
}
.header-rates-value,
.header-rates-symbol {
 line-height: 1.25;
}
.header-rates-symbol {
 font-weight: 700;
 color: rgba(238, 233, 230, 0.9);
}
.header-rates-value {
 color: var(--white);
 font-variant-numeric: tabular-nums;
}
.header-rates-source {
 color: rgba(238, 233, 230, 0.55);
}

.main-header.header-dark .back-btn {
 color: var(--white);
 border-color: rgba(238, 233, 230, 0.5);
}

.main-header.header-dark .back-btn:hover {
 color: var(--white);
 border-color: var(--white);
 background: rgba(255, 255, 255, 0.1);
}

@media (min-width: 651px) {

 

 /*
 .single .main-header {
 position: fixed !important;
 width: 100% !important;
 }

 .single .main-header .header-logo img {
 max-width: 20vw;
 }
 */ 

}

.header-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 0.7vw;
 position: relative;
}

.header-logo {
 display: flex;
 flex-direction: column;
 align-items: center;
 text-align: center;
 flex: 1;
 justify-content: center;
}

.header-logo a {
 display: block;
}

.header-logo img {
 width: 6vw;
 height: 6vw;
 object-fit: contain;
 transition: filter 0.3s ease;
}

/* Logo in light header/footer: black */
.main-header:not(.header-dark) .header-logo img,
.footer-logo img {
 filter: brightness(0) saturate(100%);
}






/* Back to home button for single pages */
.back-to-home {
 position: absolute;
 right: 7.5vw;
 top: 50%;
 transform: translateY(-50%);
}

.back-btn {
 color: var(--secondary-text);
 text-decoration: none;
 font-family: var(--font-body);
 font-size: var(--header-text);
 padding: 0.5vw 1vw;
 border: 0.1vw solid var(--secondary-text);
 border-radius: 2vw;
 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 display: inline-block;
}

.back-btn:hover {
 background: rgba(255, 255, 255, 0.2);
 border-color: rgba(255, 255, 255, 0.5);
 color: var(--white);
 transform: translateX(-0.2vw);
}

.header-menu-toggle {
 display: flex;
 flex-direction: column;
 gap: 0.4vw;
 cursor: pointer;
}

.header-menu-toggle span {
 width: 2.5vw;
 height: 0.2vw;
 background: var(--text-color);
 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Navigation Bar */
.main-navigation {
 background: var(--bg-color);
 border-top: 0.1vw solid var(--border-color);
 transition: background-color 0.3s ease, border-color 0.3s ease;
}

.main-header.header-dark + .main-navigation,
.main-header.header-dark .main-navigation {
 background: var(--black);
 border-top-color: rgba(238, 233, 230, 0.15);
}

/* שורת ניווט אחת: תאריך משמאל | תפריט במרכז | שער חליפין מימין (RTL) */
.nav-row {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 max-width: 100vw;
 margin: 0 auto;
 padding: 0.6vw 2vw;
 min-height: 4vw;
}
/* חלוקה לשלישים שווים – הלינקים במרכז נשארים ממורכזים */
.nav-row-left,
.nav-row-center,
.nav-row-right {
 flex: 1 1 0;
 min-width: 0;
 display: flex;
 align-items: center;
}
.nav-row-left {
 order: 1;
 justify-content: flex-end;
}
.nav-row-center {
 order: 0;
 justify-content: center;
}
.nav-row-right {
 order: -1;
 justify-content: flex-start;
}
.nav-row-center .nav-container {
 margin: 0;
 padding: 0;
 max-width: none;
}

/* תפריט מובייל – נפתח מלמעלה, רקע שחור טקסט לבן */
.mobile-menu,
.mobile-menu-backdrop {
 display: none;
}

/* שער חליפין בשורת ניווט – בשורה אחת קומפקטית */
.nav-row-right .header-rates {
 flex-direction: row;
 align-items: center;
 gap: 0.8vw;
 min-height: 0;
}
.nav-row-right .header-rates-title-row {
 flex-shrink: 0;
}
.nav-row-right .header-rates-row {
 min-height: 0;
}

.main-header.header-dark .main-navigation .nav-menu a {
 color: rgba(238, 233, 230, 0.85);
}

.main-header.header-dark .main-navigation .nav-menu a:hover,
.main-header.header-dark .main-navigation .nav-menu a.active {
 color: var(--white);
}

.nav-container {
 max-width: 90vw;
 margin: 0 auto;
 padding: 0 2vw;
}



.nav-menu {
 display: flex;
 justify-content: center;
 align-items: center;
 list-style: none;
 margin: 0;
 padding: 0;
 gap: 1vw;
 color: var(--white);
 font-size: 0.5vw;
 color: rgb(83, 83, 83);
}

.nav-menu li {
 margin: 0;
 position: relative;
}

/*
.nav-menu li::before {
 content: "|";
 color: var(--white);
 opacity: 0.6;
 position: absolute;
 right: -1.5vw;
 top: 50%;
 transform: translateY(-50%);
 font-size: 0.95vw;
}
 */

.nav-menu li:last-child::before {
 display: none;
}

.nav-menu a {
 display: block;
 color: var(--secondary-text);
 text-decoration: none;
 font-family: var(--font-body);
 font-size: var(--header-text);
 padding: 1.2vw 0;
 transition: color 0.3s ease;
 border-bottom: 0.2vw solid transparent;
}

.nav-menu a:hover,
.nav-menu a.active {
 color: var(--text-color);
 opacity: 0.5;
 transition: opacity 0.3s ease;
}

.nav-menu a.active {
 color: var(--accent-color);
}

/* Category styling - simple text with separators */
.nav-menu a.category {
 background: none;
 color: var(--secondary-text);
 padding: 1.2vw 0;
 border: none;
 border-radius: 0;
 font-size: var(--header-text);
 margin: 0;
 display: block;
 border-bottom: 0.2vw solid transparent;
}

.nav-menu a.category:hover {
 color: var(--text-color);
 background: none;
 opacity: 0.5;
 transition: opacity 0.3s ease;
}

/* Home page adjustments */


.home .header-logo img {
 width: 5vw;
}

.home article {
 padding: unset;
}

/* Single page header adjustments */

/*
.single .header-logo img {
 width: 4vw;
 height: 4vw;
}

*/

/* Remove legacy nav completely */
nav:not(.main-navigation) {
 display: none !important;
}


/* WordPress specific styles */
.wp-admin-bar-hidden {
 margin-top: 0 !important;
}

/* ==========================================
 MAGAZINE HOMEPAGE STYLES
 Based on AT Magazine (atmag.co.il) design
 ========================================== */

.magazine-homepage {
 max-width: unset;
 padding: 0 15vw;
 margin: 0 auto;
 margin-top: 5vw;

}

/* ==========================================
   SPLIT ARTICLES SECTION (image | text, text | image)
   ========================================== */

.split-articles-section {
 padding: 0 0;
 margin-top: 0;
 }

.split-articles-list {
 display: flex;
 flex-direction: column;
 }

.article-row {
 display: grid;
 grid-template-columns: 1fr 1fr;
 min-height: 32vw;
 width: 100%;
 }

.article-row--alt .block-image { order: 2; }
.article-row--alt .block-text { order: 1; }

.block-image {
 position: relative;
 overflow: hidden;
 width: 100%;
 height: 100%;
 min-height: 0;
 background-color: #131212;
 }

 .block-image:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to bottom, rgba(141, 110, 108, 0.1), rgba(19, 18, 18, 0) 42%, rgba(19, 18, 18, 1) 88%);
   pointer-events: none;
}

.block-image a {
 position: absolute;
 inset: 0;
 display: block;
 }

.block-image img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center;
 display: block;
 vertical-align: bottom;
 outline: none;
 border: none;
 transition: transform 0.8s ease;
 }

.block-image:hover img {
 transform: scale(1.1);
 }

/* בלוק טקסט – היררכיה: טאג → כותרת → פסקה → כפתור */
.block-text {
 background: var(--white);
 padding: 8vw 10vw;
 display: flex;
 grid-gap: 1.8vw;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-align: center;
 }

/* תגיות בדף הבית */
.tags-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8vw 1.6vw;
  margin-bottom: 2.4vw;
  padding: 0.8vw 0;
}
.tags-nav-label {
  font-family: var(--font-body);
  font-size: 1.44vw;
  color: var(--gray);
}
.tag-link {
  font-family: var(--font-body);
  font-size: 1.44vw;
  color: var(--text-color);
  text-decoration: none;
  padding: 0.56vw 1.44vw;
  border: 0.1vw solid var(--border-color);
  border-radius: 5vw;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.tag-link:hover {
  color: var(--accent-color);
  border-color: var(--accent-color);
  background: rgba(213, 164, 65, 0.08);
}
.tag-archive-header {
  margin-bottom: 2.4vw;
  display: none;
}
.tag-archive-title {
  font-family: var(--font-heading);
  font-size: 2.88vw;
  margin: 0 0 0.8vw;
  color: var(--text-color);
}
.tag-archive .back-to-home {
  font-family: var(--font-body);
  font-size: 1.52vw;
  color: var(--gray);
  text-decoration: none;
}
.tag-archive .back-to-home:hover {
  color: var(--accent-color);
}
.block-category--link {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s, border-color 0.2s;
}
.block-category--link:hover {
  color: var(--accent-color);
  border-color: var(--accent-color);
}

/* בחירת תגית במצב עריכה – רק מהרשימה */
.block-category-edit.block-category {
  cursor: pointer;
  appearance: auto;
  padding: 0.45vw 1.3vw;
  font-family: var(--font-body);
  font-size: var(--text-category);
  color: var(--gray);
  border: 1px solid var(--gray);
  border-radius: 5vw;
  background: var(--bg-color);
  min-width: 12.8vw;
}
.block-category-edit.block-category:focus {
  outline: none;
  border-color: var(--accent-color);
}

/* 1. טאג – קפסולה עם מסגרת, טקסט אפור */
.block-category {
 display: inline-block;
 font-family: var(--font-body);
 font-size: var(--text-category);
 color: var(--black);
 border: 1px solid var(--black);
 border-radius: 5vw;
 padding: 0.25vw 1vw;
 }

/* 2. כותרת – גדולה, שחורה, בולד */
.block-title {
 font-size: var(--text-h2);
 font-family: var(--font-heading);
 color: var(--black);
 }

.block-title a {
 color: inherit;
 text-decoration: none;
 transition: color 0.3s ease;
 }

.block-title a:hover {
 color: var(--gray);
 }

/* 3. פסקה – אפור, ריווח שורות נוח */
.block-excerpt {
 font-family: var(--font-body);
 font-size: var(--text-excerpt);
 line-height: var(--leading-body);
 max-width: 100%;
 }

/* 4. כפתור – שחור, פינות מעוגלות (בסגנון article-cta-btn) */
.block-cta {
 display: inline-block;
 background: var(--black);
 color: var(--white);
 font-family: var(--font-body);
 font-size: 1vw;
 font-weight: 600;
 padding: 0.75vw 2vw;
 text-decoration: none;
 border: 0.1vw solid var(--black);
 border-radius: 0.2vw;
 position: relative;
 overflow: hidden;
 transition: color 0.4s ease;
 z-index: 1;
 }

.block-cta::before {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 width: 0;
 height: 100%;
 background: var(--white);
 transition: width 0.4s ease;
 z-index: -1;
 }

.block-cta:hover {
 color: var(--black);
 }

.block-cta:hover::before {
 width: 100%;
 }

/* Section Titles - AT Magazine Style */
.section-title {
 font-size: 2.894vw; /* Same as h2 on article page */
 font-weight: 700; /* Stronger weight for section titles */
 line-height: 1.25; /* Same as h2 on article page */
 margin-bottom: 2vw;
 margin-top: 0;
 text-align: right;
 color: var(--black);
 font-family: var(--font-heading); /* Same as h2 on article page */
 border-bottom: 0.2vw solid var(--white);
 padding-bottom: 1vw;
}

/* Featured Articles - AT Magazine Style */
.featured-articles {
 margin-bottom: 6vw;
}

.featured-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 3vw;
}

.featured-card {
 background: white;
 border-radius: 0.8vw;
 overflow: hidden;
 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 border: 0.1vw solid var(--white);
}



.featured-image {
 position: relative;
 height: 20vw;
 overflow: hidden;
 background-color: #131212;
}

.featured-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 outline: none;
 border: none;
 transition: transform 0.3s ease;
}

.featured-card:hover .featured-image img {
 transform: scale(1.2);
}

.card-link {
 display: block;
 text-decoration: none;
 color: inherit;
 height: 100%;
}

.featured-content {
 padding: 2vw;
}

.featured-category {
 display: inline-block;
 background: var(--white);
 color: var(--gray);
 padding: 0.4vw 1.2vw;
 border-radius: 1.5vw;
 font-size: 1vw;
 font-weight: 500;
 margin-bottom: 1.2vw;
 text-transform: uppercase;
 letter-spacing: 0.08vw;
}

.featured-title {
 font-size: 2.315vw; /* Same as h3 on article page */
 font-weight: 700; /* Stronger weight for titles */
 line-height: 1.25; /* Same as h3 on article page */
 margin-bottom: 1.2vw;
 font-family: var(--font-heading); /* Same as h3 on article page */
 color: var(--black);
}


.featured-excerpt {
 font-size: 1.331vw; /* Same as p on article page */
 line-height: 1.6; /* Same as p on article page */
 color: var(--gray);
 margin-bottom: 1.5vw;
 font-family: var(--font-body); /* Same as p on article page */
}

.featured-meta {
 display: flex;
 justify-content: space-between;
 font-size: 1.2vw;
 color: var(--gray);
}








/* Load More Button */
.load-more-container {
 text-align: center;
 margin: 3vw 0;
 padding: 2vw;
}

.load-more-btn {
 background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
 color: white;
 border: none;
 padding: 1.2vw 3vw;
 font-size: 1.1vw;
 font-weight: 600;
 border-radius: 5vw;
 cursor: pointer;
 transition: all 0.3s ease;
 box-shadow: 0 0.4vw 1.5vw rgba(0, 0, 0, 0.1);
}

.load-more-btn:hover {
 transform: translateY(-0.2vw);
 box-shadow: 0 0.6vw 2vw rgba(0, 0, 0, 0.15);
}

.load-more-btn:active {
 transform: translateY(0);
}

.load-more-btn:disabled {
 opacity: 0.6;
 cursor: not-allowed;
 transform: none;
}

/* Infinite Scroll Loading Indicator */
.loading-indicator {
 text-align: center;
 margin: 1vw 0;
 padding: 0.5vw;
}

.loading-indicator p {
 color: var(--secondary-text);
 font-size: 1vw;
 opacity: 0.7;
 margin: 0;
}

/* No Articles Message */
.no-articles {
 text-align: center;
 padding: 4vw;
 color: var(--gray);
}

.no-articles h3 {
 font-size: 2vw;
 margin-bottom: 1vw;
}

.no-articles p {
 font-size: 1.2vw;
}

/* Single Article Page Layout */
.single main {
 display: flex;
}

.single article {
 display: flex;
 flex-direction: column;
 width: 70%;
 background-color: var(--secondary-color);
 color: var(--text-color);
 position: relative;
 right: 0;
 top: 0;
 padding: 5% 8%;
 direction: rtl;
 text-align: right;
 grid-gap: 1.736vw;
 flex-direction: column;
 border-left: 0.1vw solid var(--border-color);
}

.single .article-cover {
 width: 30%;
 height: 100svh;
 background-color: var(--black);
 position: fixed;
 left: 0;
 top: 0;
 overflow: hidden;
}

.single .article-cover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(141, 110, 108, 0.1), rgba(19, 18, 18, 0) 42%, rgba(19, 18, 18, 1) 88%);
    pointer-events: none;
}

.single .article-cover img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center center;
 display: block;
 vertical-align: bottom;
 outline: none;
 border: none;
 margin: 0;
 padding: 0;
 border: 0 none;
}

/* Desktop image - show above 650px */
.single .article-cover img:first-child {
 display: block;
}

/* Mobile image - hide above 650px */
.single .article-cover img:last-child {
 display: none;
}

.single .article-header {
 display: flex;
 flex-direction: column;
 align-items: start;
 justify-content: start;
 grid-gap: 2vw;
}

.article-subtitle {
 font-size: inherit;
 letter-spacing: -0.03em;
 line-height: 1.3;
 margin: 0;
 color: var(--black);
}

.single .article-header .article-subtitle {
 font-size: var(--article-h2);
}

.article-date {
 font-size: 0.868vw;
 color: var(--black);
 margin-right: 0.5vw;
}

.article-meta-left,
.article-meta-right {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.5vw 1vw;
}

.single .article-info {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 align-items: center;
 justify-content: space-between;
 width: 100%;
 gap: 1.5vw;
}

.article-meta-sep {
 display: inline-block;
 width: 0.1vw;
 height: 1.92vw;
 background-color: var(--black);
 opacity: 0.4;
 margin: 0 0.5vw;
 flex-shrink: 0;
}

.social-share {
 display: flex;
 gap: 0.5vw;
}

.social-share-item {
 background-color: var(--accent-color);
 color: var(--bg-color);
 padding: 0.8vw;
 border-radius: 50%;
 width: 2.5vw;
 height: 2.5vw;
 display: flex;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 transition: all 0.3s ease;
 font-size: 1vw;
}

.social-share-item:hover {
 opacity: 0.7;
 transform: scale(1.1);
}

.social-share-item i {
 font-size: 1vw;
}

.category {
 font-size: 0.868vw;
}

.single .article-header > .block-category {
 display: inline-block;
}

.category-link {
 color: inherit;
 text-decoration: none;
 transition: color 0.2s;
}
.category-link:hover {
 color: var(--accent-color);
}

.tags {
 display: flex;
 grid-gap: 0.2vw;
}

.tag {
 border: 0.1vw solid var(--black);
 padding: 0.1vw 0.5vw;
 border-radius: 5vw;
 font-size: 0.8vw;
 font-weight: 600;
 color: var(--black);
 display: inline-flex;
 align-self: start;
}

.author {
 display: flex;
 grid-gap: 0.579vw;
 align-items: center;
 justify-content: start;
}

.author img {
 width: 1.736vw;
 height: 1.736vw;
 border-radius: 50%;
 object-fit: cover;
 background-color: var(--black);
 filter: grayscale(1)!important;
}

.article-content { 
 display: flex;
 flex-direction: column;
 align-items: start;
 justify-content: start;
 grid-gap: 1.736vw;
 margin-top: 3vw;
}

.article-content h3 {
 margin-top: 3vw;
}

.article-content img {
 width: 53vw;
 object-fit: cover;
}

.article-img {
 display: flex;
 flex-direction: column;
 align-items: start;
 justify-content: start;
 grid-gap: 1.736vw;
 padding: 3vw 0;
}

.article-cta-btn {
 margin-top: 3vw;
 background-color: var(--black);
 padding: 0.8vw 2vw;
 font-size: 1.5vw;
 font-weight: 500;
 color: var(--white);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: fit-content;
 height: fit-content;
 cursor: pointer;
 border: 0.1vw solid var(--black);
 position: relative;
 overflow: hidden;
 transition: color 0.7s cubic-bezier(.41,.03,0,1);
 z-index: 1;
}

.article-cta-btn::before {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 width: 0;
 height: 100%;
 background-color: var(--white);
 transition: width 0.7s cubic-bezier(.41,.03,0,1);
 z-index: -1;
}

.article-cta-btn:hover::before {
 width: 100%;
}

.article-cta-btn:hover {
 color: var(--black) !important;
}

/* Blog index styles */
.blog-index {
 max-width: 90vw;
 margin: 0 auto;
 padding: 3.2vw;
 background-color: var(--white);
 direction: rtl;
 text-align: right;
}

.blog-header {
 text-align: center;
 margin-bottom: 4.8vw;
  padding: 3.2vw 0;
}

.blog-header h1 {
 font-size: 6.4vw;
  margin-bottom: 1.6vw;
 color: var(--black);
}

.blog-header p {
 font-size: 1.92vw;
 color: var(--gray);
}


.article-card .card-image {
 width: 100%;
 height: 60%;
 position: relative;
 flex-shrink: 0;
 overflow: hidden;
 background-color: #131212;
}

.card-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 outline: none;
 border: none;
 transition: transform 0.3s ease;
}

.article-card:hover .card-image img,
.magazine-card:hover .card-image img {
 transform: scale(1.2);
}

/* Card content below image */
.card-content {
 position: relative;
 padding: 2vw 0 0 0;
 color: var(--text-color);
 transition: color 0.3s ease;
}

/* Magazine cards should have same structure as article cards */

.card-category {
 background: transparent;
 color: var(--secondary-text);
 padding: 0.4vw 1vw;
 transition: background-color 0.3s ease, color 0.3s ease;
 border-radius: 0.8vw;
 border: 0.1vw solid var(--secondary-text);
 font-size: 0.8vw;
 font-weight: 600;
 display: inline-block;
 margin-bottom: 1vw;
 text-transform: uppercase;
 letter-spacing: 0.05em;
}

.card-title {
 font-size: 1.4vw;
 font-weight: 700;
 margin-bottom: 0.8vw;
 line-height: 1.3;
 color: var(--text-color);
 transition: color 0.3s ease;
}

/* Title sizes for different card sizes */
.article-card:nth-child(1) .card-title {
 font-size: 2.5vw;
 margin-bottom: 1.2vw;
}

.article-card:nth-child(2) .card-title,
.article-card:nth-child(3) .card-title {
 font-size: 1.6vw;
}

.article-card:nth-child(4) .card-title {
 font-size: 1.8vw;
}

.article-card:nth-child(5) .card-title {
 font-size: 1.2vw;
}

.article-card:nth-child(6) .card-title,
.article-card:nth-child(7) .card-title,
.article-card:nth-child(8) .card-title {
 font-size: 1.1vw;
}

.card-excerpt {
 color: var(--gray);
 line-height: 1.5;
 margin-bottom: 1vw;
 font-size: 0.9vw;
}

/* Excerpt sizes for different card sizes */
.article-card:nth-child(1) .card-excerpt {
 font-size: 1.3vw;
 margin-bottom: 1.5vw;
}

.article-card:nth-child(2) .card-excerpt,
.article-card:nth-child(3) .card-excerpt {
 font-size: 1vw;
}

.article-card:nth-child(4) .card-excerpt {
 font-size: 1.1vw;
}

.article-card:nth-child(5) .card-excerpt,
.article-card:nth-child(6) .card-excerpt,
.article-card:nth-child(7) .card-excerpt,
.article-card:nth-child(8) .card-excerpt {
 font-size: 0.8vw;
}

/* Category badge sizes */
.article-card:nth-child(1) .card-category {
 font-size: 1vw;

 border-radius: 1vw;
 margin-bottom: 1.5vw;
}

.article-card:nth-child(5) .card-category,
.article-card:nth-child(6) .card-category,
.article-card:nth-child(7) .card-category,
.article-card:nth-child(8) .card-category {
 font-size: 0.7vw;

}

.card-meta {
 display: flex;
 justify-content: space-between;
 align-items: center;
 color: var(--gray);
 font-size: 0.7vw;
}

@media (max-width: 650px) {
 /* Mobile Header Styles */
 .main-header {
 position: relative !important;
 }
 
 .header-top,
 .main-header.header-dark .header-top {
 padding: 2vw;
 justify-content: space-between;
 align-items: center;
 }
 
 .header-top {
 position: relative;
 z-index: 10001;
 }
 .header-burger-wrap {
 display: block;
 flex: 0 0 auto;
 }
 .header-logo-wrap {
 flex: 1 1 0;
 min-width: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 }
 .header-burger-spacer {
 display: block;
 flex: 0 0 7vw;
 width: 7vw;
 }
 .main-header.header-dark .header-menu-toggle {
 display: flex !important;
 flex-direction: column;
 justify-content: center;
 align-items: flex-start;
 gap: 1.2vw;
 width: 7vw;
 height: 7vw;
 padding: 0;
 background: none;
 border: none;
 cursor: pointer;
 position: relative;
 left: -3vw;
 }
 .main-header.header-dark .header-menu-toggle span {
 width: 8vw;
 height: 0.35vw;
 min-width: 6vw;
 background: var(--white);
 transition: transform var(--menu-duration) var(--menu-backdrop-easing), opacity var(--menu-duration) var(--menu-backdrop-easing);
 }
 body.mobile-menu-open .header-menu-toggle span:nth-child(1) {
 transform: translateY(0.8vw) rotate(45deg);
 }
 body.mobile-menu-open .header-menu-toggle span:nth-child(2) {
 transform: translateY(-0.8vw) rotate(-45deg);
 }

 .main-header.header-dark .header-logo img {
  min-height: 15vw;
 }

 .main-header.header-dark .header-date,
 .main-header.header-dark .header-menu-label {
  max-width: 45%;
  }
 .header-rates { min-width: 5.6vw; }
 .header-rates-row { min-height: 2.56vw; }

 /* במובייל הסטריפ רק תאריך + שער – בלי לינקים */
 .nav-row-center.nav-desktop-only {
 display: none !important;
 }
 .nav-row-left,
 .nav-row-right {
 flex: 1 1 0;
 }

 .home .header-logo img {
 width: 20vw;
 height: 20vw;
 }

 .single .header-logo img {
 width: 20vw;
 height: 20vw;
 }

 .single .article-header {
 grid-gap: 5vw;
 }

 .single .article-header .article-subtitle {
 font-size: var(--article-h2);
 }

 .article-date {
 font-size: 2.8vw;
 }

 /* Back to home button mobile */
 .back-to-home {
 position: absolute;
 right: 5vw;
 top: 50%;
 transform: translateY(-50%);
 }
 
 .back-btn {
 padding: 2vw 3vw;
 }
 
 .header-logo img {
 width: 15vw;
 height: 15vw;
 }
 
 body.mobile-menu-open {
 overflow: hidden;
 }
 /* דחיפת האתר שמאלה כשהתפריט פתוח */
 .site-push-wrap {
 transition: transform var(--menu-duration) var(--menu-easing);
 }
 body.mobile-menu-open .site-push-wrap {
 transform: translateX(-50vw);
 }
 /* צל על כל המסך – אחיד, לחיצה סוגרת */
 .mobile-menu-backdrop {
 display: block;
 position: fixed;
 inset: 0;
 width: 100%;
 height: 100%;
 z-index: 9998;
 background: rgba(0, 0, 0, 0.4);
 opacity: 0;
 pointer-events: none;
 transition: opacity var(--menu-duration) var(--menu-backdrop-easing);
 }
 body.mobile-menu-open .mobile-menu-backdrop {
 opacity: 1;
 pointer-events: auto;
 }
 /* תפריט מובייל – נפתח מימין, רוחב 50%, אנימציית פתיחה/סגירה */
 .mobile-menu {
 display: block;
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 width: 50vw;
 z-index: 10000;
 background: var(--black);
 padding: 12vw 5vw 8vw;
 transform: translateX(100%);
 transition: transform var(--menu-duration) var(--menu-easing);
 box-shadow: -0.8vw 0 2.4vw rgba(0,0,0,0.3);
 overflow-y: auto;
 }
 body.mobile-menu-open .mobile-menu {
 transform: translateX(0);
 }
 .mobile-menu-list {
 list-style: none;
 margin: 0;
 padding: 0;
 display: flex;
 flex-direction: column;
 gap: 0;
 }
 .mobile-menu-list li {
 margin: 0;
 }
 .mobile-menu-list a {
 display: block;
 color: var(--white);
 text-decoration: none;
 font-family: var(--font-body);
 font-size: 5.5vw;
 padding: 4vw 0;
 border-bottom: 0.1vw solid rgba(238, 233, 230, 0.15);
 transition: opacity 0.2s ease;
 }
 .mobile-menu-list a:hover,
 .mobile-menu-list a.active {
 opacity: 0.9;
 }
 .mobile-menu-list a.active {
 font-weight: 700;
 }
 .mobile-menu-list .nav-item-admin a {
 border-bottom: none;
 padding-top: 6vw;
 }
 
 /* Desktop nav styling not used on mobile strip */
 .main-navigation .nav-menu {
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 gap: 2vw;
 }
 
 .nav-menu li {
 margin: 1vw 0;
 }
 
 .nav-menu a {
 padding: 2vw 0;
 text-align: center;
 border-bottom: 0.2vw solid transparent;
 white-space: nowrap;
 }
 
 .nav-menu a.category {
 padding: 2vw 0;
 margin: 0;
 background: none;
 border-radius: 0;
 border-bottom: 0.2vw solid transparent;
 }

 .nav-menu li:last-child::before {
 display: none;
 }

 /* Legacy nav is completely removed */

 /* Single Article Mobile Styles */
 .single main {
 display: flex;
 flex-direction: column;
 }

 .single article {
 width: 100%;
 position: relative;
 padding: 8%;
 order: 2;
 }
 
 .single .article-cover {
 width: 100%;
 height: 40vw;
 position: relative;
 order: 1;
 z-index: 999;
 border-bottom: 0.1vw solid var(--border-color);
 }

 /* Mobile image - show below 650px */
 .single .article-cover img:first-child {
 display: none;
 }
 
 .single .article-cover img:last-child {
 display: block;
 }

 /* Mobile headings - increase by 69% like in article.html */
 .single h1 {
 font-size: var(--text-h1);
 }
 
 .single h2 {
 font-size: 7vw;
 }
 
 .single h3 {
 font-size: 6vw;
 }
 
 .single h4 {
 font-size: 5vw;
 }
 
 .single h5 {
 font-size: 3vw;
 }

 .single .article-content h3 {
 margin-top: 3vw!important;
 }

 .single .author {
 grid-gap: 2vw;
 }

 .single .author img {
 width: 6vw;
 height: 6vw;
 object-fit: cover;
 }

 /* Magazine Homepage Mobile Styles */
 .magazine-homepage {
 padding: 0 0vw;
 max-width: unset;
 }

 .split-articles-section {
/* padding: 0 4vw;*/
 }

 .article-row {
 grid-template-columns: 1fr;
 min-height: 0;
 }

 .article-row--alt .block-image,
 .article-row--alt .block-text {
 order: unset;
 }

 .article-row .block-image {
 min-height: 55vw;
 }

 .block-category {
 padding: 1vw 2.5vw;
 }

 .block-title {
 font-size: var(--text-h2);
 margin-bottom: 2vw;
 }

 .block-title a {
 color: inherit;
 }

 .block-excerpt {
 margin-bottom: 4vw;
 }

 .block-cta {
 font-size: 3.5vw;
 padding: 2vw 4vw;
 }

 .section-title {
 font-size: 7vw;
 margin-bottom: 4vw;
 margin-top: 0;
 }

 .featured-grid {
 grid-template-columns: 1fr;
 gap: 6vw;
 }

 .featured-image {
 height: 25vw;
 }

 .featured-content {
 padding: 4vw;
 }

 .featured-category {
 font-size: 2.5vw;
 padding: 1vw 2.5vw;
 margin-bottom: 2vw;
 }

 .featured-title {
 font-size: 5vw;
 margin-bottom: 2vw;
 }

 .featured-excerpt {
 font-size: 3.5vw;
 margin-bottom: 3vw;
 }

 .featured-meta {
 font-size: 3vw;
 }


 .card-image {
 height: 20vw;
 }

 .card-content {
 padding: 5vw 0;
 }

 .card-category {
 font-size: 2.5vw;
 padding: 1vw 2vw;
 margin-bottom: 2vw;
 }

 .card-title {
 font-size: 4.5vw;
 margin-bottom: 2vw;
 }

 .card-excerpt {
 font-size: 3.5vw;
 margin-bottom: 2.5vw;
 }

 .card-meta {
 font-size: 3vw;
 }

 .load-more-btn {
 padding: 3vw 6vw;
 font-size: 4vw;
 border-radius: 2.5vw;
 }

 .loading-indicator p {
 font-size: 4vw;
 }

 .no-articles h3 {
 font-size: 6vw;
 margin-bottom: 3vw;
 }

 .no-articles p {
 font-size: 4vw;
 }

 /* Increase all headings by 69% on mobile (30% + 30% more) */
 h1 {
 font-size: 9vw;
 }
 
 h2 {
 font-size: 7vw;
 }
 
 h3 {
 font-size: 6vw;
 }
 
 h4 {
 font-size: 5vw;
 }
 
 h5 {
 font-size: 3vw;
 }
 
 h6 {
 font-size: 4vw;
 }
 
 /* Increase paragraph and other text elements by 69% on mobile */
 p {
 font-size: 4vw;
 }

 .tag {
 font-size: 3vw;
 padding: 0.3vw 1.5vw;
 }
 
 .category {
 font-size: 1.466vw;
 }
 
 .tags {
 display: flex;
 grid-gap: 0.6vw;
 }
 
 main {
 flex-direction: column;
 }

 .article-header {
 grid-gap: 8vw;
 }

 .article-info {
 grid-gap: 2vw;
 }
 
 .article-content {
 grid-gap: 6vw;
 margin-top: 10vw;
 }

 .article-content h3 {
 margin-top: 3vw!important;
 }

 .author {
 grid-gap: 2vw;
 }

 .author img {
 width: 5vw;
 height: 5vw;
 object-fit: cover;
 }

 article {
 display: flex;
 flex-direction: column;
 width: 100%;
 background-color: var(--white);
 position: relative;
 right: 0;
 top: 0;
 padding: 8%;
 direction: rtl;
 text-align: right;
 grid-gap: 1.736vw;
 flex-direction: column;
 }
 
 .article-cover {
 width: 100%;
 height: 40vw;
 background-color: var(--black);
 position: relative;
 z-index:999;
 }

 .article-cover img {
 display: block;
 vertical-align: bottom;
 outline: none;
 border: none;
 }

 .article-img img {
 object-fit: cover;
 object-position: center center;
 height: 100%;
 width: 100%;
 display: block;
 outline: none;
 border: none;
 }

 /* Mobile image - show below 650px */
 .article-cover img:first-child {
 display: none;
 }
 
 .article-cover img:last-child {
 display: block;
 }

 .article-cta-btn {
 font-size: 4vw;
 padding: 1.8vw 5vw;
 padding-bottom: 2.5vw;
 }

 .blog-index {
 padding: 1.6vw;
 }

 .blog-header h1 {
 font-size: 4vw;
 }


}

/* ===== CATEGORY PAGE STYLES ===== */
.category-header {
 background: var(--bg-color);
 padding: 0vw 0 4vw;
 text-align: center;
 color: var(--text-color);
 border-bottom: 0.1vw solid var(--border-color);
 margin: 0 -15vw;
 width: calc(100% + 30vw);
}

.category-banner h1.category-title {
 font-size: 3.5vw;
 font-weight: 700;
 margin-bottom: 1vw;
 color: var(--text-color);
}

.category-banner p.category-description {
 font-size: 1.2vw;
 opacity: 0.9;
 max-width: 60vw;
 margin: 0 auto;
 line-height: 1.6;
 color: var(--secondary-text);
}

/* Category filtered magazine layout */

@media (max-width: 650px) {

 .category-header {
 padding: 12vw 4vw 8vw;
 margin: 0;
 width: 100%;
 }
 
 .category-banner h1.category-title {
 font-size: 8vw;
 margin-bottom: 3vw;
 }
 
 .category-banner p.category-description {
 font-size: 4vw;
 max-width: 90vw;
 }
 
 
 /* Magazine cards mobile styles */
 .magazine-card {
 border-radius: 4vw;
 }
 
 

 
 .magazine-card .card-category {
 font-size: 3vw !important;
 padding: 1vw 2.5vw;
 border-radius: 2vw;
 margin-bottom: 2vw;
 }
 
 .magazine-card .card-title {
 font-size: 5vw !important;
 margin-bottom: 2vw;
 }
 
 .magazine-card .card-excerpt {
 font-size: 3.5vw !important;
 margin-bottom: 2vw;
 }
 
 .magazine-card .card-meta {
 font-size: 3vw !important;
 }
}

/* ===== UNIFIED MODERN LAYOUT STYLES ===== */


.magazine-grid {
 display: grid;
 grid-template-columns: repeat(12, 1fr);
 gap: 2vw;
 margin-bottom: 2vw;
}

/* Hero card - full width like TimeOut */
.magazine-card:nth-child(1) {
 grid-column: span 12;
}

.magazine-card:nth-child(1) .card-image {
 height: 30vw;
}

/* Second row - asymmetric like TimeOut */
.magazine-card:nth-child(2) {
 grid-column: span 8;
}

.magazine-card:nth-child(2) .card-image {
 height: 25vw;
}

.magazine-card:nth-child(3) {
 grid-column: span 4;
 }

.magazine-card:nth-child(3) .card-image {
 height: 25vw;
}

/* Third row - three equal cards */
.magazine-card:nth-child(4),
.magazine-card:nth-child(5),
.magazine-card:nth-child(6) {
 grid-column: span 4;
}

.magazine-card:nth-child(4) .card-image,
.magazine-card:nth-child(5) .card-image,
.magazine-card:nth-child(6) .card-image {
 height: 20vw;
}

/* Pattern repeats for cards 7+ - cycle through the 6-card pattern */
.magazine-card:nth-child(6n+1) {
 grid-column: span 12;
}

.magazine-card:nth-child(6n+1) .card-image {
 height: 30vw;
}

.magazine-card:nth-child(6n+2) {
 grid-column: span 8;
}

.magazine-card:nth-child(6n+2) .card-image {
 height: 30vw;
}

.magazine-card:nth-child(6n+3) {
 grid-column: span 4;
}

.magazine-card:nth-child(6n+3) .card-image {
 height: 30vw;
}

.magazine-card:nth-child(6n+4),
.magazine-card:nth-child(6n+5),
.magazine-card:nth-child(6n+6) {
 grid-column: span 4;
}

.magazine-card:nth-child(6n+4) .card-image,
.magazine-card:nth-child(6n+5) .card-image,
.magazine-card:nth-child(6n+6) .card-image {
 height: 15vw;
}

.magazine-card {
 position: relative;
 cursor: pointer;
 display: flex;
 flex-direction: column;
 gap: 1.5vw;
}



.magazine-card .card-image {
 width: 100%;
 position: relative;
 flex-shrink: 0;
 overflow: hidden;
 background-color: #131212;
}

.magazine-card .card-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 outline: none;
 border: none;
 transition: transform 0.3s ease;
}

/* Remove old magazine card content styling */

/* Magazine card categories use same styling as article cards */

/* Category badge sizes for different magazine card sizes */
.card-category {
 font-size: 1vw;
 border-radius: 0.2vw;
 margin-bottom: 1.5vw;
}

.magazine-card:nth-child(3) .card-category,
.magazine-card:nth-child(4) .card-category,
.magazine-card:nth-child(5) .card-category,
.magazine-card:nth-child(6) .card-category,
.magazine-card:nth-child(6n+3) .card-category,
.magazine-card:nth-child(6n+4) .card-category,
.magazine-card:nth-child(6n+5) .card-category,
.magazine-card:nth-child(6n+6) .card-category {
 font-size: 0.7vw;
 padding: 0.3vw 0.8vw;
}

/* Magazine card titles use same styling as article cards */

/* Title sizes for different magazine card sizes */
.magazine-card:nth-child(1) .card-title,
.magazine-card:nth-child(6n+1) .card-title {
 font-size: 2.5vw;
 margin-bottom: 1.2vw;
}

.magazine-card:nth-child(2) .card-title,
.magazine-card:nth-child(6n+2) .card-title {
 font-size: 1.8vw;
}

.magazine-card:nth-child(3) .card-title,
.magazine-card:nth-child(6n+3) .card-title {
 font-size: 1.2vw;
}

.magazine-card:nth-child(4) .card-title,
.magazine-card:nth-child(5) .card-title,
.magazine-card:nth-child(6) .card-title,
.magazine-card:nth-child(6n+4) .card-title,
.magazine-card:nth-child(6n+5) .card-title,
.magazine-card:nth-child(6n+6) .card-title {
 font-size: 1.1vw;
}

.magazine-card .card-excerpt {
 color: var(--gray);
 line-height: 1.5;
 margin-bottom: 1vw;
 font-size: 0.9vw;
}

.magazine-card:nth-child(1) .card-excerpt,
.magazine-card:nth-child(6n+1) .card-excerpt {
 font-size: 1.3vw;
 margin-bottom: 1.5vw;
}

.magazine-card:nth-child(2) .card-excerpt,
.magazine-card:nth-child(6n+2) .card-excerpt {
 font-size: 1.1vw;
}

.magazine-card:nth-child(3) .card-excerpt,
.magazine-card:nth-child(4) .card-excerpt,
.magazine-card:nth-child(5) .card-excerpt,
.magazine-card:nth-child(6) .card-excerpt,
.magazine-card:nth-child(6n+3) .card-excerpt,
.magazine-card:nth-child(6n+4) .card-excerpt,
.magazine-card:nth-child(6n+5) .card-excerpt,
.magazine-card:nth-child(6n+6) .card-excerpt {
 font-size: 0.8vw;
}

.magazine-card .card-meta {
 display: flex;
 justify-content: space-between;
 align-items: center;
 font-size: 0.7vw;
 color: var(--gray);
}

.magazine-card .card-meta .card-author {
 display: none;
}

.magazine-card:nth-child(1) .card-meta {
 font-size: 0.9vw;
}

/* Mobile responsive for magazine layout */
@media (max-width: 650px) {
 .magazine-layout {
 padding: 4vw 4vw;
 }
 
 .magazine-grid {
 display: flex !important;
 flex-direction: column;
 gap: 4vw;
 }
 
 .magazine-card,
 .magazine-card.large-card,
 .magazine-card.medium-card,
 .magazine-card.small-card {
 width: 100% !important;
 grid-column: unset !important;
 display: flex;
 flex-direction: column;
 }
 
 .magazine-card .card-image {
 min-height: 50vw !important;
 width: 100%;
 flex-shrink: 0;
 }
 
 .magazine-card .card-content {
 flex-grow: 1;
 }
 
 .magazine-card .card-category {
 font-size: 3vw;
 padding: 1vw 2vw;
 border-radius: 1vw;
 margin-bottom: 2vw;
 display: inline-block;
 }
 
 .magazine-card .card-title {
 font-size: 4.5vw !important;
 line-height: 1.3;
 margin-bottom: 2vw;
 }
 
 .magazine-card .card-excerpt {
 font-size: 3.5vw;
 line-height: 1.4;
 margin-bottom: 2vw;
 }
 
 .magazine-card .card-meta {
 font-size: 3vw;
 color: var(--gray);
 }
 
 /* Ensure proper mobile layout */
 .magazine-layout .magazine-grid {
 display: flex !important;
 flex-direction: column !important;
 gap: 4vw !important;
 }
 
 .magazine-layout .magazine-grid .magazine-card {
 width: 100% !important;
 grid-column: unset !important;
 display: flex !important;
 flex-direction: column !important;
 margin-bottom: 0 !important;
 }
}

/* ===== FOOTER STYLES ===== */
.site-footer {
 background: var(--bg-color);
 color: var(--text-color);
 padding: 4vw 0 0;
 transition: background-color 0.3s ease, color 0.3s ease;
 font-family: var(--font-body);
 border-top: 0.1vw solid var(--border-color);
 }

/* Footer כהה – כמו ה-header */
.site-footer.footer-dark {
 background: var(--black);
 border-top-color: rgba(238, 233, 230, 0.15);
 color: var(--white);
 }

.site-footer.footer-dark .footer-section h3 {
 color: var(--white);
 }

.site-footer.footer-dark .footer-description {
 color: rgba(238, 233, 230, 0.85);
 }

.site-footer.footer-dark .footer-links ul li a,
.site-footer.footer-dark .footer-popular ul li a {
 color: rgba(238, 233, 230, 0.85);
 }

.site-footer.footer-dark .footer-links ul li a:hover,
.site-footer.footer-dark .footer-popular ul li a:hover {
 color: var(--white);
 opacity: 0.9;
 }

.site-footer.footer-dark .contact-info p,
.site-footer.footer-dark .contact-info strong,
.site-footer.footer-dark .contact-info a {
 color: rgba(238, 233, 230, 0.8);
 }

.site-footer.footer-dark .contact-info a:hover {
 color: var(--white);
 }

.site-footer.footer-dark .footer-bottom {
 border-top-color: rgba(238, 233, 230, 0.15);
 }

.site-footer.footer-dark .footer-copyright p {
 color: var(--gray);
 }

.site-footer.footer-dark .footer-legal a,
.site-footer.footer-dark .footer-legal .separator {
 color: rgba(238, 233, 230, 0.8);
 }

.site-footer.footer-dark .footer-legal a:hover {
 color: var(--white);
 opacity: 0.9;
 }

/* לוגו בפוטר כהה – לבן (ללא פילטר, ה-SVG כבר #EEE9E6) */
.site-footer.footer-dark .footer-logo img {
 filter: none;
 }
 
 .footer-container {
 max-width: none;
 margin: 0;
 padding: 0 2.5vw;
 }
 
 .footer-content {
 display: grid;
 grid-template-columns: 1.5fr 1fr 1fr 1fr;
 gap: 2vw;
 margin-bottom: 3vw;
}

.footer-section h3 {
 color: var(--text-color);
 font-size: 1.2vw;
 margin-bottom: 1.5vw;
 transition: color 0.3s ease;
 font-weight: 600;
}

/* Footer About Section */
.footer-about {
 padding-left: 2vw;
}

.footer-logo {
 margin-bottom: 1.5vw;
}

.footer-logo img {
 height: 5vw;
 width: auto;
 transition: filter 0.3s ease;
}

/* Footer logo - light mode (when footer not dark) */
.site-footer:not(.footer-dark) .footer-logo img {
 filter: brightness(0) saturate(100%);
}

.footer-description {
 line-height: 1.7;
 color: var(--secondary-text);
 font-size: 0.95vw;
 transition: color 0.3s ease;
}

/* Footer Links */
.footer-links ul,
.footer-popular ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

.footer-links ul li,
.footer-popular ul li {
 margin-bottom: 1.28vw;
}

.footer-links ul li a,
.footer-popular ul li a {
 color: var(--secondary-text);
 text-decoration: none;
 transition: color 0.3s ease;
 font-size: 0.95vw;
}

.footer-links ul li a:hover,
.footer-popular ul li a:hover {
 color: var(--accent-color);
 opacity: 0.5;
 transition: opacity 0.3s ease;
}

/* Contact Info */
.contact-info {
 margin-bottom: 3.2vw;
}

.contact-info p {
 margin-bottom: 0.8vw;
 color: var(--gray);
 font-size: 0.95vw;
}

.contact-info strong {
 color: var(--secondary-text);
}

.contact-info a {
 color: var(--gray);
 text-decoration: none;
 transition: color 0.3s ease;
}

.contact-info a:hover {
 color: var(--secondary-text);
}

/* Social Links */
.social-links {
 display: flex;
 gap: 1.6vw;
}

.social-link {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 3vw;
 height: 3vw;
 background: rgba(255, 255, 255, 0.1);
 border-radius: 50%;
 color: var(--gray);
 text-decoration: none;
 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.social-link:hover {
 background: var(--gray);
 color: var(--white);
 transform: translateY(-0.2vw);
}

.social-link svg {
 width: 2vw;
 height: 2vw;
}

.site-footer.footer-dark .social-link {
 background: rgba(238, 233, 230, 0.15);
 color: rgba(238, 233, 230, 0.9);
 }

.site-footer.footer-dark .social-link:hover {
 background: var(--white);
 color: var(--black);
 }

/* Footer Bottom */
.footer-bottom {
 border-top: 0.1vw solid rgba(255, 255, 255, 0.1);
 padding: 3.2vw 0;
}

.footer-bottom-content {
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
 gap: 1.6vw;
}

.footer-copyright p {
 margin: 0;
 color: var(--gray);
 font-size: 1.44vw;
}

.footer-legal {
 display: flex;
 align-items: center;
 gap: 0.8vw;
}

.footer-legal a {
 color: var(--secondary-text);
 text-decoration: none;
 font-size: 1.44vw;
 transition: color 0.3s ease;
}

.footer-legal a:hover {
 color: var(--accent-color);
 opacity: 0.5;
 transition: opacity 0.3s ease;
}

.footer-legal .separator {
 color: var(--secondary-text);
 transition: color 0.3s ease;
}

/* Mobile Responsive */
@media (max-width: 650px) {
 .footer-content {
 grid-template-columns: 1fr;
 gap: 6vw;
 text-align: center;
 }
 
 .footer-about {
 padding-right: 0;
 }
 
 .footer-section h3 {
 font-size: 4vw;
 margin-bottom: 3vw;
 }
 
 .footer-logo img {
 height: 8vw;
 }
 
 .footer-description {
 font-size: 3.5vw;
 }
 
 .footer-links ul li a,
 .footer-popular ul li a {
 font-size: 3.5vw;
 }
 
 .contact-info p {
 font-size: 3.5vw;
 }
 
 .social-link {
 width: 12vw;
 height: 12vw;
 }
 
 .footer-bottom-content {
 flex-direction: column;
 text-align: center;
 gap: 4vw;
 }
 
 .footer-copyright p,
 .footer-legal a {
 font-size: 3vw;
 }
 
 .social-links {
 justify-content: center;
 gap: 3vw;
 }
}

@media (max-width: 480px) {
 .site-footer {
 padding: 8vw 0 0;
 margin-top: 8vw;
 }
 
 .footer-container {
 padding: 0 2vw;
 }
 
 .footer-content {
 gap: 8vw;
 }
 
 .footer-section h3 {
 font-size: 5vw;
 margin-bottom: 4vw;
 }
 
 .footer-description,
 .footer-links ul li a,
 .footer-popular ul li a,
 .contact-info p {
 font-size: 4vw;
 }
}

/* ---- Visual editor: view / edit mode ---- */
/* לינק "ניהול" בתפריט ובפוטר – מוצג רק במצב עריכה */
.nav-item-admin {
  display: none !important;
}
body.visual-edit-mode .nav-item-admin {
  display: list-item !important;
}
body.visual-edit-mode .footer-links .nav-item-admin {
  display: list-item !important;
}

.visual-editor-toolbar {
  position: fixed;
  bottom: 2vw;
  left: 2vw;
  z-index: 9999;
  display: flex;
  gap: 0.3vw;
  padding: 0.2vw;
  background: rgba(19, 18, 18, 0.95);
  border: 0.1vw solid rgba(238, 233, 230, 0.2);
  border-radius: 0.8vw;
  box-shadow: 0 0.4vw 2vw rgba(0,0,0,0.3);
}
.visual-editor-toolbar .visual-editor-btn {
  color: #EEE9E6;
  text-decoration: none;
  padding: 0.6vw 1.5vw;
  border-radius: 0.6vw;
  font-size: 1vw;
  transition: background 0.2s;
}
.visual-editor-toolbar .visual-editor-btn:hover {
  background: rgba(238, 233, 230, 0.15);
}
.visual-editor-toolbar .visual-editor-btn.active {
  background: rgba(238, 233, 230, 0.25);
}
.visual-editor-media-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000;
  align-items: center;
  justify-content: center;
}
.visual-editor-media-modal.open {
  display: flex;
}
.visual-editor-media-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}
.visual-editor-media-content {
  position: relative;
  background: #131212;
  border: 0.1vw solid rgba(238,233,230,0.2);
  border-radius: 1.2vw;
  max-width: 90vw;
  max-height: 85vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.visual-editor-media-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2vw 1.6vw;
  border-bottom: 0.1vw solid rgba(238,233,230,0.15);
}
.visual-editor-media-header h3 { margin: 0; font-size: 1.76vw; color: #EEE9E6; }
.visual-editor-media-close {
  background: none;
  border: none;
  color: #EEE9E6;
  font-size: 2.4vw;
  cursor: pointer;
  padding: 0 0.8vw;
  line-height: 1;
}
.visual-editor-media-upload-zone {
  padding: 1.2vw 1.6vw;
  border-bottom: 0.1vw solid rgba(238,233,230,0.15);
  text-align: center;
  background: rgba(0,0,0,0.25);
  flex-shrink: 0;
}
.visual-editor-media-upload-label {
  display: block;
  font-size: 1.36vw;
  color: #888;
  margin-bottom: 0.8vw;
}
.visual-editor-media-upload-btn {
  background: #c9a227;
  color: #000;
  border: none;
  padding: 0.8vw 1.6vw;
  border-radius: 0.6vw;
  font-weight: 600;
  cursor: pointer;
  font-size: 1.44vw;
}
.visual-editor-media-upload-btn:hover:not(:disabled) {
  opacity: 0.9;
}
.visual-editor-media-upload-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.visual-editor-media-upload-hint {
  font-size: 1.28vw;
  color: #666;
  margin: 0.6vw 0 0;
}
.visual-editor-media-upload-zone.drag-over {
  background: rgba(201,162,39,0.15);
  border-color: #c9a227;
}
.visual-editor-media-loading,
.visual-editor-media-empty {
  padding: 2.4vw;
  color: #888;
  text-align: center;
}
.visual-editor-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14vw, 1fr));
  gap: 1.2vw;
  padding: 1.6vw;
  overflow: auto;
  max-height: 60vh;
}
.visual-editor-media-item {
  cursor: pointer;
  border-radius: 0.8vw;
  overflow: hidden;
  aspect-ratio: 1;
  border: 0.2vw solid transparent;
  transition: border-color 0.2s;
}
.visual-editor-media-item:hover {
  border-color: rgba(238,233,230,0.5);
}
.visual-editor-media-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.visual-editor-toast {
  position: fixed;
  top: 2.4vw;
  left: 50%;
  transform: translateX(-50%) translateY(-8vw);
  padding: 1.2vw 2.4vw;
  border-radius: 0.8vw;
  background: #131212;
  color: #EEE9E6;
  border: 0.1vw solid rgba(238,233,230,0.2);
  z-index: 10001;
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none;
}
.visual-editor-toast.show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
.visual-editor-toast.success { border-color: #2d5a27; }
.visual-editor-toast.error   { border-color: #8b2635; }
/* Editable regions in edit mode */
body.visual-edit-mode [data-visual-editable] {
  outline: 0.1vw dashed rgba(238, 233, 230, 0.4);
  outline-offset: 0.2vw;
  border-radius: 0.2vw;
}
body.visual-edit-mode [data-visual-editable]:focus {
  outline: 0.2vw solid rgba(238, 233, 230, 0.7);
}
body.visual-edit-mode [data-visual-editable-image] {
  cursor: pointer;
  outline: 0.1vw dashed rgba(238, 233, 230, 0.4);
  outline-offset: 0.2vw;
}
body.visual-edit-mode [data-visual-editable-image]:hover {
  outline-color: rgba(238, 233, 230, 0.6);
}

.visual-editor-add-tag {
  display: inline-block;
  margin-right: 0.8vw;
  padding: 0.32vw 0.96vw;
  font-size: 1.36vw;
  color: rgba(238, 233, 230, 0.8);
  background: rgba(238, 233, 230, 0.1);
  border: 0.1vw dashed rgba(238, 233, 230, 0.4);
  border-radius: 5vw;
  cursor: pointer;
}
.visual-editor-add-tag:hover {
  background: rgba(238, 233, 230, 0.2);
  border-color: rgba(238, 233, 230, 0.6);
}

body.visual-edit-mode .article-row[data-visual-editable] {
  position: relative;
}
.visual-editor-edit-btn {
  position: absolute !important;
  top: 0.8vw !important;
  left: 0.8vw !important;
  z-index: 10 !important;
  padding: 6px 12px !important;
  background: rgba(201, 162, 39, 0.95) !important;
  color: #000 !important;
  font-weight: 600 !important;
  border-radius: 0.6vw !important;
  text-decoration: none !important;
  font-size: 0.9vw !important;
  border: 0.1vw solid rgba(0,0,0,0.2);
}
.visual-editor-edit-btn:hover {
  background: #c9a227 !important;
  color: #000 !important;
}