/*
Theme Name: אורות - פורטל אדריכלות ועיצוב פנים
Theme URI: https://dlions.co.il/
Author: Dlions & Liga SEO
Author URI: https://dlions.co.il/
Description: תבנית עיתון ומגזין יוקרתי לאדריכלות, עיצוב פנים, חומרים ותאורה (אורות) לוורדפרס. כוללת לוח חומרים אינטראקטיבי, מפרט פרויקטים, תפריט קטגוריות היררכי מובנה, סרגל מבזקים אדריכלי, תוסף נגישות מובנה, סיידבר עשיר ופוטר מלא כולל דיסקליימר משפטי וקישורי שותפים.
Version: 2.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: orot-portal
Domain Path: /languages
Tags: architecture, interior-design, news, magazine, rtl-language-support, accessibility-ready, custom-menu, featured-images, footer-widgets, two-columns
*/

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --font-primary: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --color-primary: #c27847; /* Warm Terracotta / Bronze */
  --color-primary-hover: #a86233;
  --color-primary-dark: #8c4e25;
  --color-primary-light: #fdf6f0;
  --color-dark: #1c1a18; /* Deep Charcoal / Warm Stone */
  --color-text: #2c2825;
  --color-text-muted: #78716c;
  --color-bg: #f7f6f4; /* Warm Off-White Stone */
  --color-card-bg: #ffffff;
  --color-border: #e7e5e4;
  --color-border-light: #f5f5f4;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 8px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
}

/* Reset & Global Typography */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-primary);
  direction: rtl;
  text-align: right;
  background-color: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
  color: var(--color-dark);
  font-weight: 800;
  line-height: 1.25;
}

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

a:hover {
  color: var(--color-primary);
}

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

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

/* Top Bar */
.top-bar {
  background-color: #141312;
  color: #a8a29e;
  font-size: 12px;
  border-bottom: 1px solid #292524;
  padding: 6px 0;
}
.top-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.top-bar-left, .top-bar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.curation-badge-top {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #e89d6e;
  font-weight: 700;
}

/* Main Header */
.site-header {
  background-color: #ffffff;
  border-bottom: 1px solid var(--color-border);
  box-shadow: var(--shadow-sm);
  position: sticky;
  top: 0;
  z-index: 40;
}
.header-main-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  gap: 16px;
}
.site-branding {
  display: flex;
  align-items: center;
  gap: 12px;
}
.site-logo-badge {
  background-color: var(--color-primary);
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  padding: 6px 14px;
  border-radius: var(--radius-sm);
  letter-spacing: -0.5px;
}
.site-title {
  font-size: 24px;
  font-weight: 900;
  color: var(--color-dark);
  letter-spacing: -0.5px;
}
.site-title span {
  color: var(--color-primary);
}
.site-description {
  font-size: 12px;
  color: var(--color-text-muted);
  font-weight: 500;
}

/* Header Navigation Menu */
.primary-nav-bar {
  background-color: #ffffff;
  border-top: 1px solid var(--color-border-light);
}
.nav-menu {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.nav-menu > li {
  position: relative;
}
.nav-menu > li > a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-dark);
  border-bottom: 2px solid transparent;
}
.nav-menu > li > a:hover,
.nav-menu > li.current-menu-item > a {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
  background-color: var(--color-primary-light);
}
/* Dropdown sub-menu */
.nav-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #ffffff;
  min-width: 200px;
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 8px 0;
  list-style: none;
  z-index: 50;
}
.nav-menu li:hover > .sub-menu {
  display: block;
}
.nav-menu .sub-menu li a {
  display: block;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text);
}
.nav-menu .sub-menu li a:hover {
  background-color: var(--color-primary-light);
  color: var(--color-primary);
}

/* Breaking/Architecture Ticker */
.breaking-news-bar {
  background-color: #1c1a18;
  color: #ffffff;
  font-size: 13px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid #2b2724;
}
.ticker-badge {
  background-color: var(--color-primary);
  color: #ffffff;
  font-weight: 900;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  flex-shrink: 0;
}
.ticker-content {
  flex-grow: 1;
  padding: 8px 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ticker-link {
  color: #e7e5e4;
  font-weight: 600;
}
.ticker-link:hover {
  color: #e89d6e;
  text-decoration: underline;
}

/* Layout Grids */
.main-layout {
  padding: 24px 0 48px;
}
.content-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 1024px) {
  .content-grid {
    grid-template-columns: 8fr 4fr;
  }
}

