:root{
  --marapp-accent: #E67E33;
  --marapp-text: #111827;
  --marapp-muted: #6B7280;
  --marapp-bg: #ffffff;
  --marapp-card: #ffffff;
  --marapp-border: rgba(17,24,39,.10);
}

body{
  color: var(--marapp-text);
  background: var(--marapp-bg);
}

a{ color: var(--marapp-accent); }
a:hover{ opacity: .85; }

.site-header .menu-logo-marapp{
  height: 30px;
  width: auto;
  object-fit: contain;
  display: block;
}

.bold{
  font-weight: 800;
}


/* Bootstrap navbar toggler icon needs background image if no theme */
.navbar-toggler{
  border-color: var(--marapp-border);
}
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(17,24,39,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

@media (hover:hover) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
/* Mobil/hamburger: vis alltid dropdown-menyene åpne i menyen */
@media (max-width: 991.98px) {
  .navbar .navbar-collapse .dropdown-menu {
    display: block !important;
    position: static !important;
    float: none !important;
    transform: none !important;
    border: 0;
    background: transparent;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  /* Valgfritt: gjør undermeny-items litt mer "liste" */
  .navbar .navbar-collapse .dropdown-item {
    padding-left: 1.25rem;
  }

  /* Valgfritt: skjul pilen på mobil siden alt er åpent */
  .navbar .navbar-collapse .dropdown-toggle::after {
    display: none;
  }
}

/* Mobil: uthev hovedmeny-elementer */
@media (max-width: 991.98px) {

  /* Top-level menu items */
  .navbar .navbar-collapse > ul > li > a.nav-link {
    font-weight: 600;
    font-size: 1.05rem;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
  }

  /* Optional: litt visuell separasjon mellom hovedgrupper */
  .navbar .navbar-collapse > ul > li {
    margin-bottom: 0.25rem;
  }

  /* Undermeny-items: mer "liste", mindre fremtredende */
  .navbar .navbar-collapse .dropdown-item {
    font-weight: 400;
    font-size: 0.95rem;
    opacity: 0.9;
  }
}


/* Gradient brukt på sider uten hoved-element på toppen av siden */
.marapp-radial-grad{
  background: radial-gradient(1200px 500px at 30px 30px, rgba(230,126,51,.22), transparent 60%);
}


.skip-link{
  position:absolute;
  left:-999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.skip-link:focus{
  left:1rem;
  top:1rem;
  width:auto;
  height:auto;
  padding:.5rem .75rem;
  background:#fff;
  border:1px solid var(--marapp-border);
  border-radius:.5rem;
  z-index:9999;
}


/* =============
   BREADCRUMBS */

.breadcrumbs{
  font-size: 14px;
  margin: 16px 0 24px;
  color: #6b7280; /* base (grå) */
}

.breadcrumbs a{
  color: var(--marapp-accent); /* tydelig linkfarge */
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .2s ease, text-decoration-color .2s ease;
}

.breadcrumbs a:hover{
  color: #000;
  text-decoration-color: currentColor;
}

.breadcrumbs span{
  color: #111; /* aktiv side */
}

.breadcrumbs .bc-sep{
  margin: 0 8px;
  color: #9ca3af;
}



/* ==========
   FORSIDEN */


/* -----------------
   MarApp APP-CARD */

.marapp-app-card{
  height: 100%;
}

.marapp-app-card__link{
  display: block;
  height: 100%;
  text-decoration: none;
  color: inherit;

  border: 1px solid var(--marapp-border);
  border-radius: 1.25rem;
  background: var(--marapp-card);
  box-shadow: 0 10px 20px rgba(17,24,39,.05);
  overflow: hidden;

  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.marapp-app-card__link:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 28px rgba(17,24,39,.10);
  OFFborder-color: color-mix(in srgb, var(--marapp-border) 65%, var(--marapp-accent) 35%);
}

/* Media area (logo/image) */
.marapp-app-card__media{
  background: transparent;
  padding: 14px 14px 0;       /* luft venstre/topp/høyre (0 bunn) */
  aspect-ratio: 1 / 1;        /* fast 1:1 */
  width: 100%;
  overflow: hidden;
}

.marapp-app-card__img{
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: contain;

  border-radius: 1rem;
  border: 1px solid var(--marapp-border); /* markér hvit bakgrunn */
  background: #fff;
}

/* Body */
.marapp-app-card__body{
  padding: 1rem 1rem 1.15rem;
  text-align: center;         /* sentrer tittel og tekst */
  overflow: visible;
}

.marapp-app-card__title{
  margin: .25rem 0 .75rem;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
}

/* Badge row with line behind (perfect vertical centering) */
.marapp-app-card__badge-row{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: .25rem 0 .85rem;
  min-height: 30px;

  --badge-bg: var(--marapp-accent); /* fallback */
}
.marapp-app-card__badge-row::before{ /* Linje bak badge */
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 50%;
  height: 1px;

  background-image: linear-gradient(to right, rgba(0,0,0,.1), rgba(0,0,0,.3), rgba(0,0,0,.1));
  transform: translateY(-50%);
  z-index: 0;
}
.marapp-app-card__badge{
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 3px 8px 3px 8px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1;

  color: #fff;
  background: var(--badge-bg); /* <-- nå styres den av ACF */
  box-shadow: 0 8px 16px rgba(17,24,39,.10);
}

/* Text */
.marapp-app-card__text{
  margin: 0 0 .95rem;
  color: var(--marapp-muted, rgba(17,24,39,.70));
  font-size: .95rem;
  line-height: 1.35;
}

/* Fake button (still inside the same anchor) */
.marapp-app-card__fakebtn{
  display: flex;
  width: 100%; /* like bred som bildet/body */
  align-items: center;
  justify-content: center;

  padding: .45rem 1rem;
  border-radius: .7rem;

  font-weight: 400;
  letter-spacing: .2px;

  color: #fff;
  background: var(--marapp-accent);
  box-shadow: 0 10px 18px rgba(17,24,39,.12);

  transition: transform .12s ease, filter .12s ease, background-color .12s ease;
}

/* Hover effect like a real button */
.marapp-app-card__fakebtn:hover{
  filter: brightness(1.10);
  transform: translateY(-1px);
}

/* Keyboard focus */
.marapp-app-card__link:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--marapp-accent) 55%, #ffffff 45%);
  outline-offset: 3px;
  border-radius: 1.25rem;
}


/* END APP-CARD
  ------------- */




/* ===========
   NEWS-CARD */

.marapp-news-card img{
  height: auto;
}

/* END NEWS-CARD
  -------------- */




/* ----------
   HOME HERO (complete, Safari 13.1.2 safe)
   - Full-bleed background image
   - Gradient tint + accent glow overlays
   - Glass panel (tint + blur) that does NOT desync in Safari 13
------------------------------------ */

.marapp-hero--home{
  position: relative;
  isolation: isolate;

  /* Background image comes from section style:
     style="--hero-bg: url('...');" */
  background-image: var(--hero-bg);
  background-size: cover;
  background-repeat: no-repeat;

  /* Shift focal point away from the text column */
  background-position: 70% center;

  min-height: clamp(420px, 60vh, 720px);
  display: flex;
  align-items: center;
}

/* Overlay tint: dark on left, lighter on right
   NOTE: use z-index:0 (not -1) for Safari/WebKit backdrop-filter stability */
.marapp-hero--home::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    linear-gradient(90deg,
      rgba(0,0,0,.40) 0%,
      rgba(0,0,0,.20) 35%,
      rgba(0,0,0,.10) 65%,
      rgba(0,0,0,.50) 100%
    );
}

