/* Stiler for maler/partnere.html. Flyttet ut av <style> i siden (fase 1c, nov. 2026). Lastes på samme sted
   som før: etter tokens.css (og sider.css), før layout.css. */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--et-font-body); background: #fff; color: var(--et-text); }
img { display: block; max-width: 100%; }

.et-page-hero { margin-bottom: 32px; }
.et-page-hero h1 {
  font-family: var(--et-font-title); font-weight: 800;
  font-size: 48px; line-height: 56px; letter-spacing: -.96px; margin: 0 0 12px;
}
.et-page-hero p { font-size: 20px; line-height: 30px; color: var(--et-text); }

/* Bli partner: øverst, så bedrifter som vil bli med ser det med en gang */
.bli-partner {
  background: var(--et-lys-stein); border-radius: var(--et-radius-lg);
  padding: 28px 32px; margin-bottom: 48px;
}
.bli-partner h2 {
  font-family: var(--et-font-title); font-weight: 800; font-size: 24px; line-height: 30px;
  color: var(--et-heading); margin-bottom: 8px;
}
.bli-partner p { font-size: 17px; line-height: 26px; margin-bottom: 14px; }
.bli-partner ul { margin: 0 0 16px 20px; font-size: 16px; line-height: 25px; }
.bli-partner li { margin-bottom: 4px; }
.bli-partner .kontakt { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; }
.bli-partner .kontakt a:not(.btn-primary) { color: var(--et-link); font-weight: 600; display: inline-block; padding: 9px 0; }
.btn-primary {
  display: inline-flex; align-items: center; min-height: var(--et-touch);
  background: var(--et-anorakk); color: #fff; padding: 0 22px;
  font-weight: 700; font-size: 16px; text-decoration: none;
}
.btn-primary:hover { background: var(--et-anorakk-dark); color: #fff; }

.partnergruppe { margin-bottom: 44px; }
.partnergruppe h2 {
  font-family: var(--et-font-title); font-weight: 800; font-size: 26px; line-height: 32px;
  color: var(--et-heading); margin-bottom: 16px;
}
.partnerkort-rutenett { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.partnerkort {
  display: flex; gap: 16px; align-items: flex-start;
  border: 1px solid var(--et-border-light); border-radius: var(--et-radius-lg);
  padding: 18px 20px; background: #fff; min-width: 0;
}
.partnerkort-logo {
  flex: 0 0 88px; height: 64px; display: flex; align-items: center; justify-content: center;
}
.partnerkort-logo img { max-width: 88px; max-height: 64px; width: auto; height: auto; object-fit: contain; mix-blend-mode: multiply;filter: grayscale(1); opacity: .85; transition: filter .2s, opacity .2s;}
/* Logoene i gråtone, i farger når kortet holdes over */
.partnerkort:hover .partnerkort-logo img, .partnerkort:focus-within .partnerkort-logo img { filter: none; opacity: 1; }
.partnerkort-initialer {
  width: 64px; height: 64px; border-radius: 50%;
  background: var(--et-lys-stein); color: var(--et-heading);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--et-font-title); font-weight: 800; font-size: 20px;
}
.partnerkort-tekst { min-width: 0; }
.partnerkort h3 {
  font-family: var(--et-font-title); font-weight: 800; font-size: 17px; line-height: 23px;
  color: var(--et-heading); margin-bottom: 6px;
}
.partnerkort-kontakt { font-size: 15px; line-height: 24px; }
.partnerkort-kontakt a { color: var(--et-link); text-decoration: none; overflow-wrap: anywhere; }
.partnerkort-kontakt a:hover { text-decoration: underline; }

@media (max-width: 780px) {
  .et-page-hero h1 { font-size: 32px; line-height: 40px; }
  .et-page-hero p { font-size: 17px; line-height: 26px; }
  .bli-partner { padding: 22px 20px; }
  .partnerkort-rutenett { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  /* Trykkflater: e-post, telefon og nettside skal være lette å treffe */
  .partnerkort-kontakt a { display: inline-flex; align-items: center; min-height: var(--et-touch); }
  .partnerkort-kontakt { line-height: 1.2; }
}