/* ==========================================================
   Milleteknik – Paligo Theme 1
   ========================================================== */

:root {
    --mt-blue: #164f7a;
    --mt-blue-dark: #103e61;
    --mt-orange: #f58220;
    --mt-text: #333333;
}


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

.portal-header::before {
    background-color: var(--mt-blue);
}


/* Behåll Paligos bakgrundsbild men tona den lite tydligare */

.portal-header::after {
    opacity: 0.18;
}


/* ----------------------------------------------------------
   SÖK
   ---------------------------------------------------------- */

.portal-header .portal-search button {
    background-color: var(--mt-orange);
}

.portal-header .portal-search button:hover {
    background-color: #d96d12;
}


/* ----------------------------------------------------------
   KORT
   ---------------------------------------------------------- */

.portal-single-publication a {
    color: var(--mt-text);
    background-color: #ffffff;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.08);

    transition:
        box-shadow 0.15s ease,
        transform 0.15s ease;
}


.portal-single-publication a:hover {
    text-decoration: none;

    box-shadow:
        0 5px 15px rgba(0, 0, 0, 0.12);

    transform: translateY(-2px);
}


/* ----------------------------------------------------------
   IKONER
   ---------------------------------------------------------- */

.portal-single-publication .publication-icon {
    background-color: var(--mt-blue);
}


/* ----------------------------------------------------------
   LÄNKAR
   ---------------------------------------------------------- */

a,
.text-primary,
.btn-link,
.pagination > li > a,
.pagination > li > span {
    color: var(--mt-blue);
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
    color: var(--mt-blue-dark);
}


/* ----------------------------------------------------------
   ANTAL / ORANGE MARKERING
   ---------------------------------------------------------- */

.publication-contents h4 span {
    background-color: var(--mt-orange);
}