/* RUNA Standard + Assets – CSS helpers for Elementor */

:root{
  --runa-bg:#0b0620;
  --runa-fg:#e9f7f7;
  --runa-font:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

html,body{margin:0;padding:0}
body{background:var(--runa-bg);color:var(--runa-fg);font-family:var(--runa-font)}
img{max-width:100%;height:auto;display:block}

/* Hero section (attach class `hero` to a Section/Container in Elementor) */
.hero{
  min-height:100vh;
  background: url('./bg-hero.png') center/cover no-repeat;
  position:relative;
}
.hero.hero--overlay::before{
  content:""; position:absolute; inset:0;
  background: radial-gradient(70% 70% at 50% 30%, rgba(0,0,0,0) 0, rgba(0,0,0,.38) 100%);
  pointer-events:none;
}
.hero .hero__center{min-height:inherit; display:grid; place-items:center; text-align:center}

/* Logo helper */
.runa-logo{width:clamp(180px,22vw,420px); filter:drop-shadow(0 12px 24px rgba(0,0,0,.35))}

/* Blob buttons (attach `blob blob--services` etc. to Button widget) */
.blob{
  --blob:url('./blob-services.png');
  background-image:var(--blob);
  background-size:cover; background-position:center;
  display:inline-grid; place-items:center;
  color:var(--runa-fg); text-decoration:none!important;
  font-weight:700; letter-spacing:.3px;
  padding:1.2rem 2rem;
  width:clamp(180px,22vw,260px); height:clamp(80px,12vw,120px);
  border-radius:36px;
  filter:drop-shadow(0 10px 30px rgba(0,0,0,.35));
  transition:transform .18s ease, filter .18s ease;
}
.blob:hover{transform:translateY(-2px); filter:drop-shadow(0 16px 36px rgba(0,0,0,.45))}
.blob--services  { --blob:url('./blob-services.png'); }
.blob--portfolio { --blob:url('./blob-portfolio.png'); }
.blob--articles  { --blob:url('./blob-articles.png'); }
.blob--contact   { --blob:url('./blob-contact.png'); }
.blob__text{font-size:clamp(16px,1.1vw,22px)}

@media (max-width: 767px){
  .hero{ background-position:40% 30%; }
  .blob{ width:68vw; height:22vw; min-height:68px; }
}
/* דריסה מפורשת לכפתורי Elementor */
.elementor-button.blob {
  background: var(--blob) center/cover no-repeat !important;
  border: none !important;
  padding: 0 !important;
  color: var(--runa-fg) !important;
  display: inline-grid !important;
  place-items: center !important;
  width: clamp(180px, 22vw, 260px) !important;
  height: clamp(80px, 12vw, 120px) !important;
  border-radius: 36px !important;
  filter: drop-shadow(0 10px 30px rgba(0,0,0,.35));
  transition: transform .18s ease, filter .18s ease;
}
.elementor-button.blob:hover {
  transform: translateY(-2px);
  filter: drop-shadow(0 16px 36px rgba(0,0,0,.45));
}