/* ================================
   DVV – Driftsstatus Frontend
================================ */

.dvv-status-boks {
    box-sizing: border-box;
    font-family: inherit;
    line-height: 1.6;
}

/* Grøn */
.dvv-status-groen {
    border-left-color: #2e7d32 !important;
    background-color:  #e8f5e9 !important;
}

/* Gul */
.dvv-status-gul {
    border-left-color: #f9a825 !important;
    background-color:  #fff8e1 !important;
}

/* Rød */
.dvv-status-roed {
    border-left-color: #c62828 !important;
    background-color:  #ffebee !important;
}
/* ================================
   DVV – Driftsstatus Frontend
================================ */

/* --------------------------------
   STATUS BOKS (shortcode)
-------------------------------- */
.dvv-status-boks {
    box-sizing:  border-box;
    font-family: inherit;
    line-height: 1.6;
    border-radius: 8px;
    padding: 20px 24px;
    margin: 20px 0;
    border-left-width: 6px;
    border-left-style: solid;
    font-size: 16px;
}

/* Grøn */
.dvv-status-groen {
    border-left-color: #2e7d32;
    background-color:  #e8f5e9;
}

/* Gul */
.dvv-status-gul {
    border-left-color: #f9a825;
    background-color:  #fff8e1;
}

/* Rød */
.dvv-status-roed {
    border-left-color: #c62828;
    background-color:  #ffebee;
}

.dvv-status-boks strong {
    font-size:    20px;
    display:      block;
    margin-bottom: 8px;
}

.dvv-status-boks small {
    display:    block;
    margin-top: 10px;
    color:      #888;
    font-size:  12px;
}

/* --------------------------------
   BANNER SEKTION
   (vises øverst på siden)
-------------------------------- */
.dvv-driftsstatus-banner {
    padding: 30px 0 0 0;
    width:   100%;
}

.dvv-banner-container {
    max-width: 1200px;
    margin:    0 auto;
    padding:   0 20px;
}

/* Giv shortcode-boksen
   skygge når den er i banner */
.dvv-driftsstatus-banner .dvv-status-boks {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    margin:     0;
}

/* --------------------------------
   STATUS PRIK ANIMATION
-------------------------------- */
.dvv-status-prik {
    display:        inline-block;
    width:          14px;
    height:         14px;
    border-radius:  50%;
    vertical-align: middle;
    margin-left:    6px;
}

/* Pulser animation på rød */
.dvv-status-roed .dvv-status-prik,
.dvv-status-prik-roed {
    animation: dvv-puls 1.5s infinite;
}

@keyframes dvv-puls {
    0%   { opacity: 1;   transform: scale(1);    }
    50%  { opacity: 0.6; transform: scale(1.15); }
    100% { opacity: 1;   transform: scale(1);    }
}
/* --------------------------------
   FOOTER STATUS
-------------------------------- */
.dvv-footer-status {
    margin:      0;
    line-height: 1.8;
    font-size:   14px;
}

.dvv-footer-status strong {
    color:     inherit;
    display:   block;
}

.dvv-footer-status-tekst {
    font-size: 14px;
}