/* ================================
   TJENESTER – FRONTEND STYLING
   ================================ */

/* Begrens tekstlengde i tjenestekort */
.card-service p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 4.5em;

    /* ⭐ ENDRET – bruker tekstfarge fra tema */
    color: var(--text-color);
}

/* Ensartet bildehøyde */
.card-service img {
    height: 180px;
    width: 100%;
    object-fit: cover;
    border-radius: var(--radius);
}

/* Kort – tema-styrt */
.card-service {
    background: var(--secondary);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover-effekt – tema-styrt */
.card-service:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow);
}

/* Tittel */
.card-service h3 {
    /* ⭐ ENDRET – bruker tekstfarge fra tema */
    color: var(--text-color);
}

/* Les mer-link */
.card-service a {
    /* ⭐ ENDRET – bruker tekstfarge fra tema */
    color: var(--text-color);
    text-decoration: none;
    font-weight: 600;
}

.card-service a:hover {
    /* ⭐ Accent kun på hover */
    color: var(--accent);
}