/* Mias Vei */

.container-header {
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

.navbar-brand,
.site-title {
    color: #2f5d62 !important;
}

body {
    background: #ffffff;
}
.hero-section {
    display: flex;
    gap: 40px;
    align-items: center;
    padding: 40px 0;
}

.hero-left {
    width: 50%;
}

.hero-right {
    width: 50%;
    min-height: 450px;

    background:
    linear-gradient(
        rgba(255,255,255,0.05),
        rgba(255,255,255,0.05)
    ),
    url('/images/miasvei/hero/vindu.png');

    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

.hero-section h2 {
    font-size: 4rem;
    color: #2f5d62;
}

.hero-text {
    font-size: 1.4rem;
    max-width: 600px;
}

.hero-buttons {
    margin-top: 30px;
}

.btn-orange {
    background: #d9896a;
    color: #ffffff !important;
    padding: 15px 30px;
    border-radius: 8px;
    text-decoration: none;
}

.btn-white {
    border: 2px solid #d9896a;
    color: #d9896a !important;
    padding: 15px 30px;
    border-radius: 8px;
    text-decoration: none;
    margin-left: 15px;
}
.page-header {
    display: none !important;
}
.page-header {
    display: none !important;
}
.hero-image {
    min-height: 500px;

    background-image: url('/images/miasvei/hero/vindu.png');
    background-size: cover;
    background-position: center;

    border-radius: 12px;
}
.mias-page { max-width:1280px; margin:0 auto; }

.mias-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:24px 32px; background:#fff;
}

.mias-brand-title {
  font-size:42px; color:#2f5d62; font-family:Georgia,serif; line-height:1;
}

.mias-brand-subtitle { font-size:15px; margin-top:6px; }

.mias-nav { display:flex; gap:22px; font-weight:700; font-size:14px; }
.mias-nav a { color:#111; text-decoration:none; }

.exit-btn {
  background:#d9896a; color:white!important; padding:14px 24px;
  border-radius:6px; text-decoration:none; font-weight:700;
}

.mias-hero {
  display:grid; grid-template-columns:48% 52%;
  min-height:520px; background:#f8f2eb;
}

.hero-textbox { padding:70px 38px; }

.hero-textbox h1 {
  font-size:72px; line-height:1; color:#2f5d62;
  font-family:Georgia,serif; margin:0 0 22px;
}

.hero-textbox p { font-size:22px; max-width:520px; }
.hero-small { font-size:18px!important; }

.hero-image {
  min-height:520px;
  background:url('/images/miasvei/hero/vindu.png') center/cover no-repeat;
}

.btn-main, .btn-secondary, .btn-dark {
  display:inline-block; padding:15px 28px; border-radius:7px;
  text-decoration:none!important; font-weight:700;
}

.btn-main { background:#d9896a; color:#fff!important; }
.btn-secondary { border:2px solid #d9896a; color:#d9896a!important; margin-left:16px; }
.btn-dark { background:#2f5d62; color:#fff!important; }

.help-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    padding: 30px 32px;
    background: #fff;
}

.help-card {
  background:#fbf7f2; border-radius:12px; padding:28px 22px;
  min-height:205px; box-shadow:0 6px 20px rgba(0,0,0,.04);
}

.icon { font-size:42px; color:#2f5d62; margin-bottom:18px; }

.mia-info-row {
  display:grid; grid-template-columns:58% 42%;
  gap:24px; padding:0 32px 30px;
}

.mia-box {
  display:grid; grid-template-columns:52% 48%;
  background:#fbf7f2; border-radius:12px; overflow:hidden;
}

.mia-text { padding:34px 30px; }

.mia-photo {
  background:url('/images/miasvei/mia/miax.jpg') center/cover no-repeat;
  min-height:310px;
}

.important-box {
  background:#2f5d62; color:white; border-radius:12px; padding:34px;
}

.important-box h2 { color:white; }

.articles { padding:0 32px 30px; }
.section-title { display:flex; justify-content:space-between; align-items:center; }

.article-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:22px;
}

.article-card {
  background:#fbf7f2; border-radius:10px; overflow:hidden; padding-bottom:18px;
}

.article-img { height:130px; background:#ddd; margin-bottom:14px; }

.cta {
  background:#2f5d62; color:white; padding:34px 70px;
  display:flex; align-items:center; justify-content:space-between;
}

.cta h2 { color:white; }
.mias-page {
    max-width: 1500px;
}

.mias-header {
    padding: 24px 36px;
}

.mias-hero {
    margin: 0 0 30px 0;
    border-radius: 0;
    overflow: hidden;
}

.hero-textbox {
    padding: 80px 55px;
}

.hero-textbox h1 {
    font-size: 68px;
}

.hero-image {
    border-radius: 0 0 0 0;
}
.container-component,
.com-content-article {
    max-width: 1500px !important;
    margin: 0 auto !important;
}

.mias-page {
    max-width: 1450px !important;
}

.mias-hero {
    min-height: 560px;
}

.hero-textbox {
    padding: 90px 60px;
}

.hero-image {
    min-height: 560px;
}

.help-cards {
    margin-top: -10px;
}

.help-card {
    min-height: 230px;
}
.mia-photo {
    background-image: url('/images/miasvei/mia/miax.png');
    background-size: cover;
    background-position: center top;
    min-height: 350px;
    border-radius: 12px;
}
/* Artikkelbilder */

.article-img {
    height: 140px;
    background-size: cover;
    background-position: center;
    border-radius: 8px 8px 0 0;
    margin-bottom: 15px;
}

.img1 {
    background-image: url('/images/miasvei/artikler/vin.png');
}

.img2 {
    background-image: url('/images/miasvei/artikler/hku.png');
}

.img3 {
    background-image: url('/images/miasvei/artikler/bov.png');
}

.img4 {
    background-image: url('/images/miasvei/artikler/dr.png');
}
.mias-page {
    max-width: 1180px !important;
}

.container-component,
.com-content-article {
    max-width: 1180px !important;
}

.mias-header {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mias-hero {
    min-height: 430px;
}

.hero-textbox {
    padding: 60px 45px;
}

.hero-image {
    min-height: 430px;
}

.help-card {
    min-height: 210px;
}

.article-img {
    height: 125px;
}
.mia-footer {
    margin-top: 60px;
    background: #2f5d62;
    color: white;
    padding: 50px;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
}

.mia-footer h3,
.mia-footer h4 {
    color: white;
    margin-bottom: 15px;
}

.mia-footer a {
    color: white;
    text-decoration: none;
    line-height: 2;
}

.mia-footer p {
    margin-bottom: 10px;
}
.important-box p {
    line-height: 1.7;
}
.mias-header,
.mias-nav,
.mias-nav a,
.exit-btn {
    position: relative;
    z-index: 9999;
    pointer-events: auto !important;
}

.mias-nav a,
.exit-btn {
    cursor: pointer !important;
}
.mias-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    flex-wrap: nowrap !important;
}

.mias-brand {
    flex: 0 0 220px !important;
}

.mias-nav {
    display: flex !important;
    gap: 20px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.mias-nav a,
.exit-btn {
    display: inline-block !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    text-decoration: none !important;
}

.exit-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}
.help-cards {
    display:flex !important;
    flex-direction:row !important;
    gap:20px !important;
    padding:30px 32px !important;
    background:#fff !important;
}

.help-card {
    width:18% !important;
    display:block !important;
}

.help-card {
    display: block !important;
}
.hero-buttons a,
.btn-main,
.btn-secondary {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 9999;
}
.hero-textbox {
    position: relative !important;
    z-index: 10 !important;
}

.hero-buttons {
    position: relative !important;
    z-index: 99999 !important;
}

.hero-buttons a {
    position: relative !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.hero-image {
    pointer-events: none !important;
}
.hero-buttons button {
    border: none;
    cursor: pointer;
    font: inherit;
}