/* Accent glow on top of image too (still behind content) */
.marapp-hero--home::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background: radial-gradient(1200px 400px at 10% 10%, rgba(230,126,51,.22), transparent 60%);
  pointer-events: none;
}

/* Ensure content sits above overlays */
.marapp-hero--home > .container{
  position: relative;
  z-index: 1;
}

/* Text readability (also overrides .text-muted on lead) */
.marapp-hero--home h1{
  color: #fff;
  text-shadow: 0 8px 28px rgba(0,0,0,.45);
}

.marapp-hero--home .lead{
  color: rgba(255,255,255,.88) !important;
  opacity: 1;
  text-shadow: 0 8px 20px rgba(0,0,0,.35);
}

/* ---------------------------
   Glass panel behind hero text
   Safari 13.1.2 stable:
   - blur on the element itself
   - no real border (use inset shadow)
   - overflow:hidden + webkit mask to avoid edge desync
--------------------------- */
.marapp-hero--home .marapp-hero-panel{
  position: relative;

  margin-inline: 10px;  /* air against edges */
  padding: 18px;

  border-radius: 18px;
  overflow: hidden;     /* clip blur to radius */

  background: rgba(0,0,0,.22);

  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);

  border: 0;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);

  /* WebKit edge bug workaround (important for Safari 13.x) */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* Buttons: ensure outline button reads well on hero */
.marapp-hero--home .btn-outline-secondary{
  color: #fff;
  border-color: rgba(255,255,255,.55);
  background: rgba(255,255,255,.06);
}

