/* ============================================================
   auric.css — felles meny, kampanjbanner og bunntekst
   Alle klasser har prefikset ac- så de ikke kolliderer med
   sidenes egne stiler. Endres her, slår gjennom på alle sider.
   ============================================================ */

:root{
  --ac-ink:#1a1612;
  --ac-ink-soft:#2a2520;
  --ac-ink-deep:#12100c;
  --ac-cream:#faf6ec;
  --ac-cream-warm:#f3ecd9;
  --ac-gold:#c9a961;
  --ac-gold-deep:#a8853d;
  --ac-gold-light:#e0c789;
  --ac-gold-text:#826428;
  --ac-line:rgba(168,133,61,.18);
  --ac-line-soft:rgba(168,133,61,.08);
  --ac-muted:#6b604f;
  --ac-muted-strong:#3d3528;
  --ac-font:'Inter Tight',system-ui,-apple-system,sans-serif;
  --ac-serif:'Cormorant Garamond',Georgia,serif;
  --ac-mono:'JetBrains Mono',ui-monospace,monospace;
}

/* Språkbytte — gjelder bare element med data-ac-lang */
:where(html,body)[data-ac-lang]{display:revert !important;}
:not(html):not(body)[data-ac-lang]{display:none !important;}
[data-ac-lang].ac-on{display:revert !important;}

/* ── KAMPANJBANNER ───────────────────────────── */
.ac-banner{
  background:linear-gradient(135deg,var(--ac-ink) 0%,var(--ac-ink-soft) 100%);
  color:var(--ac-cream);
  padding:.45rem 1rem;
  border-bottom:1px solid var(--ac-gold-deep);
  position:relative;z-index:200;
  font-family:var(--ac-font);
}
.ac-banner-inner{
  max-width:1400px;margin:0 auto;
  display:flex;align-items:center;justify-content:center;
  gap:.9rem;flex-wrap:wrap;font-size:.78rem;line-height:1.3;
}
.ac-banner-icon{color:var(--ac-gold);font-size:.85rem;flex-shrink:0;}
.ac-banner-text{color:var(--ac-cream);text-align:center;}
.ac-banner-text strong{color:var(--ac-gold-light);font-weight:600;}
.ac-banner-cta{
  background:var(--ac-gold);color:var(--ac-ink);
  padding:.32rem .95rem;border-radius:100px;
  font-size:.72rem;font-weight:600;white-space:nowrap;
  text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;
  transition:background .2s,transform .2s;
}
.ac-banner-cta:hover{background:var(--ac-gold-light);transform:translateY(-1px);}

/* ── MENY ────────────────────────────────────── */
.ac-nav{
  position:sticky;top:0;z-index:100;
  display:flex;justify-content:space-between;align-items:center;
  padding:1.1rem 2.5rem;
  background:rgba(250,246,236,.88);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:.5px solid var(--ac-line);
  font-family:var(--ac-font);
}
.ac-logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;}
.ac-logo-mark{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,var(--ac-ink) 0%,var(--ac-ink-soft) 100%);
  border:1.5px solid var(--ac-gold);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  box-shadow:0 0 0 3px rgba(201,169,97,.10);
}
.ac-monogram{
  font-family:var(--ac-serif);font-size:18px;font-weight:500;font-style:italic;
  color:var(--ac-gold-light);line-height:1;
}
.ac-logo-wrap{display:inline-flex;flex-direction:column;}
.ac-logo-text{font-family:var(--ac-serif);font-size:23px;font-weight:500;letter-spacing:.02em;color:var(--ac-ink);line-height:1;}
.ac-logo-rule{height:.5px;background:var(--ac-gold-deep);margin:3px 0 2px;width:100%;}
.ac-logo-sub{font-family:var(--ac-mono);font-size:7px;color:var(--ac-gold-text);text-transform:uppercase;display:flex;justify-content:space-between;width:100%;line-height:1;}

.ac-links{display:flex;gap:1.6rem;align-items:center;}
.ac-links a{font-size:14px;font-weight:500;color:var(--ac-ink);text-decoration:none;transition:color .2s;}
.ac-links a:hover{color:var(--ac-gold-deep);}
.ac-links a.ac-current{color:var(--ac-gold-text);}

.ac-actions{display:flex;align-items:center;gap:1rem;}
.ac-lang{
  display:flex;align-items:center;gap:.4rem;padding:.35rem;
  background:rgba(168,133,61,.08);border:.5px solid var(--ac-line);
  border-radius:100px;font-family:var(--ac-mono);font-size:11px;
}
.ac-lang a,.ac-lang button{
  padding:.3rem .65rem;border-radius:100px;cursor:pointer;
  color:var(--ac-muted);font-weight:500;letter-spacing:.05em;
  transition:all .2s;border:none;background:transparent;
  font-family:inherit;font-size:inherit;text-decoration:none;display:inline-block;
}
.ac-lang .ac-active{background:var(--ac-gold);color:var(--ac-ink);}
.ac-cta{
  background:var(--ac-ink);color:var(--ac-cream);
  padding:.7rem 1.4rem;border-radius:100px;
  font-size:13px;font-weight:500;border:1px solid var(--ac-gold);
  text-decoration:none;font-family:inherit;white-space:nowrap;
  transition:background .25s,transform .2s;
}
.ac-cta:hover{background:var(--ac-ink-soft);transform:translateY(-1px);}