/* Hero Section */
.hero-section {
  background-color: #ffffff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 20px;
  margin-bottom: 28px;
  box-shadow: var(--shadow-sm);
}
.hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .hero-grid {
    grid-template-columns: 7fr 5fr;
  }
}
.lead-story {
  display: flex;
  flex-direction: column;
}
.lead-story-image {
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background-color: #e7e5e4;
}
.lead-story-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.lead-story:hover .lead-story-image img {
  transform: scale(1.03);
}
.badge-category {
  background-color: var(--color-primary);
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  display: inline-block;
  margin-bottom: 8px;
}
.lead-story-title {
  font-size: 24px;
  font-weight: 900;
  margin-top: 12px;
  margin-bottom: 8px;
  color: var(--color-dark);
}
.lead-story-subtitle {
  font-size: 15px;
  color: #57534e;
  line-height: 1.6;
}

/* Material & Project Specs Badge */
.project-spec-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  background-color: #f7f6f4;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  margin-top: 12px;
  font-size: 12px;
  color: #57534e;
  border: 1px solid var(--color-border);
}
.project-spec-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.project-spec-item strong {
  color: var(--color-dark);
}

/* Category Block */
.category-block {
  background-color: #ffffff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: var(--shadow-sm);
}
.category-block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid var(--color-border);
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.category-block-title {
  font-size: 18px;
  font-weight: 900;
  color: var(--color-dark);
  position: relative;
  padding-right: 12px;
}
.category-block-title::before {
  content: '';
  position: absolute;
  right: 0;
  top: 2px;
  bottom: 2px;
  width: 4px;
  background-color: var(--color-primary);
  border-radius: 2px;
}

/* Sidebar & Widgets */
.sidebar-widget {
  background-color: #ffffff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: var(--shadow-sm);
}
.widget-title {
  font-size: 16px;
  font-weight: 900;
  color: var(--color-dark);
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 8px;
  margin-bottom: 16px;
  display: inline-block;
}

/* Single Article Styling */
.single-article {
  background-color: #ffffff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 32px;
  box-shadow: var(--shadow-sm);
}
.article-header {
  margin-bottom: 24px;
}
.article-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 1.25;
  margin: 12px 0;
  color: var(--color-dark);
}
.article-subtitle {
  font-size: 18px;
  color: #57534e;
  line-height: 1.5;
  font-weight: 400;
}
.article-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 13px;
  color: var(--color-text-muted);
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
  padding: 12px 0;
  margin-top: 16px;
}
.article-content {
  font-size: 17px;
  line-height: 1.8;
  color: #292524;
}
.article-content p {
  margin-bottom: 20px;
}
.article-content a {
  color: var(--color-primary-dark);
  font-weight: 700;
  text-decoration: none;
  background-color: var(--color-primary-light);
  border-bottom: 2px solid var(--color-primary);
  padding: 2px 7px;
  margin: 0 2px;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.article-content a:hover {
  background-color: var(--color-primary);
  color: #ffffff !important;
  border-bottom-color: transparent;
  box-shadow: 0 3px 8px rgba(194, 120, 71, 0.3);
}
.article-content blockquote {
  border-right: 4px solid var(--color-primary);
  padding: 16px 20px;
  background-color: var(--color-primary-light);
  font-style: italic;
  font-size: 18px;
  font-weight: 600;
  margin: 24px 0;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

/* Footer & Legal */
.site-footer {
  background-color: #141312;
  color: #d6d3d1;
  font-size: 14px;
  padding-top: 48px;
  border-top: 3px solid var(--color-primary);
}
.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-bottom: 40px;
}
@media (min-width: 640px) {
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .footer-grid {
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
  }
}
.footer-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 16px;
  border-right: 3px solid var(--color-primary);
  padding-right: 10px;
}
.footer-links {
  list-style: none;
}
.footer-links li {
  margin-bottom: 8px;
}
.footer-links a {
  color: #a8a29e;
}
.footer-links a:hover {
  color: #e89d6e;
  padding-right: 4px;
}

/* Legal Disclaimer Box */
.footer-disclaimer-box {
  background-color: #1c1a18;
  border: 1px solid #2b2724;
  border-radius: var(--radius-md);
  padding: 16px 20px;
  margin-bottom: 32px;
}
.disclaimer-title {
  color: #ffffff;
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.disclaimer-text {
  font-size: 12px;
  color: #a8a29e;
  line-height: 1.6;
}

.footer-bottom {
  border-top: 1px solid #2b2724;
  padding: 20px 0;
  text-align: center;
  font-size: 13px;
  color: #78716c;
}