.elementor-3360 .elementor-element.elementor-element-284643f7:not(.elementor-motion-effects-element-type-background), .elementor-3360 .elementor-element.elementor-element-284643f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-3360 .elementor-element.elementor-element-284643f7 > .elementor-container{max-width:1200px;}.elementor-3360 .elementor-element.elementor-element-284643f7 > .elementor-background-overlay{opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3360 .elementor-element.elementor-element-284643f7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-3360 .elementor-element.elementor-element-2d32ee4e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3360 .elementor-element.elementor-element-2d32ee4e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3360 .elementor-element.elementor-element-2f273e07{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;text-align:start;font-family:"Articulat CF", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:1px;color:#7E7E7E;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3360 .elementor-element.elementor-element-977085c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;text-align:start;}.elementor-3360 .elementor-element.elementor-element-977085c .elementor-heading-title{font-size:44px;font-weight:700;line-height:1.1em;letter-spacing:-0.32px;color:var( --e-global-color-secondary );}.elementor-3360 .elementor-element.elementor-element-99eba7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:18px;font-weight:400;line-height:1.6em;color:var( --e-global-color-text );}.elementor-3360 .elementor-element.elementor-element-a84b089{background-color:var( --e-global-color-secondary );padding:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;}.elementor-3360 .elementor-element.elementor-element-a84b089.eael_liquid_glass-effect1{background-color:var( --e-global-color-secondary );backdrop-filter:blur(24px);}.elementor-3360 .elementor-element.elementor-element-a84b089.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 19px 26px 1px rgba(0,0,0,0.78);}@media(max-width:767px){.elementor-3360 .elementor-element.elementor-element-284643f7{padding:34px 0px 80px 0px;}.elementor-3360 .elementor-element.elementor-element-2f273e07{font-size:13px;}.elementor-3360 .elementor-element.elementor-element-977085c .elementor-heading-title{font-size:30px;}.elementor-3360 .elementor-element.elementor-element-99eba7a{font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-a84b089 *//* ============================================================
   Drivers First — Locations CSS tillägg

   ============================================================ */

/* Adress under location-namnet */
.df-loc-addr {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: #B5B5B5;
  margin-bottom: 14px;
  letter-spacing: 0.2px;
}

/* "Read more about [city] →" länk-rad */
.df-loc-readmore {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #FF6D33;
  margin-bottom: 22px;
  margin-top: auto; /* skjuter ner read-more till nästan botten om kortet är högre */
  transition: gap 0.2s ease;
}
.df-loc-card:hover .df-loc-readmore {
  gap: 10px;
}
.df-loc-readmore-arrow {
  display: inline-block;
  transition: transform 0.2s ease;
}
.df-loc-card:hover .df-loc-readmore-arrow {
  transform: translateX(2px);
}

/* Justera så pills sitter snyggt med ny layout */
.df-loc-card .df-pills {
  margin-top: 0;
}/* End custom CSS */
/* Start custom CSS *//* =================================================================
   Drivers First — Locations templates CSS
   ================================================================= */

/* ---------- Breadcrumb / eyebrow helpers ---------- */
.df-section-eyebrow .df-section-bar {
  display: inline-block;
  width: 4px;
  height: 14px;
  background: #FF6D33;
  margin-right: 10px;
  vertical-align: middle;
  border-radius: 2px;
}

/* ---------- Live availability pulses ---------- */
@keyframes df-pulse   { 0%,100% { box-shadow: 0 0 0 0 rgba(62,207,142,0.5);} 50% { box-shadow: 0 0 0 6px rgba(62,207,142,0);} }
@keyframes df-pulse-y { 0%,100% { box-shadow: 0 0 0 0 rgba(245,181,71,0.5);} 50% { box-shadow: 0 0 0 6px rgba(245,181,71,0);} }
@keyframes df-pulse-r { 0%,100% { box-shadow: 0 0 0 0 rgba(229,72,72,0.5);} 50% { box-shadow: 0 0 0 6px rgba(229,72,72,0);} }

/* ============================================================
   TEMPLATE 1 — Locations overview cards
   ============================================================ */
.df-loc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 900px) {
  .df-loc-grid { grid-template-columns: 1fr; }
}

.df-loc-card {
  display: flex;
  flex-direction: column;
  padding: 28px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 4px;
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease;
  min-height: 240px;
  cursor: pointer;
}
.df-loc-card:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.16);
  transform: translateY(-2px);
}

.df-loc-name {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Articulat Normal', sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #FFFFFF;
  margin-bottom: 14px;
  letter-spacing: -0.3px;
}
.df-loc-name::before {
  content: '';
  width: 9px;
  height: 9px;
  background: #FF6D33;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(255,109,51,0.6);
  flex-shrink: 0;
}

.df-loc-desc {
  font-family: 'Articulat Normal', sans-serif;
  color: #B5B5B5;
  font-size: 15px;
  line-height: 1.55;
  margin-bottom: 22px;
  flex-grow: 1;
}

.df-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 24px;
}
.df-pill {
  display: inline-block;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.4px;
  padding: 5px 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 100px;
  color: #B5B5B5;
}

