:root{
  --green:#6c7061;
  --green-dark:#565a4e;
  --ink:#1b1b1a;
  --muted:#67655f;
  --cream:#f5f1e8;
  --white:#ffffff;
  --line:#dedbd2;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
#kontakt{scroll-margin-top:92px}
body.menu-open{overflow:hidden}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.5;
}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
.container{width:min(100% - 32px,var(--max));margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(247,245,239,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(222,219,210,.75);
}
.header-inner{
  min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.logo{display:inline-flex;flex-direction:column;line-height:1;color:var(--green)}
.logo-main{font-weight:850;letter-spacing:.035em;font-size:1.45rem}
.logo-sub{font-size:.62rem;letter-spacing:.38em;margin-top:7px;text-align:center}
.desktop-nav{display:flex;align-items:center;gap:30px;font-size:.9rem}
.desktop-nav a:hover{color:var(--green)}
.phone-btn,.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 20px;border-radius:4px;
  border:1px solid var(--green);font-weight:700;font-size:.88rem;
}
.phone-btn,.btn.primary{background:var(--green);color:white}
.btn.secondary{background:transparent;color:var(--green)}
.btn:hover,.phone-btn:hover{background:var(--green-dark);color:white}
.menu-btn{
  display:none;background:transparent;border:0;padding:8px;cursor:pointer;
  width:44px;height:44px;align-items:center;justify-content:center;position:relative;
}
.menu-btn span,.menu-btn::before,.menu-btn::after{
  content:"";display:block;width:25px;height:2px;background:var(--ink);transition:transform .28s ease,opacity .2s ease;
}
.menu-btn span{margin:6px 0}
.menu-backdrop{
  position:fixed;inset:0;background:rgba(22,24,21,.34);backdrop-filter:blur(2px);z-index:70;
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;
}
.menu-backdrop.open{opacity:1;visibility:visible}
.mobile-menu{
  position:fixed;top:0;right:0;bottom:0;width:min(88vw,380px);padding:24px;z-index:80;
  background:var(--cream);box-shadow:-20px 0 55px rgba(0,0,0,.14);
  transform:translateX(102%);opacity:.35;visibility:hidden;
  transition:transform .34s cubic-bezier(.22,.7,.25,1),opacity .28s ease,visibility .34s ease;
  display:flex;flex-direction:column;
}
.mobile-menu.open{transform:translateX(0);opacity:1;visibility:visible}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.menu-close{border:0;background:transparent;font-size:2.25rem;line-height:1;width:42px;height:42px;cursor:pointer;color:var(--ink)}
.mobile-menu-links{padding-top:14px}
.mobile-menu-links a{display:block;padding:16px 2px;border-bottom:1px solid var(--line);font-weight:700}
.mobile-phone{margin-top:auto;width:100%}
.hero{
  min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;background:var(--cream);
}
.hero-copy{
  display:flex;align-items:center;padding:76px max(32px,calc((100vw - var(--max))/2));
  padding-right:48px;
}
.hero-kicker{font-family:Georgia,serif;font-style:italic;color:var(--green);font-size:2rem;margin:0 0 2px}
.hero h1{
  margin:0;line-height:.95;font-size:clamp(3rem,6vw,5.7rem);letter-spacing:-.055em;
  max-width:640px;
}
.hero p{font-size:1.08rem;color:var(--muted);max-width:520px;margin:28px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-media{min-height:620px}
.section{padding:90px 0}
.section.white{background:var(--white)}
.section-title{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;margin:0}
.eyebrow{
  color:var(--green);font-size:.82rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  margin-bottom:10px
}
.lunch-grid{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;
}
.price{font-size:3.8rem;line-height:1;font-weight:850;letter-spacing:-.05em;margin:12px 0}
.checks{list-style:none;padding:0;margin:24px 0;color:var(--muted)}
.checks li{margin:8px 0}
.checks li::before{content:"✓";color:var(--green);font-weight:800;margin-right:10px}
.note{color:var(--muted);font-size:.94rem}
.media-card{aspect-ratio:4/3;border-radius:5px;overflow:hidden;background:#ece9e1}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.service-card{
  background:var(--white);border:1px solid var(--line);padding:36px;border-radius:5px;
  display:flex;flex-direction:column;min-height:260px
}
.service-card h3{font-size:2rem;margin:10px 0 8px;letter-spacing:-.03em}
.service-card p{color:var(--muted);max-width:460px;margin:0 0 28px}
.service-card .btn{margin-top:auto;align-self:flex-start}
.footer{
  background:#171917;color:#f5f5f1;padding:54px 0 34px
}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:44px}
.footer h3{margin-top:0;color:#dfe9e1}
.footer p,.footer a{color:#d3d6d1}
.footer a:hover{color:white}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.13);margin-top:36px;padding-top:18px;
  font-size:.8rem;color:#aeb2ae
}
.page-hero{padding:90px 0 50px}
.page-hero p{max-width:700px;color:var(--muted);font-size:1.08rem}
.content-card{
  background:white;border:1px solid var(--line);padding:34px;border-radius:5px;margin-bottom:18px
}
.content-card h2{margin-top:0}
.menu-day{display:grid;grid-template-columns:130px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}
.menu-day:last-child{border-bottom:0}
.form-note{
  margin-top:24px;padding:18px 20px;background:#eef3ef;border-left:4px solid var(--green)
}
.inline-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}


