/* ============================================================================
   ROTOCON — global brand CSS for WordPress (Faktory + Elementor)
   Paste into: Elementor → Site Settings → Custom CSS  (or child theme style.css).
   Purpose: make the Faktory demo on-brand — ALL-CAPS headlines,
   red as ACCENT ONLY, anthracite text. Replaces the demo peach accent.
   Verified against RWO_Markenkonzept_Final.pdf.
   NOTE (Rotocon): theme font kept — General Sans / font-family overrides removed per client.
   ============================================================================ */

:root{
  --rwo-red:#FF0000; --rwo-red-hover:#D90000; --rwo-anthracite:#403E3D;
  --rwo-grey:#555555; --rwo-sand:#C2BCB2; --rwo-cream:#F2F1ED; --rwo-white:#FFFFFF;
  --rwo-ease:cubic-bezier(0,0,.2,1);
}

/* NOTĂ (Rotocon): fontul rămâne cel al temei Faktory — General Sans dezactivat
   la cererea clientului. S-au eliminat declarațiile font-family de mai jos. */

/* Headlines — ALL CAPS (font-family păstrat din temă) */
h1,h2,h3,h4,
.elementor-heading-title,
.elementor-widget-theme-post-title .elementor-heading-title{
  font-weight:600 !important;
  text-transform:uppercase !important;
  letter-spacing:-0.01em;
  color:var(--rwo-anthracite);
}

/* Body — line spacing airy (font-family păstrat din temă) */
body,p,li{ font-weight:500; line-height:1.65; color:var(--rwo-anthracite); }

/* Links */
a{ color:var(--rwo-anthracite); transition:color .24s var(--rwo-ease); }
a:hover{ color:var(--rwo-red); }

/* Buttons — red accent, uppercase, slight radius, decelerate hover */
.elementor-button,
.qi-addons-for-elementor-button .qi-addons-for-elementor-button-link,
.qodef-qi-button{
  background:var(--rwo-red) !important;
  color:#fff !important;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:600;
  border-radius:4px;
  transition:background .24s var(--rwo-ease), transform .24s var(--rwo-ease);
}
.elementor-button:hover,
.qi-addons-for-elementor-button .qi-addons-for-elementor-button-link:hover{
  background:var(--rwo-red-hover) !important;
}
.elementor-button:active{ transform:translateY(1px) scale(.99); }

/* Eyebrows / accent labels — add class "rwo-eyebrow" to a heading/text widget */
.rwo-eyebrow{
  color:var(--rwo-red) !important;
  font-weight:600; letter-spacing:.16em; text-transform:uppercase;
}

/* German support line under a bilingual EN headline — class "rwo-de" */
.rwo-de{ font-style:italic; text-transform:none; color:var(--rwo-grey); font-weight:500; }

/* ---- HERO: left-weighted anthracite overlay for legible white text + faint grid.
   Add class "rwo-hero" to the hero slider SECTION. ---- */
.rwo-hero{ position:relative; }
.rwo-hero::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(28,27,26,.90), rgba(28,27,26,.60) 45%, rgba(28,27,26,.25)),
    linear-gradient(0deg, rgba(28,27,26,.55), rgba(28,27,26,0) 42%);
}
.rwo-hero::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 60%);
          mask-image:linear-gradient(90deg,#000,transparent 60%);
}
.rwo-hero > .elementor-container,
.rwo-hero > *{ position:relative; z-index:2; }

/* ---- TECHNICAL ANTHRACITE section (product / spec bands) — class "rwo-tech" ---- */
.rwo-tech{ background:#2a2928; position:relative; overflow:hidden; }
.rwo-tech, .rwo-tech *{ color:#fff; }
.rwo-tech .rwo-eyebrow, .rwo-tech .rwo-specline{ color:#ff5a52 !important; }
.rwo-tech::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.6;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(120% 90% at 80% 10%,#000,transparent 75%);
          mask-image:radial-gradient(120% 90% at 80% 10%,#000,transparent 75%);
}
.rwo-specline{
  font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;
  font-size:.76rem; letter-spacing:.16em; text-transform:uppercase; color:var(--rwo-red);
}

/* Accessibility */
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
}