/* ==========================================================================
   Rimas Services – base design tokens. Scoped to .rimas so Elementor and the
   Hello theme are never overridden outside our own sections.

   Direction: trade signage, not software marketing.
   Solid blocks and 2px edges instead of hairline grids, stamped label plates
   instead of thin dashes, printed-sticker button offsets instead of hover lift.
   Blue is structure. Red (#d6000a, taken from the Plombier Rimas logo) is
   reserved for urgency: the phone, the 24/7 badge, the hazard stripe.
   ========================================================================== */
@font-face{
  font-family:"Archivo";
  src:url("../fonts/archivo-var-latin.woff2") format("woff2");
  font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;
}

.rimas{
  --navy-900:#06182f; --ink:#0b2748; --ink-2:#123763; --ink-3:#1b4880;
  /* Neutral printed-stock paper – less of the cold blue-grey UI canvas */
  --paper:#f2f2f0; --paper-2:#e7e7e3; --paper-3:#d7d7d1;
  --accent:#1668d6; --accent-2:#2b81ef; --accent-3:#7fb2f0;
  /* Signal – logo red. Solid fills with white text only, never red on navy. */
  --signal:#d6000a; --signal-2:#a80008;
  --tx:#0b2748; --tx-mute:#55606f; --tx-inv:#eef3f9; --tx-inv-mute:#9db2cc;
  --rule:rgba(11,39,72,.22); --rule-2:rgba(11,39,72,.45); --rule-hard:#0b2748;
  --rule-inv:rgba(238,243,249,.22); --rule-inv-2:rgba(238,243,249,.45);
  --stamp:rgba(11,39,72,.85);
  --font:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --t-h2:clamp(1.9rem,1.25rem + 2.7vw,3.4rem);
  --t-h3:clamp(1.3rem,1.05rem + 1vw,1.75rem);
  --t-lead:clamp(1.05rem,.98rem + .45vw,1.3rem);
  --t-body:1.0625rem; --t-sm:.9375rem; --t-xs:.8125rem; --t-eyebrow:.75rem;
  --gut:clamp(1.25rem,.7rem + 2.3vw,3.25rem);
  --sec:clamp(4rem,2.4rem + 6.6vw,8.5rem);
  --max:1360px;
  --bleed:calc(max(0px,(100vw - var(--max)) / 2) + var(--gut));
  --ease:cubic-bezier(.22,.61,.36,1);

  font-family:var(--font);font-size:var(--t-body);line-height:1.6;color:var(--tx);
  font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  width:100%;
}
.rimas.inv,.rimas .inv{--stamp:rgba(238,243,249,.45)}

.rimas *,.rimas *::before,.rimas *::after{box-sizing:border-box}
.rimas h1,.rimas h2,.rimas h3,.rimas p,.rimas ul,.rimas ol,.rimas figure{margin:0;font-family:inherit}
.rimas ul,.rimas ol{padding:0;list-style:none}
.rimas img,.rimas svg{display:block;max-width:100%;height:auto}
.rimas a{color:inherit;text-decoration:none}
.rimas :focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.rimas ::selection{background:var(--accent);color:#fff}

.rimas .rwrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
/* Small breathing room when jumping to an anchor */
.rimas[id]{scroll-margin-top:1rem}
.rimas-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Film grain on dark sections – inline SVG noise, blended, no image request */
.rimas.rgrain{position:relative}
.rimas.rgrain::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;z-index:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22140%22 height=%22140%22><filter id=%22n%22><feTurbulence type=%22fractalNoise%22 baseFrequency=%22.85%22 numOctaves=%223%22/></filter><rect width=%22140%22 height=%22140%22 filter=%22url(%23n)%22 opacity=%22.3%22/></svg>");
  mix-blend-mode:overlay;
}
.rimas.rgrain > *{position:relative;z-index:1}

/* Hazard stripe – van livery motif, used to cap urgency blocks */
.rimas .rstripe{
  height:.6rem;flex:none;
  background:repeating-linear-gradient(-45deg,var(--ink) 0 13px,var(--signal) 13px 26px);
}

/* Eyebrow – stamped label plate (replaces the thin accent dash) */
.rimas .eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;
  background:var(--ink);color:#fff;padding:.42rem .8rem .4rem;
  font-size:.7rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;font-stretch:104%;line-height:1;
}
.rimas .eyebrow::before{content:none}
.rimas.inv .eyebrow,.rimas .inv .eyebrow{background:var(--paper);color:var(--ink)}
.rimas .eyebrow--signal{background:var(--signal);color:#fff}

/* Buttons – printed sign, not UI chrome */
.rimas .rbtn{
  --bg:var(--accent);--bg-hover:var(--accent-2);--fg:#fff;
  display:inline-flex;align-items:center;justify-content:center;gap:.7rem;
  padding:1.05rem 1.8rem;background:var(--bg);color:var(--fg);
  font-weight:800;font-size:.9375rem;letter-spacing:.045em;line-height:1.2;
  text-transform:uppercase;font-stretch:100%;
  border:2px solid var(--bg);border-radius:0;cursor:pointer;text-align:center;
  box-shadow:0 0 0 0 var(--stamp);
  transition:box-shadow .16s var(--ease),transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease);
}
.rimas .rbtn:hover{
  background:var(--bg-hover);border-color:var(--bg-hover);color:var(--fg);
  transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--stamp);
}
.rimas .rbtn:active{transform:translate(0,0);box-shadow:0 0 0 0 var(--stamp)}
.rimas .rbtn svg{flex:none}

/* Phone = the conversion. Always the logo red. */
.rimas .rbtn--tel{
  --bg:var(--signal);--bg-hover:var(--signal-2);--fg:#fff;
  font-size:clamp(1.05rem,.95rem + .5vw,1.2rem);padding:1.1rem 1.9rem;
  font-weight:900;font-stretch:98%;letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}
.rimas .rbtn--ghost{--bg:transparent;--bg-hover:var(--tx);--fg:var(--tx);border-color:var(--rule-2)}
.rimas .rbtn--ghost:hover{color:var(--paper);border-color:var(--tx)}
.rimas.inv .rbtn--ghost,.rimas .inv .rbtn--ghost{--fg:var(--tx-inv);--bg-hover:var(--paper);border-color:var(--rule-inv-2)}
.rimas.inv .rbtn--ghost:hover,.rimas .inv .rbtn--ghost:hover{color:var(--ink);border-color:var(--paper)}
.rimas .rbtn--block{width:100%}

@media (prefers-reduced-motion:reduce){
  .rimas *,.rimas *::before,.rimas *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rimas .rbtn:hover{transform:none}
}