.social-strip{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.social-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 0}
.social-inner h2{font-size:1.55rem;margin:0 0 5px;letter-spacing:-.02em}
.social-inner p{margin:0;color:var(--muted)}
.price-list{margin:28px 0 0;border-top:1px solid var(--line)}
.price-row{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.price-row strong{white-space:nowrap;color:var(--green-dark)}
.catering-contact{background:#efede5;border:1px solid var(--line);padding:26px;border-radius:5px;margin-top:28px}
.catering-contact a{font-weight:800;color:var(--green-dark)}


.contact-section{border-top:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.contact-intro p{color:var(--muted);max-width:440px}
.contact-direct{display:flex;flex-direction:column;gap:8px;margin-top:28px}
.contact-direct a{font-weight:750;color:var(--green-dark);width:max-content}
.contact-form{background:var(--cream);border:1px solid var(--line);padding:32px;border-radius:6px}
.contact-form label{display:block;font-size:.88rem;font-weight:700;color:var(--ink)}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;margin-top:8px;border:1px solid #cbc7bd;background:var(--white);border-radius:4px;
  padding:12px 13px;font:inherit;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease
}
.contact-form input,.contact-form select{min-height:48px}
.contact-form textarea{resize:vertical;min-height:128px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(108,112,97,.12)}
.field-row{display:grid;gap:16px;margin-bottom:16px}
.field-row.two{grid-template-columns:1fr 1fr}
.contact-form>label{margin-bottom:18px}
.conditional-fields[hidden]{display:none}
.submit-btn{border:0;cursor:pointer;min-width:190px}
.form-small{font-size:.78rem;color:var(--muted);margin:12px 0 0}
.form-status{display:none;margin-bottom:18px;padding:13px 15px;border-radius:4px;font-size:.9rem}
.form-status.show{display:block}
.form-status.success{background:#e9efe8;color:#334235}
.form-status.error{background:#f4e9e6;color:#6e3f38}
.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

@media (max-width: 860px){
  .desktop-nav,.header-phone{display:none}
  .menu-btn{display:flex;flex-direction:column}
  .hero{display:block;min-height:auto}
  .hero-copy{padding:54px 20px 34px}
  .hero-media{min-height:300px;max-height:360px}
  .hero h1{font-size:clamp(3.1rem,14vw,4.7rem)}
  .hero-kicker{font-size:1.65rem}
  .hero p{font-size:1rem;margin:22px 0}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .btn{width:100%}
  .section{padding:62px 0}
  .lunch-grid,.service-grid,.footer-grid{grid-template-columns:1fr;gap:32px}
  .lunch-grid .media-card{order:-1}
  .price{font-size:3rem}
  .service-card{min-height:auto;padding:26px}
  .service-card .btn{align-self:stretch}
  .footer{padding-top:44px}
  .menu-day{grid-template-columns:1fr;gap:4px}
  .social-inner{align-items:flex-start;flex-direction:column;padding:28px 0}
  .social-inner .btn{width:100%}
  .price-row{gap:14px;align-items:flex-start}
  .contact-grid{grid-template-columns:1fr;gap:30px}
  .contact-form{padding:22px}
  .field-row.two{grid-template-columns:1fr}
  .submit-btn{width:100%}
}


/* ===== Version 6: riktiga bilder + kompakta specialformulär ===== */
.lunch-simple{
  max-width:820px;
  margin-inline:auto;
  text-align:center;
}
.lunch-hours{margin:16px 0 20px}
.lunch-includes{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 22px;
  margin:22px 0;
  color:var(--muted);
}
.lunch-includes span{white-space:nowrap}
.lunch-simple .inline-links{justify-content:center}

.split-form-media{
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);
  gap:44px;
  align-items:start;
}
.compact-panel{
  position:static;
}
.compact-panel h2{
  margin:4px 0 22px;
  font-size:2rem;
  letter-spacing:-.03em;
}
.compact-form{
  padding:24px;
}
.compact-form>label{
  margin-bottom:14px;
}
.compact-form .field-row{
  margin-bottom:14px;
}
.compact-form textarea{
  min-height:96px;
}
.compact-form .submit-btn{
  width:100%;
}
.media-stack{
  display:grid;
  gap:16px;
}
.media-stack .media-card{
  aspect-ratio:16/10;
}
.media-stack .media-card.tall{
  aspect-ratio:4/3;
}
.narrow{
  max-width:860px;
}
.media-card img,.hero-media img{
  object-position:center;
}

@media (max-width:860px){
  .lunch-simple{text-align:left}
  .lunch-includes{justify-content:flex-start;gap:8px 16px}
  .lunch-simple .inline-links{justify-content:flex-start}
  .split-form-media{
    grid-template-columns:1fr;
    gap:26px;
  }
  .compact-panel{
    position:static;
  }
  .compact-panel h2{font-size:1.7rem}
  .compact-form{padding:20px}
  .media-stack{
    order:2;
  }
  .media-stack .media-card,
  .media-stack .media-card.tall{
    aspect-ratio:4/3;
  }
}


/* ===== Version 7: naturlig helsidesscroll ===== */
.split-form-media{align-items:start}
.compact-panel{position:static!important}
.compact-form{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
}
.compact-form input,
.compact-form select,
.compact-form textarea{
  background:#fff;
}

@media (max-width:860px){
  .split-form-media{display:block}
  .media-stack{margin-top:30px}
}


/* ===== Version 8: integritet, footer, veckonummer och accessibility ===== */
.footer-bottom-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.footer-bottom-row a{
  color:#cfd4cf;
  text-decoration:underline;
  text-underline-offset:3px;
}
.footer-bottom-row a:hover{color:#fff}

.form-small a{
  text-decoration:underline;
  text-underline-offset:2px;
}

.week-label{
  font-size:.72em;
  font-weight:500;
  color:var(--muted);
  white-space:nowrap;
}

.privacy-content h2{
  margin:34px 0 8px;
  font-size:1.35rem;
  letter-spacing:-.02em;
}
.privacy-content h2:first-child{margin-top:0}
.privacy-content p{
  color:var(--muted);
  max-width:760px;
}
.privacy-content a{
  color:var(--green);
  text-decoration:underline;
  text-underline-offset:3px;
}

.menu-close:focus-visible,
.menu-btn:focus-visible,
.mobile-menu a:focus-visible,
.btn:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(108,112,97,.45);
  outline-offset:3px;
}

@media (max-width:860px){
  .footer-bottom-row{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .week-label{
    display:block;
    margin-top:5px;
  }
}


/* ===== Version 9: integritetsmodal + Analytics-samtycke ===== */
body.modal-open{overflow:hidden}

.footer-legal-links{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
.footer-link-button{
  appearance:none;
  border:0;
  background:transparent;
  color:#cfd4cf;
  padding:0;
  font:inherit;
  font-size:inherit;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
}
.footer-link-button:hover{color:#fff}

.modal-backdrop{
  position:fixed;
  inset:0;
  z-index:90;
  background:rgba(18,20,18,.48);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease, visibility .22s ease;
}
.modal-backdrop.open{opacity:1;visibility:visible}

.privacy-modal{
  position:fixed;
  z-index:91;
  left:50%;
  top:50%;
  transform:translate(-50%,-48%) scale(.985);
  width:min(760px,calc(100% - 40px));
  max-height:min(76vh,720px);
  background:var(--cream);
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:0 24px 80px rgba(0,0,0,.22);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
  overflow:hidden;
}
.privacy-modal.open{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%) scale(1);
}
.privacy-modal-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:26px 28px 18px;
  border-bottom:1px solid var(--line);
}
.privacy-modal-header h2{
  margin:2px 0 0;
  font-size:1.9rem;
  letter-spacing:-.03em;
}
.modal-close{
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  border-radius:50%;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
}
.modal-close:hover{background:rgba(0,0,0,.05)}
.privacy-modal-body{
  padding:24px 28px 30px;
  overflow:auto;
  max-height:calc(min(76vh,720px) - 90px);
}
.privacy-modal-body h3{
  margin:28px 0 7px;
  font-size:1.08rem;
}
.privacy-modal-body h3:first-child{margin-top:0}
.privacy-modal-body p{
  color:var(--muted);
  margin:0;
}
.privacy-modal-body a{
  color:var(--green);
  text-decoration:underline;
  text-underline-offset:3px;
}

.cookie-banner{
  position:fixed;
  z-index:110;
  left:50%;
  bottom:18px;
  transform:translate(-50%,18px);
  width:min(860px,calc(100% - 32px));
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  box-shadow:0 18px 55px rgba(0,0,0,.18);
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
}
.cookie-banner.show{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
.cookie-copy{min-width:0}
.cookie-copy strong{display:block;margin-bottom:3px}
.cookie-copy p{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
}
.cookie-copy a{
  color:var(--green);
  text-decoration:underline;
  text-underline-offset:2px;
}
.cookie-actions{
  display:flex;
  gap:10px;
  flex:0 0 auto;
}
.cookie-choice{min-width:110px}

@media (max-width:700px){
  .privacy-modal{
    width:calc(100% - 24px);
    max-height:82vh;
    border-radius:8px;
  }
  .privacy-modal-header{padding:20px 20px 14px}
  .privacy-modal-header h2{font-size:1.55rem}
  .privacy-modal-body{
    padding:20px;
    max-height:calc(82vh - 80px);
  }
  .cookie-banner{
    bottom:10px;
    width:calc(100% - 20px);
    display:block;
    padding:16px;
  }
  .cookie-actions{
    margin-top:14px;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .cookie-choice{
    width:100%;
    min-width:0;
  }
}


/* ===== Version 12: inverterad profilfärg =====
   Stora beige ytor är nu profilgröna. Beige används som ljus accent.
   Ljusa innehållskort/formulär behålls för läsbarhet.
*/
:root{
  --brand-green:#6c7061;
  --brand-green-dark:#565a4e;
  --brand-beige:#f5f1e8;
  --brand-beige-soft:#ebe5d7;
}

/* Grundytor */
body{
  background:var(--brand-green);
}
.site-header{
  background:rgba(108,112,97,.97);
  border-bottom-color:rgba(245,241,232,.24);
}
.hero,
.mobile-menu{
  background:var(--brand-green);
}

/* Header / navigation på grönt */
.site-header .logo,
.mobile-menu .logo{
  color:var(--brand-beige);
}
.desktop-nav a{
  color:var(--brand-beige);
}
.desktop-nav a:hover{
  color:#fff;
}
.site-header .phone-btn,
.mobile-menu .phone-btn{
  background:var(--brand-beige);
  border-color:var(--brand-beige);
  color:var(--brand-green-dark);
}
.site-header .phone-btn:hover,
.mobile-menu .phone-btn:hover{
  background:#fff;
  color:var(--brand-green-dark);
}
.menu-btn span,
.menu-btn::before,
.menu-btn::after{
  background:var(--brand-beige);
}
.menu-close{
  color:var(--brand-beige);
}
.mobile-menu-top,
.mobile-menu-links a{
  border-color:rgba(245,241,232,.22);
}
.mobile-menu-links a{
  color:var(--brand-beige);
}

/* Hero och andra gröna huvudytor */
.hero-copy,
.page-hero{
  color:var(--brand-beige);
}
.hero-kicker,
.page-hero .eyebrow{
  color:var(--brand-beige-soft);
}
.hero p,
.page-hero p{
  color:rgba(245,241,232,.88);
}

/* Knappar specifikt på gröna ytor */
.hero .btn.primary,
.page-hero .btn.primary{
  background:var(--brand-beige);
  border-color:var(--brand-beige);
  color:var(--brand-green-dark);
}
.hero .btn.secondary,
.page-hero .btn.secondary{
  background:transparent;
  border-color:var(--brand-beige);
  color:var(--brand-beige);
}
.hero .btn:hover,
.page-hero .btn:hover{
  background:#fff;
  border-color:#fff;
  color:var(--brand-green-dark);
}

/* Vanliga sektioner som ligger direkt på den gröna sidbakgrunden */
main > .section:not(.white){
  color:var(--brand-beige);
}
main > .section:not(.white) > .container > .eyebrow,
main > .section:not(.white) .eyebrow{
  color:var(--brand-beige-soft);
}
main > .section:not(.white) .section-title{
  color:var(--brand-beige);
}
main > .section:not(.white) .price-row{
  border-color:rgba(245,241,232,.22);
}
main > .section:not(.white) .price-list{
  border-color:rgba(245,241,232,.22);
}
main > .section:not(.white) .price-row strong{
  color:var(--brand-beige);
}

/* Vita kort på gröna ytor ska fortsätta vara lättlästa */
.service-card{
  color:var(--ink);
}
.service-card .eyebrow{
  color:var(--green);
}
.service-card p{
  color:var(--muted);
}

/* Ljusa innehållsytor */
.section.white,
.social-strip{
  background:var(--white);
  color:var(--ink);
}

/* Kontaktformuläret ska inte bli grönt inuti */
.contact-form{
  background:var(--brand-beige);
}

/* Integritetspopup: grön ram/yta, men fortsatt lättläst */
.privacy-modal{
  background:var(--brand-green);
  border-color:rgba(245,241,232,.28);
  color:var(--brand-beige);
}
.privacy-modal-header{
  border-bottom-color:rgba(245,241,232,.2);
}
.privacy-modal-header .eyebrow{
  color:var(--brand-beige-soft);
}
.privacy-modal-body p{
  color:rgba(245,241,232,.88);
}
.privacy-modal-body a{
  color:#fff;
}
.privacy-modal .modal-close{
  color:var(--brand-beige);
}
.privacy-modal .modal-close:hover{
  background:rgba(255,255,255,.08);
}

/* Cookie-rutan hålls ljus för maximal tydlighet */
.cookie-banner{
  background:var(--brand-beige);
}
.cookie-banner .btn.primary{
  background:var(--brand-green);
  border-color:var(--brand-green);
  color:#fff;
}
.cookie-banner .btn.secondary{
  background:transparent;
  border-color:var(--brand-green);
  color:var(--brand-green-dark);
}

/* Footer-loggan får den ljusa accentfärgen */
.footer .logo{
  color:var(--brand-beige);
}

/* Fokusmarkering synlig både på grönt och ljust */
.site-header a:focus-visible,
.mobile-menu a:focus-visible,
.menu-btn:focus-visible,
.menu-close:focus-visible{
  outline-color:rgba(245,241,232,.8);
}

@media (max-width:860px){
  .hero-copy{
    color:var(--brand-beige);
  }
}


/* ===== Version 13: kontaktformuläret följer nya färgprofilen ===== */
.contact-section .contact-form{
  background:var(--brand-green);
  color:var(--brand-beige);
  border:1px solid rgba(245,241,232,.22);
}

.contact-section .contact-form label{
  color:var(--brand-beige);
}

.contact-section .contact-form input,
.contact-section .contact-form select,
.contact-section .contact-form textarea{
  background:var(--brand-beige);
  color:var(--brand-green-dark);
  border-color:rgba(86,90,78,.35);
}

.contact-section .contact-form input::placeholder,
.contact-section .contact-form textarea::placeholder{
  color:rgba(86,90,78,.62);
}

.contact-section .contact-form .btn.primary{
  background:var(--brand-beige);
  border-color:var(--brand-beige);
  color:var(--brand-green-dark);
}

.contact-section .contact-form .btn.primary:hover{
  background:#fff;
  border-color:#fff;
  color:var(--brand-green-dark);
}

.contact-section .contact-form .form-small{
  color:rgba(245,241,232,.8);
}

.contact-section .contact-form .form-small a{
  color:#fff;
}

.contact-section .contact-form .form-status{
  color:var(--brand-beige);
}

/* Mobil: samma färgprofil, men behåll full bredd och god läsbarhet */
@media (max-width:860px){
  .contact-section .contact-form{
    width:100%;
    padding:20px;
    border-radius:8px;
  }

  .contact-section .contact-form input,
  .contact-section .contact-form select,
  .contact-section .contact-form textarea{
    font-size:16px; /* förhindrar iOS-zoom i formulärfält */
  }

  .contact-section .contact-form .btn.primary{
    width:100%;
  }
}


/* ===== Version 15: sidfot i rätt profilfärger ===== */
.footer{
  background:var(--brand-green);
  color:var(--brand-beige);
  border-top:1px solid rgba(245,241,232,.18);
}

.footer h3{
  color:var(--brand-beige);
}

.footer p,
.footer a{
  color:rgba(245,241,232,.88);
}

.footer a:hover{
  color:#fff;
}

.footer-bottom{
  border-top:1px solid rgba(245,241,232,.18);
  color:rgba(245,241,232,.72);
}

.footer-bottom-row a,
.footer-link-button{
  color:rgba(245,241,232,.82);
}

.footer-bottom-row a:hover,
.footer-link-button:hover{
  color:#fff;
}

.footer .logo{
  color:var(--brand-beige);
}