.marapp-hero--home .btn-outline-secondary:hover{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.75);
}

.marapp-hero--home .btn-marapp{
  background: var(--marapp-accent);
  border-color: var(--marapp-accent);
  color:#fff;
}
.marapp-hero--home .btn-marapp:hover{
  background: rgba(255,255,255,.14);
  color:#fff;
  border-color: rgba(255,255,255,.75);
  opacity: 0.85;
}

/* ---------------------------
   Mobile tuning
--------------------------- */
@media (max-width: 991.98px){
  .marapp-hero--home{
    background-position: 60% center;
  }

  .marapp-hero--home .marapp-hero-panel{
    width: calc(100% - 20px); /* keep 10px + 10px side air */
    padding: 16px;
    background: rgba(0,0,0,.28);
  }
}

/* ---------------------------
   Desktop: move hero text to the right
--------------------------- */
@media (min-width: 992px){
  .marapp-hero--home .row{
    justify-content: flex-end;
  }

  .marapp-hero--home .marapp-hero-panel{
    margin-left: auto;
  }
}

/* SLUTT PÅ HERO */




/** -----------------------------
    NYHETER - seksjon på forsiden  */

/* Full-bleed section background (edge to edge) */

.marapp-news-section{
  padding: 72px 0;
  background:
    linear-gradient(
      180deg,
      #f6f7f9 0%,
      rgba(230,126,51,0.08) 60%,
      rgba(230,126,51,0.12) 100%
    );
  width: 100%;
}

.marapp-section-header{ margin-bottom: 28px; }
.marapp-section-eyebrow{
  display:block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--marapp-accent);
  margin-bottom: 6px;
}
.marapp-section-title{
  margin: 0;
  font-size: 2rem;
  font-weight: 800;
}

/* Featured news card (editorial) */
.marapp-news-featured{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 32px;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.marapp-news-img{
  display:block;
  width:100%;
  height:100%;
  min-height: 320px;
  position: relative;
  background: rgba(0,0,0,.04);
}
.marapp-news-img img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.marapp-news-body{ padding: 32px 32px 32px 0; }
.marapp-news-meta{
  font-size: .9rem;
  color: rgba(17,24,39,.65);
  margin-bottom: 10px;
}
.marapp-news-h3{
  margin: 0 0 12px 0;
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 800;
}
.marapp-news-h3 a{
  color: inherit;
  text-decoration: none;
}
.marapp-news-excerpt{
  margin: 0 0 16px 0;
  color: rgba(17,24,39,.75);
}
.marapp-news-link{
  font-weight: 700;
  color: var(--marapp-accent);
  text-decoration: none;
}

/* More news list */
.marapp-news-more{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.marapp-news-mini{
  background: #fff;
  border-radius: 12px;
  padding: 14px 14px;
  box-shadow: 0 8px 22px rgba(0,0,0,.05);
  min-height: 96px;
}
.marapp-news-mini time{
  display:block;
  font-size: .8rem;
  color: rgba(17,24,39,.6);
  margin-bottom: 6px;
}
.marapp-news-mini a{
  text-decoration: none;
  font-weight: 800;
  color: rgba(17,24,39,.92);
  display: block;
  line-height: 1.2;
}

@media (max-width: 991.98px){
  .marapp-news-featured{
	grid-template-columns: 1fr;
  }
  .marapp-news-body{
	padding: 20px;
  }
  .marapp-news-more{
	grid-template-columns: 1fr;
  }
}

/* SLUTT PÅ CSS FOR FORSIDEN
   ========================= */



/* =============
   SINGLE APPS */

/* Screenshots grid (under content) */
.marapp-appshots-grid{
  display: grid;
  justify-content: start;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 160px));
}

.about-sub-heading {
	color: var(--marapp-text);
	margin-top: 40px;
}

.about-features ul li {
	margin-top: 10px;
}

