/* GMB – i samma stil som gmbe.se:
   foton med mörk toning, vita/ljusgrå ytor, rubriker i versaler med kort blå linje (loggans blå),
   raka hörn och en mörkgrå sidfot. */

/* ---------- Foto bakom sidhuvud och sidrubrik ---------- */

.topbar { background: #262829; }
.masthead.with-photo {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .30) 50%, rgba(0, 0, 0, .55) 100%),
    var(--photo) center 45% / cover no-repeat,
    #363839;
}
.masthead.with-photo .topbar { background: transparent; }
.masthead.with-photo .hero { background: none; }
.hero.compact .hero-inner { padding: 36px 20px 84px; }
.hero h1 { text-shadow: 0 1px 12px rgba(0, 0, 0, .35); }
.hero h1::after {
  content: ""; display: block; width: 100px; height: 2px; margin-top: 14px; background: var(--sky);
}
.eyebrow { color: #e4e7e8; }
.hero p.lead { color: #eef0f1; }

.crumbs { color: rgba(255, 255, 255, .7); }
.crumbs a { color: #fff; opacity: .85; }
.crumbs a:hover { opacity: 1; }
.crumbs [aria-current] { color: #fff; }

/* ---------- Inloggning: helskärmsfoto ---------- */

body.auth {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .40) 50%, rgba(0, 0, 0, .65) 100%),
    var(--photo) center / cover no-repeat fixed,
    #363839;
}
body.auth .masthead.with-photo { background: none; }
.auth-title { text-shadow: 0 1px 16px rgba(0, 0, 0, .4); }
.auth-title::after {
  content: ""; display: block; width: 100px; height: 2px; margin: 16px auto 0; background: var(--sky);
}
.auth-wrap .card { box-shadow: 0 12px 40px rgba(0, 0, 0, .35); }

/* ---------- Ytor, kort och knappar: raka hörn som på webbplatsen ---------- */

.card { border-radius: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
button, a.button, label.button, summary.button { border-radius: 0; }
button.secondary, a.button.secondary, summary.button.secondary {
  background: #fff; color: #363839; box-shadow: inset 0 0 0 2px #363839;
}
button.secondary:hover, a.button.secondary:hover, summary.button.secondary:hover { background: #f2f2f2; }
.browser-head { background: #fafafa; border-radius: 0; }
input:not([type=checkbox]), select, .flash, .icon { border-radius: 0; }

.icon-folder { background: var(--tint); color: var(--sky); }
a.item:hover, .file-item:hover, .admin-folder:hover { background: #f7f7f7; }
.item .name a:hover { color: var(--sky); }
.topbar nav a:hover, .topbar nav a.active { border-bottom-color: var(--sky); }
.topbar nav, .topbar nav a, .topbar button.link { text-shadow: 0 1px 6px rgba(0, 0, 0, .4); }
.topbar button.link { color: #fff; }
.who { color: rgba(255, 255, 255, .75); }

/* ---------- Sidfot: mörkgrå som webbplatsen ---------- */

footer { background: #363839; color: #a9acad; border-top: 0; }
body.auth footer { background: rgba(0, 0, 0, .35); border-top: 1px solid rgba(255, 255, 255, .08); }