/*
Visuell oppfriskning, 2026. Overstyrer Bootstrap 3-standardene lastet før
denne filen (den lastes sist, se users/includes/header.php). Ingen
funksjonell endring - kun farger, typografi og myke kanter/skygger.
*/

body{
	font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif;
	background-color:#f4f5f7;
	color:#262a2e;
}
h1,h2,h3,h4,h5,h6,.navbar,.btn{
	font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif;
}

/* ====== Lenker og knapper - dyp rød som gjennomgående aksentfarge ====== */
a{color:#b81f2b;}
a:hover,a:focus{color:#8f1620;}

.btn{border-radius:6px;}
.btn-primary{background-color:#b81f2b;border-color:#9c1a24;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#9c1a24;border-color:#82161e;}
.btn-warning{background-color:#e9a23b;border-color:#d6902c;}
.btn-info{background-color:#2f8fbf;border-color:#2679a3;}

/* ====== Toppmeny - ren, mørk, rød aksent på hover/valgt ====== */
@media (max-width:2767px) {
.navbar-inverse{
	background-color:#1c1e22;
	background-image:none;
	border-color:#1c1e22;
	box-shadow:0 2px 8px rgba(0,0,0,.18);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus{color:#fff;}

.navbar-inverse .navbar-nav>li>a,
.navbar-nav>li>a{color:#c9cbce;}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a.hover{
	color:#fff;
	background-color:#b81f2b;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus{
	background-color:#b81f2b;
	color:#fff;
}
.navbar-inverse .dropdown-menu{
	background-color:#24262b;
	border:none;
	box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.navbar-inverse .dropdown-menu>li>a{color:#c9cbce;}
.navbar-inverse .dropdown-menu>li>a:hover,
.navbar-inverse .dropdown-menu>li>a:focus{background-color:#b81f2b;color:#fff;}
.navbar-inverse .dropdown-menu .divider{background-color:#3a3d43;}
}

.nav-md{margin-top:100px;}

/* ====== Logo i toppmeny ====== */
.navbar-header .navbar-mx-logo{
	display:inline-block;
	padding:8px 15px;
}
.navbar-header .navbar-mx-logo img{
	height:34px;
	width:34px;
	vertical-align:middle;
	border-radius:7px;
}

/* ====== Paneler, jumbotron og kort - myke kanter og lett skygge ====== */
.panel{
	border:1px solid #e4e5e8;
	border-radius:8px;
	box-shadow:0 1px 4px rgba(0,0,0,.05);
}
.panel-heading{border-radius:7px 7px 0 0;}
.panel-default>.panel-heading{background-color:#f7f7f8;}

.jumbotron{
	background-color:#fff;
	border:1px solid #e4e5e8;
	border-radius:10px;
	box-shadow:0 1px 4px rgba(0,0,0,.05);
}

/* ====== Tabeller - mørk overskriftsrad, litt luftigere ====== */
.table>thead>tr>th{
	background-color:#1c1e22;
	color:#fff;
	border-bottom:none;
}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#fafafa;}
.table-hover>tbody>tr:hover{background-color:#faeceb;}

/* ====== Skjemafelter ====== */
.form-control{border-radius:5px;border-color:#d5d7da;}
.form-control:focus{border-color:#b81f2b;box-shadow:0 0 0 3px rgba(184,31,43,.15);}