@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* ===== GLOBAL RTL + FONT + BRAND COLORS ===== */
html {
  direction: rtl;
  text-align: right;
}

body,
.site,
.site-content,
#page,
#content,
.wp-site-blocks,
.entry-content,
.post-content,
article.page,
.site-header,
header.site-header,
.wp-block-template-part,
.site-footer,
footer.site-footer,
.primary-navigation,
.main-navigation,
.wp-block-navigation {
  background-color: #0d0d0d !important;
  font-family: 'Open Sans', sans-serif !important;
  direction: rtl !important;
}

* {
  font-family: 'Open Sans', sans-serif !important;
  box-sizing: border-box;
}

body {
  background-color: #0d0d0d !important;
  color: #2c2c2c !important;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* ===== HIDE UGLY DEFAULT HEADER TITLE ===== */
.site-title a,
.site-description,
.wp-block-site-title,
.wp-block-site-tagline {
  display: none !important;
}

/* ===== HEADER REDESIGN ===== */
.site-header,
header.site-header,
.wp-block-template-part[class*="header"],
header {
  background: #ffffff !important;
  border-bottom: 2px solid #b8975a !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  left: 0 !important;
}

/* ===== LOGO AREA ===== */
.site-branding,
.wp-block-site-logo,
.custom-logo-link,
.header-logo-area {
  direction: rtl;
}

.custom-logo-link img,
.site-logo img,
.wp-block-site-logo img {
  max-height: 60px !important;
  width: auto !important;
}

/* ===== NAVIGATION - RTL ===== */
.wp-block-navigation,
.wp-block-navigation__container,
.primary-navigation ul,
.main-navigation ul,
nav ul {
  direction: rtl !important;
  text-align: right !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation a,
.primary-navigation a,
.main-navigation a,
nav a {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #333 !important;
  text-decoration: none !important;
  padding: 8px 16px !important;
  transition: color 0.2s ease !important;
  direction: rtl !important;
}

.wp-block-navigation a:hover,
.primary-navigation a:hover,
.main-navigation a:hover,
nav a:hover {
  color: #b8975a !important;
}

/* ===== ELEMENTOR FULL WIDTH ===== */
.elementor-105,
.elementor-page-105 {
  max-width: 100% !important;
  width: 100% !important;
}

.e-con,
.e-con-full,
.elementor-container,
.elementor-section-wrap {
  max-width: 100% !important;
}

.entry-content {
  padding: 0 !important;
  max-width: 100% !important;
}

/* ===== HIDE MORRISAVICIDON.COM TEXT IN HEADER ===== */
.wp-block-heading,
p.site-name-text,
.header-site-name {
  font-size: inherit;
}

/* ===== PORTFOLIO PAGE STYLES ===== */
.portfolio-nav {
  display: none !important; /* hide internal nav - we have global header */
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {
  body {
    font-size: 15px !important;
  }
  
  .wp-block-navigation__container {
    flex-direction: column !important;
  }
  
  /* Mobile hamburger already handled by WP block nav */
  
  .elementor-column,
  .e-col,
  .e-con > .e-con {
    width: 100% !important;
    flex: 0 0 100% !important;
    min-width: 100% !important;
  }
  
  .elementor-widget-container {
    padding: 0 16px !important;
  }
  
  /* Ensure images are responsive */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* Stack two-column layouts */
  .elementor-section .elementor-row {
    flex-direction: column !important;
  }
  
  /* Reduce font sizes on mobile */
  h1 { font-size: 2em !important; }
  h2 { font-size: 1.6em !important; }
  h3 { font-size: 1.3em !important; }
}

@media (max-width: 480px) {
  h1 { font-size: 1.7em !important; }
  h2 { font-size: 1.4em !important; }
  
  .elementor-widget-container {
    padding: 0 12px !important;
  }
}

/* ===== RTL FOR ELEMENTOR CONTENT ===== */
.elementor *,
.elementor-widget-container,
.elementor-widget-text-editor *,
.elementor-widget-heading *,
.elementor-heading-title {
  direction: rtl !important;
  text-align: right !important;
}

/* ===== FOOTER ===== */
.site-footer,
footer {
  background-color: #0d0d0d !important;
  border-top: 1px solid #e0d5c5 !important;
  direction: rtl !important;
}

/* ===== ASSEMBLER THEME HEADER FIX ===== */
.assembler-header,
.wp-block-group.is-layout-flex {
  direction: rtl !important;
}

/* ===== GLOBAL LINKS ===== */
a {
  color: #b8975a !important;
  text-decoration: none !important;
}

a:hover {
  color: #8a6f3a !important;
}

/* ===== HEADINGS ===== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif !important;
  color: #2c2c2c !important;
  direction: rtl !important;
  text-align: right !important;
}

/* ===== BUTTONS ===== */
.wp-block-button__link,
button,
.btn {
  font-family: 'Open Sans', sans-serif !important;
  direction: rtl !important;
}


/* === BODY TEXT SIZE FIX === */
body, p, .ab-bio, .ab-skill-desc, .ab-about-text {
  font-size: 17px !important;
  line-height: 1.7 !important;
}


/* Hero name color override */
.ab-name, .ab-name strong {
  color: #ffffff !important;
}

/* ============================================
   PREMIUM REDESIGN — MORRIS AVICIDON
   ============================================ */

/* --- 1. GOLD GRADIENT ON "אביסדון" (strong tag) --- */
@keyframes goldShimmer {
  0%, 100% { background-position: 0% 50%; }
  50%       { background-position: 100% 50%; }
}

.ab-name strong {
  background: linear-gradient(270deg, #B8953F, #E8C97A, #D4AF6A, #9A7A32, #E8C97A) !important;
  background-size: 300% 300% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  animation: goldShimmer 7s ease infinite !important;
  display: block !important;
  font-weight: 800 !important;
}

/* "מוריס" — warm white, light weight */
.ab-name {
  font-size: clamp(4rem, 8vw, 7.5rem) !important;
  font-weight: 300 !important;
  letter-spacing: -0.03em !important;
  line-height: 0.9 !important;
  color: #F5F0EB !important;
}

/* --- 2. FROSTED GLASS NAVIGATION --- */
.mp-nav,
header.site-header,
nav.main-navigation,
.site-header,
.mp-nav-inner {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: rgba(10, 10, 10, 0.78) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid rgba(184, 149, 63, 0.18) !important;
  transition: background 0.4s ease !important;
}

/* Nav logo text */
.mp-nav-logo {
  color: #F5F0EB !important;
  letter-spacing: 0.08em !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
}

/* Nav links */
.mp-nav-links a,
.mp-nav a,
nav a {
  position: relative !important;
  color: #C8C3BC !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  transition: color 0.3s ease !important;
  text-decoration: none !important;
}

.mp-nav-links a::after,
.mp-nav a:not(.mp-btn)::after {
  content: '' !important;
  position: absolute !important;
  bottom: -3px !important; left: 0 !important;
  width: 0 !important; height: 1px !important;
  background: #B8953F !important;
  transition: width 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.mp-nav-links a:hover,
.mp-nav a:hover {
  color: #F5F0EB !important;
}

.mp-nav-links a:hover::after,
.mp-nav a:not(.mp-btn):hover::after {
  width: 100% !important;
}

/* --- 3. EYEBROW LABEL "נעים להכיר" --- */
.ab-eyebrow,
.ab-hero .ab-label,
.ab-intro-label {
  font-size: 0.62rem !important;
  letter-spacing: 0.38em !important;
  text-transform: uppercase !important;
  color: #B8953F !important;
  font-weight: 400 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 24px !important;
}

.ab-eyebrow::before {
  content: '' !important;
  display: inline-block !important;
  width: 30px !important; height: 1px !important;
  background: #B8953F !important;
  flex-shrink: 0 !important;
}

/* --- 4. PRIMARY CTA BUTTON — GOLD, PROMINENT --- */
a.mp-btn,
button.mp-btn,
.mp-btn,
a[href*="עבודות"],
.ab-cta a:first-child,
.ab-hero a.mp-btn-gold {
  background: linear-gradient(135deg, #B8953F 0%, #D4AF6A 50%, #9A7A32 100%) !important;
  color: #0A0A0A !important;
  border: none !important;
  padding: 15px 38px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 4px 20px rgba(184, 149, 63, 0.2) !important;
}

a.mp-btn::before,
button.mp-btn::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: -100% !important;
  width: 100% !important; height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent) !important;
  transition: left 0.55s ease !important;
}

a.mp-btn:hover::before,
button.mp-btn:hover::before {
  left: 110% !important;
}

a.mp-btn:hover,
button.mp-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 42px rgba(184, 149, 63, 0.38) !important;
}

/* --- 5. SECONDARY / OUTLINE BUTTON --- */
a.mp-btn-inv,
.ab-cta a.outline,
.ab-hero a:not(.mp-btn-gold) {
  background: transparent !important;
  border: 1px solid rgba(184, 149, 63, 0.45) !important;
  color: #C8C3BC !important;
  padding: 14px 38px !important;
  font-size: 0.68rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

a.mp-btn-inv:hover {
  border-color: #B8953F !important;
  color: #D4AF6A !important;
  background: rgba(184, 149, 63, 0.07) !important;
}

/* --- 6. SUBTITLE "GRAPHIC DESIGNER" --- */
.ab-subtitle,
.ab-role,
.ab-hero .ab-desc-label {
  font-size: 0.68rem !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: #6E6860 !important;
  font-weight: 400 !important;
  margin-top: 20px !important;
}

/* Gold separator line — now purposeful */
.ab-hero hr,
.ab-separator {
  border: none !important;
  width: 40px !important;
  height: 1px !important;
  background: linear-gradient(90deg, #B8953F, transparent) !important;
  margin: 24px 0 !important;
}

/* --- 7. BODY COPY IN HERO --- */
.ab-hero p,
.ab-body,
.ab-desc {
  color: #C8C3BC !important;
  font-size: 1rem !important;
  line-height: 1.9 !important;
  max-width: 440px !important;
  font-weight: 300 !important;
}

/* --- 8. CTA SECTION — RADIAL GOLD GLOW --- */
.ab-cta,
section.ab-cta,
[class*="cta-section"],
.ab-footer-cta {
  background: #0A0A0A !important;
  position: relative !important;
  overflow: hidden !important;
}

.ab-cta::before,
section.ab-cta::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 700px !important; height: 500px !important;
  background: radial-gradient(ellipse at center,
    rgba(184, 149, 63, 0.13) 0%,
    rgba(184, 149, 63, 0.04) 40%,
    transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* CTA heading */
.ab-cta h2,
.ab-cta .ab-cta-title {
  font-size: clamp(2rem, 5vw, 4rem) !important;
  font-weight: 300 !important;
  color: #F5F0EB !important;
  letter-spacing: -0.02em !important;
  position: relative !important;
  z-index: 1 !important;
}

/* --- 9. SERVICES SECTION — REMOVE HARSH WHITE BREAK --- */
.ab-services,
section.services,
.elementor-section.ab-services-section {
  background: #111111 !important;
  border-top: 1px solid rgba(184, 149, 63, 0.12) !important;
}

/* Service card hover border */
.ab-service-item,
.elementor-column .ab-service {
  border-top: 1px solid rgba(184, 149, 63, 0.2) !important;
  padding-top: 32px !important;
  transition: border-color 0.35s ease !important;
}

.ab-service-item:hover,
.elementor-column .ab-service:hover {
  border-top-color: #B8953F !important;
}

/* Service icons — gold tint */
.ab-service-icon,
.elementor-icon i,
.elementor-icon svg {
  color: #B8953F !important;
  fill: #B8953F !important;
  opacity: 0.85 !important;
  transition: opacity 0.3s ease !important;
}

/* --- 10. SKILL TAGS — PREMIUM STYLE --- */
.ab-skill-tag,
.skill-tag {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 18px !important;
  border: 1px solid rgba(184, 149, 63, 0.28) !important;
  border-radius: 2px !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.1em !important;
  color: #C8C3BC !important;
  background: transparent !important;
  transition: all 0.25s ease !important;
  margin: 4px !important;
}

.ab-skill-tag:hover,
.skill-tag:hover {
  background: rgba(184, 149, 63, 0.08) !important;
  border-color: #B8953F !important;
  color: #D4AF6A !important;
}

/* --- 11. HERO LOAD ANIMATIONS --- */
@keyframes heroFadeUp {
  from {
    opacity: 0;
    transform: translateY(28px);
    filter: blur(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

.ab-eyebrow  { animation: heroFadeUp 1s cubic-bezier(0.16,1,0.3,1) 0.1s both; }
.ab-name     { animation: heroFadeUp 1.2s cubic-bezier(0.16,1,0.3,1) 0.3s both; }
.ab-subtitle { animation: heroFadeUp 1s ease 0.65s both; }
.ab-hero hr  { animation: heroFadeUp 0.8s ease 0.75s both; }
.ab-hero p   { animation: heroFadeUp 0.9s ease 0.85s both; }
.ab-cta-group,
.ab-hero .elementor-widget-button { animation: heroFadeUp 0.8s ease 1.05s both; }

/* --- 12. SECTION HEADINGS — CONSISTENT GOLD ACCENT --- */
.ab-section-title,
.section-title {
  font-weight: 300 !important;
  color: #F5F0EB !important;
  letter-spacing: -0.02em !important;
}

.ab-section-number,
.section-number {
  font-size: 0.6rem !important;
  letter-spacing: 0.35em !important;
  color: #B8953F !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  display: block !important;
}

/* --- 13. FOOTER --- */
footer,
.site-footer {
  background: #0A0A0A !important;
  border-top: 1px solid rgba(184, 149, 63, 0.15) !important;
  color: #6E6860 !important;
}

/* --- 14. SELECTION COLOR --- */
::selection {
  background: rgba(184, 149, 63, 0.25) !important;
  color: #F5F0EB !important;
}

/* --- 15. SCROLLBAR STYLING --- */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #0A0A0A; }
::-webkit-scrollbar-thumb { background: #B8953F; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #D4AF6A; }

/* --- 16. ABOUT SECTION LEFT PANEL ENHANCEMENT --- */
.ab-about-visual,
.ab-about img,
.ab-about .ab-img-wrap {
  filter: grayscale(20%) contrast(1.05) !important;
  transition: filter 0.5s ease !important;
}

.ab-about-visual:hover,
.ab-about img:hover {
  filter: grayscale(0%) contrast(1.1) !important;
}

/* --- 17. MOBILE RESPONSIVE --- */
@media (max-width: 768px) {
  .ab-name {
    font-size: clamp(3.2rem, 13vw, 5rem) !important;
    line-height: 0.92 !important;
  }

  .ab-hero p,
  .ab-body {
    font-size: 0.92rem !important;
  }

  .mp-nav,
  header.site-header {
    padding: 14px 20px !important;
  }
}

/* ============================================
   SECTION BACKGROUND FIXES — ALL DARK
   ============================================ */

/* Body background */
body {
  background-color: #0d0d0d !important;
}

/* Force all elementor sections to be dark unless they have specific class */
.elementor-section:not(.ab-hero):not(.ab-cta) {
  background-color: #111111 !important;
}

/* Services section text and icons on dark bg */
.ab-services h3, 
.ab-services h4,
.elementor-section:not(.ab-hero):not(.ab-cta) h3,
.elementor-section:not(.ab-hero):not(.ab-cta) h4,
.elementor-section:not(.ab-hero):not(.ab-cta) p {
  color: #C8C3BC !important;
}

/* Service title labels */
.elementor-section:not(.ab-hero):not(.ab-cta) .elementor-icon-box-title,
.elementor-section:not(.ab-hero):not(.ab-cta) .elementor-heading-title {
  color: #F5F0EB !important;
}

/* Dividers between sections — use gold */
.elementor-divider-separator {
  border-color: rgba(184, 149, 63, 0.3) !important;
}

/* About section text color on dark */
.ab-about h2,
.ab-about h3,
.ab-about p {
  color: #C8C3BC !important;
}

/* ✦ sparkle / diamond decorators — gold */
.ab-sparkle,
.ab-diamond,
[class*="sparkle"],
[class*="diamond"] {
  color: #B8953F !important;
}


/* ===== MORRIS AVICIDON PORTFOLIO CUSTOM STYLES ===== */

/* --- STATISTICS SECTION: white numbers, gold labels --- */
.mp-stat-num {
  color: #F5F5F5 !important;
  font-weight: 800 !important;
  font-size: 3.15rem !important;
}
.elementor-element-wid_port_v2 .mp-stat-label {
  color: #B8923C !important;
}

/* --- NORTH FACE: section height fix, image fill --- */
.mp-project.rev:nth-child(2) {
  min-height: 340px !important;
}
.mp-project.rev:nth-child(2) .mp-project-info {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.mp-project.rev:nth-child(2) .mp-img-wrap {
  overflow: hidden !important;
}
.mp-project.rev:nth-child(2) .mp-slider {
  height: 100% !important;
}
.mp-project.rev:nth-child(2) .mp-slider-track {
  height: 100% !important;
}
.mp-project.rev:nth-child(2) .mp-slider img.mp-visible {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* --- CAMPUS PAS: constrain tall portrait image to section height --- */
.mp-project.rev:nth-child(3) .mp-img-wrap {
  overflow: hidden !important;
  height: 520px !important;
  max-height: 520px !important;
}
.mp-project.rev:nth-child(3) .mp-slider {
  height: 520px !important;
  max-height: 520px !important;
  overflow: hidden !important;
}
.mp-project.rev:nth-child(3) .mp-slider-track {
  height: 520px !important;
  max-height: 520px !important;
  overflow: hidden !important;
}
.mp-project.rev:nth-child(3) .mp-slider img {
  width: 100% !important;
  height: 520px !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* --- ABOUT SECTION: moodboard container reset --- */
.ab-monogram {
  background: transparent !important;
  overflow: visible !important;
  position: relative !important;
}
.mb-wrap {
  position: absolute;
  top: -30px;
  left: -40px;
  width: 680px;
  height: 540px;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.4) 12%, rgba(0,0,0,0.85) 28%, rgba(0,0,0,1) 45%, rgba(0,0,0,1) 72%, rgba(0,0,0,0.5) 88%, transparent 100%),
                      linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.7) 10%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 78%, rgba(0,0,0,0.6) 90%, transparent 100%);
  -webkit-mask-composite: destination-in;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.4) 12%, rgba(0,0,0,0.85) 28%, rgba(0,0,0,1) 45%, rgba(0,0,0,1) 72%, rgba(0,0,0,0.5) 88%, transparent 100%),
              linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.7) 10%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 78%, rgba(0,0,0,0.6) 90%, transparent 100%);
  mask-composite: intersect;
  pointer-events: none;
}

/* ===== END MORRIS AVICIDON CUSTOM STYLES ===== */