.df-loc-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.df-loc-avail { display: flex; flex-direction: column; gap: 2px; }
.df-loc-avail-top {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #888;
}
.df-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3ECF8E;
  animation: df-pulse 2.4s ease-in-out infinite;
}
.df-loc-avail.status-yellow .df-dot { background: #F5B547; animation-name: df-pulse-y; }
.df-loc-avail.status-red    .df-dot { background: #E54848; animation-name: df-pulse-r; }
.df-loc-avail-num {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #FFFFFF;
}
.df-loc-avail-of { font-size: 14px; color: #777; margin-left: 2px; font-weight: 400; }
.df-loc-avail.status-green  .df-loc-avail-num > span[data-df-available] { color: #3ECF8E; }
.df-loc-avail.status-yellow .df-loc-avail-num > span[data-df-available] { color: #F5B547; }
.df-loc-avail.status-red    .df-loc-avail-num > span[data-df-available] { color: #E54848; }

.df-loc-arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,109,51,0.12);
  color: #FF6D33;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.3s;
}
.df-loc-card:hover .df-loc-arrow { background: #FF6D33; color: #FFFFFF; }

.df-live-stamp {
  margin-top: 18px;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #777;
  text-align: right;
}

/* ============================================================
   TEMPLATE 2 — Location page
   ============================================================ */

/* Hero stats */
.df-hero-stats {
  display: flex;
  gap: 32px;
  align-items: flex-end;
  margin-bottom: 28px;
}
@media (max-width: 700px) {
  .df-hero-stats { flex-wrap: wrap; gap: 20px; }
}
.df-hero-stat-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 6px;
}
.df-hero-stat-value {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  letter-spacing: -0.5px;
}
.df-hero-stat-unit { font-size: 14px; color: #B5B5B5; margin-left: 4px; font-weight: 400; }
.df-live-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3ECF8E;
  animation: df-pulse 2.4s ease-in-out infinite;
}
.df-stat-live.status-yellow .df-live-dot { background: #F5B547; animation-name: df-pulse-y; }
.df-stat-live.status-red    .df-live-dot { background: #E54848; animation-name: df-pulse-r; }
.df-stat-live.status-green  .df-hero-stat-value > span[data-df-available] { color: #3ECF8E; }
.df-stat-live.status-yellow .df-hero-stat-value > span[data-df-available] { color: #F5B547; }
.df-stat-live.status-red    .df-hero-stat-value > span[data-df-available] { color: #E54848; }

/* Quick facts */
.df-quick-facts {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 4px;
  padding: 32px;
}
.df-quick-facts-title {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FF6D33;
  margin: 0 0 24px;
}
.df-fact-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  gap: 16px;
}
.df-fact-row:last-child { border-bottom: none; }
.df-fact-k {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 14px;
  color: #B5B5B5;
}
.df-fact-v {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: right;
}

/* Services grid */
.df-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 900px) { .df-services-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .df-services-grid { grid-template-columns: 1fr; } }
.df-service {
  background: #141414;
  padding: 28px 24px;
  transition: background 0.3s;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 140px;
}
.df-service:hover { background: #1f1f1f; }
.df-service-ic { width: 32px; height: 32px; color: #FF6D33; }
.df-service-ic svg { width: 100%; height: 100%; }
.df-service-name {
  font-family: 'Articulat Normal', sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #FFFFFF;
}
.df-service-sub {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 12px;
  color: #888;
}
.df-service-cta { background: #FF6D33; }
.df-service-cta:hover { background: #E55A23; }
.df-service-cta .df-service-ic, .df-service-cta .df-service-name { color: #FFFFFF; }
.df-service-cta .df-service-sub { color: rgba(255,255,255,0.7); }

/* Gallery */
.df-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 240px 240px;
  gap: 8px;
}
@media (max-width: 900px) {
  .df-gallery { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
  .df-gallery .df-gallery-img { min-height: 220px; }
}
.df-gallery-img {
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
}
.df-gallery-img:hover { transform: scale(1.02); }
.df-gallery-img:nth-child(1) { grid-column: span 2; grid-row: span 2; }
@media (max-width: 900px) { .df-gallery-img:nth-child(1) { grid-column: span 2; grid-row: span 1; } }

/* Map */
.df-map-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  border: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 900px) { .df-map-grid { grid-template-columns: 1fr; } }
.df-map-info {
  padding: 48px;
  background: rgba(255,255,255,0.03);
}
.df-map-eyebrow {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FF6D33;
  margin-bottom: 16px;
}
.df-map-title {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 24px;
  letter-spacing: -0.5px;
}
.df-map-addr {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #B5B5B5;
  margin-bottom: 28px;
}
.df-map-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #FF6D33;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,109,51,0.4);
  padding-bottom: 4px;
}
.df-map-embed { min-height: 420px; background: #2a2a2a; }
.df-map-embed iframe {
  width: 100%;
  height: 100%;
  min-height: 420px;
  border: 0;
  filter: grayscale(0.6) invert(0.92) contrast(0.85);
}

/* Nearby */
.df-nearby-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 900px) { .df-nearby-grid { grid-template-columns: 1fr; } }
.df-nearby-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 28px;
  transition: all 0.3s;
}
.df-nearby-card:hover { background: rgba(255,255,255,0.06); }
.df-nearby-eyebrow {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #FF6D33;
  margin-bottom: 12px;
}
.df-nearby-name {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 19px;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0 0 8px;
  letter-spacing: -0.3px;
}
.df-nearby-desc {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 14px;
  color: #B5B5B5;
  line-height: 1.6;
  margin: 0 0 16px;
}
.df-nearby-dist {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #888;
  letter-spacing: 0.5px;
}

/* Center-align CTA section button */
.df-location-cta .df-btn--primary { margin: 0 auto !important; }/* End custom CSS */