/* Marketing site (www). The pages carry their own inline styles from the design; this file only holds
   the page base and the few interactive pieces (menu, tabs, filters, price calculator).
   The phone layout of the pages is site-mobile.css, generated by `php artisan site:mobile-css`. */
body.site { margin: 0; background: #fafaf7; font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif; color: #0b2530; }
body.site a { color: #0f5f64; }
body.site a:hover { color: #002b36; }
body.site summary { cursor: pointer; }
body.site input, body.site select, body.site textarea { font: inherit; }
.site-skip { position: absolute; left: -9999px; top: 0; background: #0f5f64; color: #fff !important; padding: 10px 16px; border-radius: 0 0 10px 0; z-index: 100; }
.site-skip:focus { left: 0; }
body.site :focus-visible { outline: 3px solid #0f5f64; outline-offset: 2px; }
[hidden] { display: none !important; }

/* Top menu */
.snav { position: relative; z-index: 20; }
.snav-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; box-sizing: border-box; padding: 10px 12px; border: 0; border-radius: 9px; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; text-decoration: none; background: transparent; color: #0b2530; }
body.site a.snav-btn, body.site a.snav-btn:hover { color: #0b2530; }
.snav-btn svg { transition: transform .15s ease; }
.snav-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
.snav[data-open] .snav-btn[data-current="true"]:not([aria-expanded="true"]) { background: transparent; color: #0b2530; }
.snav-btn[data-current="true"], .snav-btn[aria-expanded="true"],
body.site a.snav-btn[data-current="true"], body.site a.snav-btn[data-current="true"]:hover { background: #e3f1ef; color: #0f5f64; }
.snav [data-nav-panel] a:hover { background: #f4f1ea; }
/* Phone menu (NavMobil artboard): replaces the row above under 900px. */
.snav-mob { display: none; }
.snav-burger { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1.5px solid #d9d2c6; border-radius: 10px; background: #fff; color: #0b2530; cursor: pointer; padding: 0; flex: 0 0 auto; }
.snav-mrow { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; box-sizing: border-box; padding: 0 8px; border: 0; border-bottom: 1px solid #f0ebe3; background: transparent; font: inherit; font-size: 17px; font-weight: 700; text-align: left; cursor: pointer; text-decoration: none; color: #0b2530; }
body.site a.snav-mrow, body.site a.snav-mrow:hover { color: #0b2530; }
.snav-mrow[data-current="true"], .snav-mrow[aria-expanded="true"], body.site a.snav-mrow[data-current="true"] { color: #0f5f64; }
.snav-mrow svg { transition: transform .15s ease; }
.snav-mrow[aria-expanded="true"] svg { transform: rotate(180deg); }
.snav-mob [data-mnav-list] a:hover { background: #f4f1ea; }
@media (max-width: 900px) {
  .snav-desk, .snav [data-nav-panel] { display: none !important; }
  .snav-mob { display: block; }
}
@media (prefers-reduced-motion: reduce) { .snav-btn svg, .snav-mrow svg { transition: none; } }

/* Pill / card choices (Integrationer filter, Priser beregner, Book demo faner) */
.spill { min-height: 44px; padding: 11px 17px; border-radius: 999px; border: 1px solid #e6e0d6; background: #fff; color: #0b2530; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.spill[aria-pressed="true"] { padding: 10px 16px; border: 2px solid #0f5f64; background: #0f5f64; color: #fff; }
.schip { min-height: 44px; padding: 11px 15px; border-radius: 999px; border: 1px solid #e6e0d6; background: #fff; font: inherit; font-size: 14px; font-weight: 600; color: #0b2530; cursor: pointer; }
.schip[aria-pressed="true"] { padding: 10px 14px; border: 2px solid #0f5f64; background: #e3f1ef; font-weight: 700; color: #0f5f64; }
.scard { text-align: left; min-height: 64px; padding: 15px 17px; border-radius: 14px; border: 1px solid #e6e0d6; background: #fff; font: inherit; color: #0b2530; cursor: pointer; }
.scard[aria-pressed="true"] { padding: 14px 16px; border: 2px solid #0f5f64; background: #e3f1ef; }
.sseg { min-width: 64px; min-height: 40px; border: 0; border-radius: 9px; background: transparent; color: #0b2530; font: inherit; font-weight: 700; cursor: pointer; }
.sseg[aria-pressed="true"] { background: #0f5f64; color: #fff; }
.stab { min-height: 44px; padding: 10px 20px; border: 0; border-radius: 10px; background: transparent; color: #0b2530; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.stab[aria-selected="true"] { background: #0f5f64; color: #fff; }