.marapp-appshot{
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.marapp-appshot img{
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 768px){
  .marapp-appshot{
    max-width: 170px;
  }
}
@media (min-width: 1200px){
  .marapp-appshot{
    max-width: 160px;
  }
}

.app-meta-list{
  display: grid;
  gap: 12px;
  margin: 0;
}

.app-meta-row{
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.app-meta-row:last-child{
  border-bottom: 0;
}

.app-meta-row dt{
  font-size: 13px;
  opacity: .65;
  margin: 0;
}

.app-meta-row dd{ /* verdier i meta-boksen */
  font-size: 15px;
  margin: 0;
}

/* Default (mobile): look like normal content, not a card */
.app-meta{
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* Desktop (>= lg): make it a card */
@media (min-width: 992px){
  .app-meta--card{
    padding: 1.5rem; /* tilsvarer ca p-4 */
    border-radius: 16px;
    OFFbackground: radial-gradient(1200px 400px at 10% 10%, rgba(230,126,51,.22), transparent 60%);
    background: var(--marapp-card);
	border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 10px 24px rgba(0,0,0,.06);
  }

  .app-meta--align{
    margin-top: 265px; /* senker meta-boks til samme høyde som tittel på tekst i venstre kolonne for store skjermer */
  }
}



/* STORE-BUTTONS (click to download on...) */

.marapp-store-btn{
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px; /* for wrapping på smale skjermer */
}

.marapp-store-btn:last-child{
  margin-right: 0;
}

.marapp-store-btn:hover{
  transform: scale(1.02);
  filter: brightness(1.06);
}

.marapp-store-btn img{
  display: block;
  height: 48px;
  width: auto;
}



/* ================
   SINGLE NYHETER */

.single-post .marapp-news-article{
  /* Limit content width */
  max-width: 860px;
  margin: 0 auto;
}

/* News meta */
.single-post .marapp-news-meta{
  display: flex;
  gap: .5rem;
  align-items: center;
  justify-content: center;
  margin: 0 0 .75rem 0;
  font-size: .9rem;
  opacity: .70;
  letter-spacing: .02em;
}

.single-post .marapp-news-meta__dot{
  opacity: .55;
}

/* Title + spacing */
.single-post .marapp-news-header{
  text-align: center;
  margin: 0 0 3rem 0;
}

.single-post .marapp-news-title{
  font-weight: 800;
  line-height: 1.08;
  margin: 0;
  font-size: clamp(1.8rem, 3.2vw, 2.6rem);
}

/* Accent detail under title */
.single-post .marapp-news-title::after{
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: .9rem auto 0 auto;
  background: var(--marapp-accent);
  border-radius: 2px;
  opacity: .95;
}

/* Featured image below title */
.single-post .marapp-news-main-img{
  margin: 0 auto 1.75rem auto;
}

.single-post .marapp-news-main-img img{
  display: block;
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: contain;
}

.single-post .marapp-news-featured__caption{
  margin-top: .65rem;
  font-size: .9rem;
  opacity: .70;
  text-align: center;
}

.single-post .marapp-news-content{
  margin: 0 auto;
  font-size: 1.1rem;
}

.single-post .marapp-news-content p{
  line-height: 1.75;
  margin-bottom: 1.35em;
}

.single-post .marapp-news-ingress{
  margin: 3em 0 2em 0;
}

.single-post .marapp-news-ingress p{
  font-size: 1.4em;
  font-weight: 100;
  line-height: 1.3;
  margin-bottom: 1.35em;
}

/* Nicer headings inside content */
.single-post .marapp-news-content h2{
  margin-top: 2.2rem;
  margin-bottom: .8rem;
  font-weight: 800;
}

.single-post .marapp-news-content h3{
  margin-top: 1.6rem;
  margin-bottom: .6rem;
  font-weight: 700;
}

/* Back to news */
.single-post .marapp-news-footer{
  margin: 2.6rem auto 0 auto;
  padding-top: 1.2rem;
  border-top: 1px solid var(--marapp-border);
}

.single-post .marapp-news-back{
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  text-decoration: none;
  font-size: .95rem;
  opacity: .80;
}

.single-post .marapp-news-back:hover{
  opacity: 1;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .18em;
}

.single-post .marapp-news-back__arrow{
  font-size: 1.05em;
}

/* Mobile tweaks */
@media (max-width: 640px){
  .single-post .marapp-news-meta{
    justify-content: flex-start;
  }

  .single-post .marapp-news-header{
    text-align: left;
  }

  .single-post .marapp-news-title::after{
    margin-left: 0;
    margin-right: auto;
  }
}





/* ===================
   CATEGORY for APPS */


.cat-filter .btn-marapp{
  background: var(--marapp-accent);
  border-color: var(--marapp-accent);
  color:#fff;
}
.cat-filter .btn-marapp:hover{
  background: rgb(108,117,125);
  color:#fff;
  border-color: rgb(108,117,125);
  opacity: 0.85;
}



/* =====================
   Privacy policy page */

.privacy-policy h2:not(.marapp-section-title){
  color: var(--marapp-accent);
  font-size: 1.9rem;
  font-weight: 100;
  text-transform: uppercase;
  margin-top: 0;
  padding: 0;
}

.privacy-policy h3{
  OFFfont-weight: 100;
  font-size: 1.2rem;
  padding: 0;
}

.privacy-policy hr{
  position: relative;
  display: block;
  overflow: visible;
  opacity: 1;
  color: rgba(0,0,0,.1);
  width: 150px; /* Sets the width to 50% of its container */
  margin: 3rem 0 0.5rem 0;
}
.privacy-policy hr::after{
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  height: 3px;
  width: 40px;
  background-color: var(--marapp-accent);
}


.privacy-policy h3{
	margin-top: 3rem;
}

.privacy-policy h2 + h3{
	margin-top: 12px;
}


/* Cookie table (Privacy Policy) */
.privacy-policy table{
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;

  font-size: 0.95rem;
  line-height: 1.5;
  border: 1px solid #e5e5e5;
}

.privacy-policy table th,
.privacy-policy table td{
  padding: 6px 12px;
  text-align: left;
  vertical-align: top;
}

.privacy-policy table th{
  background: #f5f5f5;
  padding: 2px 12px;
  font-weight: 600;
  border-bottom: 2px solid #ddd;
}

.privacy-policy table td{
  border-bottom: 1px solid #e5e5e5;
}

.privacy-policy table td:nth-child(3){
  word-break: keep-all;
}

.privacy-policy table tr:last-child td{
  border-bottom: 0;
}

/* Mobile-friendly: allow wrapping */
.privacy-policy table th,
.privacy-policy table td{
  word-break: break-word;
}

/* Optional: subtle zebra rows */
.privacy-policy table tbody tr:nth-child(even){
  background: rgba(0,0,0,0.02);
}


/* Mobil: gjør hver rad til et "kort" */
@media (max-width: 640px) {
  
  .privacy-policy table {
    border: none;
  }
  
  .privacy-policy table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }

  .privacy-policy table thead {
    display: none;
  }

  .privacy-policy table tr {
    display: block;
    margin: 0 0 12px 0;
    border: 1px solid var(--marapp-border);
    border-radius: 12px;
    overflow: hidden;
    background: var(--marapp-card);
  }

  .privacy-policy table td {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid var(--marapp-border);
  }
  
  .privacy-policy table tr:nth-child(1) { /* Fjerner den gamle headingen (th) */
    display: none;
	border: none;
	height: 0;
  }
  
  .privacy-policy table td:last-child {
    border-bottom: 0;
  }

  /* Labels per kolonne (uten å endre HTML) */
  .privacy-policy table td:nth-child(1)::before {
    content: "Cookie";
  }
  .privacy-policy table td:nth-child(2)::before {
    content: "Purpose";
  }
  .privacy-policy table td:nth-child(3)::before {
    content: "Expiry";
  }

  .privacy-policy table td::before {
    flex: 0 0 4.8rem;      /* label-bredde */
    font-weight: 600;
    opacity: .7;
  }

  /* Litt bedre lesbarhet */
  .privacy-policy table td:nth-child(1) {
    font-weight: 600;
    overflow-wrap: anywhere; /* håndter lange cookie-navn */
  }

  .privacy-policy table td:nth-child(3) {
    white-space: nowrap;     /* "Session/Persistent" blir penere */
  }
}



/* ========
   FOOTER */

footer.site-footer{
  background-color: var(--marapp-accent);
  color: #fff;
  padding: 1rem 0 0 0;
}

footer.site-footer .footer-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}

/* Logo */
footer.site-footer .footer-logo img{
  width: 100px;
  height: 100px;
  display: block;
  margin-bottom: 25px;
}

footer.site-footer a{
  color: #fff;
  font-size: 1.2rem;
  text-decoration: none;
}

footer.site-footer a:hover{
  text-decoration: underline;
  opacity: .85;
}

footer.site-footer .footer-link{
  color: #fff;
}

.footer-sep{
  display: inline-block;
  width: 6px;
  height: 6px;
  background: currentColor;
  border-radius: 1px;
  margin: 0 .4rem;
  transform: translateY(-1px);
}

footer .footer-copy{
  width: 100%;
  font-size: .85rem;
  color: rgba(255,255,255,.8);
  background: #333;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,.3);
}


/* FIks for eldre Safari */

/* Safari < 14: flex gap fallback */
.d-flex.gap-2 > *{
  margin-right: 5px;  /* tilsvarer gap-2 */
  margin-bottom: 5px; /* når flex-wrap slår inn */
}

/* fjern ekstra margin på siste element i raden */
.d-flex.gap-2 > *:last-child{
  margin-right: 0;
}