/* Hamburger */
.ac-burger{display:none;}
@media (max-width:1240px){
  .ac-nav{padding:.9rem 1.25rem;}
  .ac-burger{
    display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;padding:0 10px;margin-left:-4px;
    background:none;border:0;cursor:pointer;order:-1;
  }
  .ac-burger span{display:block;height:1.5px;width:100%;background:var(--ac-ink);transition:transform .25s ease,opacity .2s ease;}
  .ac-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
  .ac-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .ac-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
  .ac-nav .ac-links{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;
    background:rgba(250,246,236,.98);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    border-bottom:.5px solid var(--ac-line);
    padding:.25rem 1.25rem 1rem;gap:0;
    max-height:calc(100vh - 100%);overflow-y:auto;
    box-shadow:0 18px 40px rgba(26,22,18,.10);
  }
  .ac-nav .ac-links.ac-open{display:flex;}
  .ac-nav .ac-links.ac-open a{
    display:block;font-size:1rem;letter-spacing:0;
    padding:.9rem .25rem;border-top:.5px solid var(--ac-line-soft);
  }
  .ac-nav .ac-links.ac-open a:first-child{border-top:0;}
}
@media (min-width:1241px) and (max-width:1420px){
  .ac-links{gap:.85rem;flex-wrap:nowrap;}
  .ac-links a{font-size:12.5px;white-space:nowrap;}
}

/* ── BUNNTEKST ───────────────────────────────── */
.ac-footer{
  background:var(--ac-cream-warm);
  padding:4rem 2.5rem 2rem;
  border-top:.5px solid var(--ac-gold);
  font-family:var(--ac-font);color:var(--ac-muted-strong);
}
.ac-footer-grid{
  max-width:1400px;margin:0 auto 3rem;
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:3rem;
}
.ac-footer-brand p{font-size:14px;line-height:1.7;color:var(--ac-muted);margin-top:1rem;max-width:340px;}
.ac-footer-col h4{
  font-family:var(--ac-mono);font-size:11px;font-weight:500;
  letter-spacing:.15em;text-transform:uppercase;
  color:var(--ac-gold-text);margin-bottom:1.2rem;
}
.ac-footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;}
.ac-footer-col a{font-size:14px;color:var(--ac-muted-strong);text-decoration:none;transition:color .2s;}
.ac-footer-col a:hover{color:var(--ac-gold-deep);}
.ac-footer-col .ac-plain{font-size:14px;color:var(--ac-muted);}
.ac-footer-addr{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--ac-line-soft);}
.ac-footer-addr .ac-addr-tag{
  font-family:var(--ac-mono);font-size:11px;letter-spacing:.15em;
  color:var(--ac-gold-text);text-transform:uppercase;margin-bottom:.5rem;
}
.ac-footer-addr p{font-size:14px;color:var(--ac-muted);line-height:1.6;}
.ac-footer-bottom{
  max-width:1400px;margin:0 auto;padding-top:2rem;
  border-top:.5px solid var(--ac-line);
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;flex-wrap:wrap;font-size:13px;color:var(--ac-muted);
}
.ac-footer-bottom a{color:inherit;text-decoration:underline;}
.ac-footer-bottom a:hover{color:var(--ac-gold-deep);}

@media (max-width:980px){
  .ac-footer{padding:3rem 1.25rem 1.5rem;}
  .ac-footer-grid{grid-template-columns:1fr 1fr;gap:2rem;}
  .ac-footer-brand{grid-column:1 / -1;}
  .ac-footer-col:nth-of-type(3){grid-column:1 / -1;}
  .ac-footer-bottom{flex-direction:column;text-align:center;}
}
@media (max-width:620px){
  /* Stram menyraden så logo, språkval og knapp får plass ved siden av hamburgeren */
  .ac-nav{padding:.7rem .85rem;gap:.5rem;}
  .ac-burger{width:38px;height:38px;padding:0 8px;margin-left:-6px;}
  .ac-logo{gap:.5rem;}
  .ac-logo-mark{width:32px;height:32px;}
  .ac-monogram{font-size:15px;}
  .ac-logo-text{font-size:19px;}
  .ac-logo-sub{font-size:6px;}
  .ac-actions{gap:.5rem;}
  .ac-lang{padding:.25rem;font-size:10px;}
  .ac-lang a,.ac-lang button{padding:.25rem .5rem;}
  .ac-cta{padding:.55rem .9rem;font-size:12px;}
}
@media (max-width:560px){
  .ac-footer-grid{grid-template-columns:1fr;}
  .ac-banner-inner{font-size:.72rem;gap:.6rem;}
}
@media (max-width:400px){
  .ac-logo-wrap{display:none;}   /* bare monogrammet når plassen er helt knapp */
}
