.elementor-kit-6{--e-global-color-primary:#2F9427;--e-global-color-secondary:#131A12;--e-global-color-text:#4A5647;--e-global-color-accent:#45B33A;--e-global-color-3402378:#FFFFFF;--e-global-color-243b60c:#0E1A0F;--e-global-color-4de0f4b:#F3F5EF;--e-global-color-a7c1f01:#141516;--e-global-color-b2e7d01:#277BDF;--e-global-color-c4d9e01:#CD4D1D;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1.05em;--e-global-typography-primary-letter-spacing:-0.5px;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-letter-spacing:0.2px;--e-global-typography-text-font-family:"Source Sans 3";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.62em;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-weight:600;--e-global-typography-df00023-font-family:"Archivo";}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   Robotgruppen – Custom CSS
   Klistras in i: Elementor → Webbplatsinställningar → Anpassad CSS
   ==========================================================================

   Archivos breddaxel. Elementors typografikontroller når inte wdth-axeln,
   så bredden sätts här via font-stretch. Klasserna ligger redan på
   widgetarna i de importerade mallarna.                                     */

.rg-w104 .elementor-heading-title { font-stretch: 104%; }
.rg-w108 .elementor-heading-title { font-stretch: 108%; }
.rg-w112 .elementor-heading-title { font-stretch: 112%; }
.rg-w118 .elementor-heading-title { font-stretch: 118%; }

/* Knappar och meny får en lätt breddning så de matchar rubrikerna */
.elementor-button,
.elementor-nav-menu a { font-stretch: 104%; }

/* Ankarlänkar ska inte hamna under den sticky headern.
   --rg-header-h sätts av jämförelse- och klipphöjdswidgetarna utifrån
   headerns uppmätta höjd. Siffrorna är reserv för sidor utan dem:
   headern är 150 px på desktop. */
section[id] { scroll-margin-top: var(--rg-header-h, 166px); }
@media (max-width: 767px) {
  section[id] { scroll-margin-top: var(--rg-header-h, 240px); }
}
html { scroll-behavior: smooth; }


/* ==========================================================================
   Fluent Forms i kontaktsektionen
   Containern kring shortcoden har klassen .rg-form, så inget av det här
   läcker ut på andra formulär på sajten.
   ========================================================================== */

.rg-form .frm-fluent-form { display: grid; gap: 16px; }
.rg-form .ff-el-group { margin-bottom: 0; }

.rg-form .ff-el-input--label label {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 10.5px; font-weight: 400; letter-spacing: .13em;
  text-transform: uppercase; color: #6E7A6A;
  line-height: 1.5; margin-bottom: 7px;
}
.rg-form .ff-el-input--label.ff-el-is-required label:after { color: #2F9427; }

.rg-form .ff-el-form-control {
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px; line-height: 1.5; color: #131A12;
  background: #FFFFFF; border: 1px solid #D6DCCB; border-radius: 2px;
  padding: 12px 13px; height: auto; box-shadow: none;
}
.rg-form .ff-el-form-control:focus {
  border-color: #2F9427;
  outline: 2px solid rgba(47, 148, 39, .18); outline-offset: 0;
}
.rg-form textarea.ff-el-form-control { min-height: 118px; }

.rg-form .ff-btn-submit,
.rg-form .ff_submit_btn {
  font-family: Archivo, sans-serif; font-weight: 600; font-size: 15px;
  font-stretch: 104%; line-height: 1.2; text-transform: none;
  background: #2F9427; color: #FFFFFF; border: 0; border-radius: 2px;
  padding: 14px 24px; box-shadow: none;
}
.rg-form .ff-btn-submit:hover,
.rg-form .ff_submit_btn:hover { background: #45B33A; }

.rg-form .ff-el-form-check-label,
.rg-form .ff-el-help-message {
  font-family: "Source Sans 3", sans-serif; font-size: 14.5px;
  color: #4A5647; text-transform: none;
}

.rg-form .ff-el-is-error .ff-el-form-control { border-color: #B4472F; }
.rg-form .error-text {
  font-family: "Source Sans 3", sans-serif; font-size: 14px; color: #B4472F;
}
.rg-form .ff-message-success {
  font-family: "Source Sans 3", sans-serif;
  border: 1px solid #2F9427; background: #EEF6EC; color: #1E5C19;
  padding: 14px 16px; border-radius: 2px;
}

/* Fluent Forms egna kolumner staplar på små skärmar */
@media (max-width: 600px) { .rg-form .ff-t-cell { width: 100% !important; } }


/* ==========================================================================
   Produktkort i golfgriden (Loop Item)
   ========================================================================== */

.rg-produktkort { height: 100%; }
.elementor-loop-container .e-loop-item { display: flex; }

/* Korta beskrivningen kommer från WooCommerce som en <ul> – ge den samma
   punktstil som tjänstelistorna på startsidan. */
.rg-kortspec ul { list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 5px; }
.rg-kortspec li { position: relative; padding-left: 16px; }
.rg-kortspec li::before {
  content: ""; position: absolute; left: 0; top: .62em;
  width: 7px; height: 1.5px; background: #2F9427;
}

/* Priset renderas av WooCommerce med egen markup */
.rg-produktkort .woocommerce-Price-amount { font-family: Archivo, sans-serif; font-stretch: 108%; }
.rg-produktkort del { opacity: .5; font-size: .8em; margin-right: .4em; }
.rg-produktkort ins { text-decoration: none; }


/* ==========================================================================
   Produktsidan (Single Product-mall)

   Selektorerna hänger på Elementors EGNA widget-klasser
   (.elementor-widget-woocommerce-*) i stället för egna klasser. De sätts
   alltid av Elementor, så stylingen kan inte falla bort för att en
   CSS-klass inte hamnade rätt på en container.
   ========================================================================== */

/* ---- Brödsmulor ---- */
.elementor-widget-woocommerce-breadcrumb,
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb,
.elementor-widget-woocommerce-breadcrumb nav {
  font-family: "IBM Plex Mono", ui-monospace, monospace !important;
  font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: #6E7A6A; margin: 0; line-height: 1.5;
}
.elementor-widget-woocommerce-breadcrumb a { color: #6E7A6A; text-decoration: none; }
.elementor-widget-woocommerce-breadcrumb a:hover { color: #2F9427; }

/* ---- Galleri ---- */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img { border-radius: 2px; }
.elementor-widget-woocommerce-product-images .flex-control-thumbs {
  display: flex; gap: 8px; margin: 10px 0 0; padding: 0; }
.elementor-widget-woocommerce-product-images .flex-control-thumbs li { list-style: none; margin: 0; }

/* ---- Korta beskrivningen (punktlistan) ----
   WooCommerce renderar den som <ul>. Temats li-regler vinner annars över
   widgetens typografi, därför sätts typsnittet här. */
.elementor-widget-woocommerce-product-short-description,
.elementor-widget-woocommerce-product-short-description p,
.elementor-widget-woocommerce-product-short-description li {
  font-family: "Source Sans 3", sans-serif !important;
  font-size: 16px; line-height: 1.55; color: #4A5647;
}
.elementor-widget-woocommerce-product-short-description ul {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 6px;
}
.elementor-widget-woocommerce-product-short-description li {
  position: relative; padding-left: 18px;
}
.elementor-widget-woocommerce-product-short-description li::before {
  content: ""; position: absolute; left: 0; top: .68em;
  width: 8px; height: 1.5px; background: #2F9427;
}

/* ---- Flikarna ----
   Woos egen regel .woocommerce div.product .woocommerce-tabs ul.tabs li har
   specificitet (0,4,3) och vinner över allt rimligt man kan skriva här.
   Därför !important på nollställningen – uppmätt i webbläsaren, inte gissat. */
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs { margin: 0; padding: 0; }

.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs,
.elementor-widget-woocommerce-product-data-tabs ul.wc-tabs {
  display: flex; flex-wrap: wrap; gap: 0; list-style: none;
  margin: 0 0 26px !important; padding: 0 !important;
  background: none !important; border: 0 !important;
  border-bottom: 1px solid #D6DCCB !important;
}
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs::before,
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs::after {
  content: none !important; display: none !important;
}
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li,
.elementor-widget-woocommerce-product-data-tabs ul.wc-tabs li {
  list-style: none;
  margin: 0 !important; padding: 0 !important;
  background: none !important; background-color: transparent !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li::before,
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li::after {
  content: none !important; display: none !important;
  border: 0 !important; box-shadow: none !important;
}
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li a,
.elementor-widget-woocommerce-product-data-tabs ul.wc-tabs li a {
  display: block; padding: 12px 24px 13px; margin: 0 0 -1px;
  font-family: Archivo, sans-serif !important; font-weight: 600; font-stretch: 104%;
  font-size: 15px; line-height: 1.2; text-transform: none; text-decoration: none;
  color: #6E7A6A; background: none;
  border: 0 !important; border-bottom: 2px solid transparent !important;
  transition: color .18s ease, border-color .18s ease;
}
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li a:hover { color: #131A12; }
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li.active a,
.elementor-widget-woocommerce-product-data-tabs ul.wc-tabs li.active a {
  color: #131A12 !important; border-bottom-color: #2F9427 !important;
}
.elementor-widget-woocommerce-product-data-tabs ul.wc-tabs li.reviews_tab { display: none; }

/* Woo upprepar flikens namn som rubrik inuti panelen */
.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel > h2:first-child,
.elementor-widget-woocommerce-product-data-tabs .panel > h2:first-child { display: none; }

.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel,
.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel p,
.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel li {
  font-family: "Source Sans 3", sans-serif !important;
  font-size: 16.5px; line-height: 1.62; color: #4A5647;
}
.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel h2,
.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel h3,
.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel h4 {
  font-family: Archivo, sans-serif !important; font-weight: 700; font-stretch: 104%;
  text-transform: uppercase; color: #131A12; font-size: 18px;
  margin: 28px 0 10px; line-height: 1.2; letter-spacing: .2px;
}
.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel p { margin: 0 0 14px; }
.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel ul {
  margin: 0 0 16px; padding: 0; list-style: none;
  display: flex; flex-direction: column; gap: 6px;
}
.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel ul li { position: relative; padding-left: 18px; }
.elementor-widget-woocommerce-product-data-tabs .woocommerce-Tabs-panel ul li::before {
  content: ""; position: absolute; left: 0; top: .68em;
  width: 8px; height: 1.5px; background: #2F9427;
}

/* ---- Specifikationstabellen ----
   Kompakt: 8px padding och radavstånd 1.4. Woos <p> i varje värdecell ärver
   nu cellens storlek i stället för panelens brödtext – det var den som gjorde
   raderna 68 px höga. */
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes{
  width: 100%; max-width: 1000px; border-collapse: collapse;
  border: 1px solid #D6DCCB; background: #FFFFFF; font-variant-numeric: tabular-nums;
}
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes th,
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes td,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes th,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes td{
  padding: 8px 14px; border-bottom: 1px solid #D6DCCB; text-align: left;
  vertical-align: top; font-style: normal; line-height: 1.4;
}
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes th,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes th{
  width: 44%; background: #F3F5EF; border-right: 1px solid #D6DCCB;
  font-family: "IBM Plex Mono", ui-monospace, monospace !important;
  font-size: 10.5px; font-weight: 400; letter-spacing: .11em;
  text-transform: uppercase; color: #6E7A6A; white-space: nowrap;
}
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes td,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes td{
  font-family: "Source Sans 3", sans-serif !important;
  font-size: 15px; color: #131A12;
}
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes td p,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes td p{
  margin: 0 !important; font-size: inherit !important; line-height: inherit !important;
}

/* Två kolumner på skärmar som rymmer det – halverar höjden när fler
   attribut tillkommer. Randningen följer den visuella raden, inte <tr>. */
@media (min-width: 900px) {
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes tbody,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes tbody{
    display: grid; grid-template-columns: 1fr 1fr;
  }
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes tr,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes tr{
    display: grid; grid-template-columns: 44% 1fr; border-bottom: 1px solid #D6DCCB;
  }
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes tr:nth-child(2n),
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes tr:nth-child(2n){
    border-left: 1px solid #D6DCCB;
  }
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes th,
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes td,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes th,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes td{
    border-bottom: 0;
  }
  /* Rutnätets spår bestämmer bredden. Utan detta tolkas th:ns width: 44%
     som 44 % AV SPÅRET, alltså ~19 % av raden, och resten av spåret blir en
     tom vit remsa mellan etikett och värde. */
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes th,
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes td,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes th,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes td{ width: auto; }
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes th,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes th{
    background: #F3F5EF; white-space: normal;
  }
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes td,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes td{ background: #FFFFFF; }
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes tr:nth-child(4n+3) td,
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes tr:nth-child(4n+4) td,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes tr:nth-child(4n+3) td,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes tr:nth-child(4n+4) td{ background: #FBFCFA; }
}

@media (max-width: 899px) {
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes tr:nth-child(even) td{ background: #FBFCFA; }
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes tr:nth-child(even) th{ background: #EEF1E9; }
}
@media (max-width: 600px) {
  .elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li a { padding: 11px 15px 12px; font-size: 14px; }
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes th,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes th{
    width: 46%; font-size: 10px; white-space: normal; }
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes th,
body .elementor-widget-woocommerce-product-data-tabs table.shop_attributes td,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes th,
body .elementor-widget-woocommerce-product-additional-information table.shop_attributes td{
    padding: 8px 12px; font-size: 14px; }
}

/* ---- Minikort i raden "Andra maskiner" ---- */
.rg-minikort { height: 100%; }
.rg-minikort .elementor-heading-title a { text-decoration: none; color: inherit; }
.rg-minikort .elementor-heading-title a:hover { color: #2F9427; }
.rg-minikort .woocommerce-Price-amount { font-family: "IBM Plex Mono", ui-monospace, monospace; }
.rg-minikort del { display: none; }
.rg-minikort ins { text-decoration: none; }

/* --------------------------------------------------------------------------
   Produktsidan i mobil- och surfplatteläge.

   Brödsmulor och produktnamn ska stå ovanför bilden. Faktakolumnen görs till
   display:contents, vilket lyfter upp dess barn till samma flexnivå som
   galleriet – då kan order: sortera om dem fritt. Containrarna träffas med
   :has() via brödsmulewidgeten, så inga egna CSS-klasser behövs och
   produktmallen behöver inte importeras om.
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {

  /* radcontainern i toppsektionen */
  .e-con:has(> .e-con > .elementor-widget-woocommerce-breadcrumb) {
    flex-direction: column !important;
    gap: 18px !important;
  }

  /* faktakolumnen upplöses, barnen blir syskon till galleriet */
  .e-con:has(> .elementor-widget-woocommerce-breadcrumb) { display: contents !important; }
  .e-con:has(> .elementor-widget-woocommerce-breadcrumb) > * { width: 100% !important; }

  /* 1 brödsmulor · 2 rubrik · 3 bild · 4 pris · 5 punktlista · 6 offertknapp */
  .e-con:has(> .elementor-widget-woocommerce-breadcrumb) > :nth-child(1) { order: 1; }
  .e-con:has(> .elementor-widget-woocommerce-breadcrumb) > :nth-child(2) { order: 2; }
  .e-con:has(> .e-con > .elementor-widget-woocommerce-breadcrumb) > .rg-galleri {
    order: 3; width: 100% !important;
  }
  .e-con:has(> .elementor-widget-woocommerce-breadcrumb) > :nth-child(3) { order: 4; }
  .e-con:has(> .elementor-widget-woocommerce-breadcrumb) > :nth-child(4) { order: 5; }
  .e-con:has(> .elementor-widget-woocommerce-breadcrumb) > :nth-child(5) { order: 6; }

  /* rubriken får inte bli för tung när den ligger överst */
  .e-con:has(> .elementor-widget-woocommerce-breadcrumb) > .elementor-widget-heading
    .elementor-heading-title { line-height: 1.12; }
}


/* ===== Snabbfilter (produktgrid) – Robotgruppens stil ===== */
body .snf{--snf-ink:#131a12;--snf-ink2:#4a5647;--snf-ink3:#6e7a6a;--snf-line:#e2e6dc;--snf-line2:#cfd6c8;--snf-soft:#f3f5ef;--snf-radius:3px;font-family:"Source Sans 3",sans-serif}
body .snf .snf-card .snf-media{background:#f3f5ef}
body .snf .snf-title{font-family:Archivo,sans-serif;font-weight:700;font-size:17.5px;line-height:1.2;letter-spacing:.2px;text-transform:uppercase;color:var(--snf-ink)}
body .snf .snf-cat,body .snf .snf-facet-h,body .snf .snf-badge{font-family:"IBM Plex Mono",monospace;letter-spacing:1.6px}
body .snf .snf-facts li{font-size:14.5px;color:var(--snf-ink2)}
body .snf .snf-price{font-family:Archivo,sans-serif;font-weight:700;font-size:21px;color:var(--snf-ink)}
body .snf .snf-price:not(:has(.snf-np))::before{content:"Riktpris";display:block;margin-bottom:2px;font:400 10.5px/1.3 "IBM Plex Mono",monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--snf-ink3)}
body .snf .snf-np{font-family:"Source Sans 3",sans-serif;font-size:15px;font-weight:600}
@media (max-width:767px){body .snf .snf-title{font-size:15px}body .snf .snf-price{font-size:18px}}
/* På kategorisidor är kategorin redan vald – dölj Produkttyp-filtret */
.tax-product_cat .snf-facets>.snf-facet:first-child{display:none}

/* === START: Startsida v3 (rg-h3 / rg-area) === */
/* Startsida v3 – hero med tre verksamhetsområden (40/30/30) */
.rg-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important}
.rg-h3{--s:clamp(56px,6.5vw,124px);height:clamp(440px,34vw,600px);overflow:hidden;position:relative}
.rg-h3>.rg-h3__p{position:relative;flex:none!important;height:100%;min-width:0;padding:clamp(28px,3.2vw,56px) 28px 26px clamp(24px,4vw,72px)!important}
.rg-h3>.rg-h3__p--gras{width:calc(40% + var(--s)/2)!important;clip-path:polygon(0 0,100% 0,calc(100% - var(--s)) 100%,0 100%);z-index:3;background-position:68% 62%!important;padding-right:calc(var(--s) + 20px)!important}
.rg-h3>.rg-h3__p--stad{width:calc(30% + var(--s))!important;margin-left:calc(var(--s)*-1);clip-path:polygon(var(--s) 0,100% 0,calc(100% - var(--s)) 100%,0 100%);z-index:2;background-position:46% 42%!important;padding-left:calc(var(--s) + 14px)!important;padding-right:calc(var(--s)*.5 + 14px)!important}
.rg-h3>.rg-h3__p--log{width:calc(30% + var(--s)/2)!important;margin-left:calc(var(--s)*-1);clip-path:polygon(var(--s) 0,100% 0,100% 100%,0 100%);z-index:1;background-position:30% 72%!important;padding-left:calc(var(--s) + 14px)!important;padding-right:clamp(20px,2.6vw,48px)!important}
/* diagonala skiljelinjer i områdesfärg */
.rg-h3>.rg-h3__p--stad::after,.rg-h3>.rg-h3__p--log::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--s);pointer-events:none;z-index:2;
 background:linear-gradient(to bottom right,transparent calc(50% - 4px),var(--rg-line) calc(50% - 4px),var(--rg-line) calc(50% + 4px),transparent calc(50% + 4px));filter:drop-shadow(0 0 6px var(--rg-line))}
.rg-h3>.rg-h3__p--stad{--rg-line:#2989FA}
.rg-h3>.rg-h3__p--log{--rg-line:#E5541C}
.rg-h3 .rg-h3__p .elementor-widget-heading .elementor-heading-title,.rg-h3 .rg-h3__x{text-shadow:0 1px 14px rgba(0,0,0,.35)}
.rg-h3 .rg-h3__c{max-width:560px}
.rg-h3 .rg-h3__p--stad .rg-h3__c,.rg-h3 .rg-h3__p--log .rg-h3__c{max-width:400px}
.rg-h3 .rg-h3__x p{margin:0}
.rg-h3 .rg-h3__tag{align-self:flex-start}
.rg-h3 .rg-h3__tag--r{align-self:flex-end}
.rg-h3 .rg-h3__tag{width:100%}
.rg-h3 .rg-h3__tag--r .elementor-heading-title{justify-content:flex-end}
.rg-h3 .rg-h3__tag .elementor-heading-title{display:flex;align-items:center;gap:14px;white-space:nowrap;text-shadow:0 1px 10px rgba(0,0,0,.7)}
.rg-h3 .rg-h3__tag--l .elementor-heading-title::after{content:"";flex:1 1 auto;max-width:280px;min-width:24px;height:1px;background:rgba(255,255,255,.7)}
.rg-h3 .rg-h3__b{margin-top:6px}
.rg-h3 .rg-h3__b .elementor-button{backdrop-filter:blur(2px);background-color:rgba(0,0,0,.18)}
/* surfplatta och mobil: staplade paneler */
@media (max-width:1024px){
 .rg-h3{height:auto;flex-direction:column}
 .rg-h3>.rg-h3__p{width:100%!important;margin-left:0!important;clip-path:none;height:auto;min-height:300px;padding:40px 32px 28px!important}
 .rg-h3>.rg-h3__p--stad::after,.rg-h3>.rg-h3__p--log::after{width:auto;right:0;bottom:auto;height:4px;background:var(--rg-line);filter:none}
 .rg-h3 .rg-h3__p--stad .rg-h3__c,.rg-h3 .rg-h3__p--log .rg-h3__c{max-width:560px}
}
@media (max-width:767px){
 .rg-h3>.rg-h3__p{min-height:230px;padding:28px 20px 22px!important}
 .rg-h3 .rg-h3__tag{display:none}
 .rg-h3>.rg-h3__p--gras::before{background-image:linear-gradient(180deg,rgba(14,26,15,.88) 0%,rgba(14,26,15,.45) 100%)!important}
 .rg-h3>.rg-h3__p--stad::before{background-image:linear-gradient(180deg,rgba(14,23,35,.88) 0%,rgba(14,23,35,.45) 100%)!important}
 .rg-h3>.rg-h3__p--log::before{background-image:linear-gradient(180deg,rgba(33,18,13,.88) 0%,rgba(33,18,13,.45) 100%)!important}
}
/* områden – diskret glödande linje i överkant, i områdets färg */
.rg-area{position:relative}
.rg-area::after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;pointer-events:none;z-index:1;
 background:linear-gradient(90deg,transparent 0%,var(--rg-line) 18%,var(--rg-line) 82%,transparent 100%);
 filter:drop-shadow(0 0 5px var(--rg-glow)) drop-shadow(0 0 10px var(--rg-glow));opacity:.85}
.rg-area--gras{--rg-line:#4AA305;--rg-glow:rgba(74,163,5,.35)}
.rg-area--stad{--rg-line:#2989FA;--rg-glow:rgba(41,137,250,.35)}
.rg-area--log{--rg-line:#E5541C;--rg-glow:rgba(229,84,28,.35)}
/* områden */
.rg-area .rg-area__list .elementor-icon-list-item{align-items:flex-start}
.rg-area .rg-area__list .elementor-icon-list-icon{margin-top:.25em}
/* områdesruta (rubrik + bild): bilden fyller resten av rutans höjd på desktop */
@media (min-width:1025px){
 .rg-area__intro>.rg-area__img,.rg-area__intro>.rg-area__img>.elementor-widget-container{flex:1 1 auto;display:flex;flex-direction:column}
 .rg-area__intro>.rg-area__img img{flex:1 1 0;height:0!important;min-height:300px}
}
/* === SLUT: Startsida v3 === *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archivo';
	font-display: auto;
	src: url('https://robotgruppen.se/wp-content/uploads/2026/09/Archivo-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */