/* BAA – Custom frontend styling */

/* Ingress */
.baa-ingress p {
    margin-bottom: 0px;
}

.baa-ingress {
    font-size: 24px;
    line-height: 1.45;
}

/* Innhold */

.baa-innhold {
    line-height: 1.5;
    font-size: 20px;
    margin-top: 3%;
}

/* Overskrifter */
.baa-ingress h2,
.baa-innhold h2 {
    margin-top: 1em;
}

/* Meta for bedrifter */
.baa-meta-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    width: 100%;
    margin: 20px 0;
}

.baa-meta-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #F3F3F3;
    padding: 12px 16px;
    border-radius: 14px;
    font-size: 26px;
    text-decoration: none !important;
    color: #000 !important;
    font-weight: 500;
    transition: background 0.15s;
}

.baa-meta-item:hover {
    background: #e8e8e8;
}

.baa-meta-item i {
    min-width: 26px;
}
.wp-caption-text {
    font-size: 16px!important;
}

/* Siste artikler */
/* WRAPPER – rekke med 3 kort, samme bredder som raden over */
.baa-latest-stories {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin: 0 auto 40px;
}

/* Hvert kort: 29.6667% bredde + 5.5% margin-right på de to første */
.baa-story-card {
    width: 29.6667%;
}

.baa-story-card:nth-child(1),
.baa-story-card:nth-child(2) {
    margin-right: 5.5%;
}

.baa-story-card:nth-child(3) {
    margin-right: 0;
}

/* Klikkbar flate */
.baa-story-card-link {
    display: block;
    text-decoration: none;
}

/* SELVE RAMMEN rundt bildet – kopierer din CSS 1:1-ish */
.baa-story-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;                 /* kvadratisk */
    overflow: hidden;
    border-width: 6px;
    border-style: solid;
    border-color: #FFFFFF;
    transition: transform 300ms ease 0ms; /* samme transition */
    background: #fff;
}
/* Første kort: 85px 85px 85px 0 */
.baa-latest-stories .baa-story-card:nth-child(1) .baa-story-image-wrap {
    border-radius: 85px 85px 85px 0 !important;
}

/* Andre kort: 85px rundt hele */
.baa-latest-stories .baa-story-card:nth-child(2) .baa-story-image-wrap {
    border-radius: 85px 85px 85px 85px !important;
}

/* Tredje kort: 0 85px 85px 85px */
.baa-latest-stories .baa-story-card:nth-child(3) .baa-story-image-wrap {
    border-radius: 85px 0 85px 85px !important;
}


/* Bildet inni – fyller hele ramma og croppes */
.baa-story-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* GRØNN STRIPE – matcher .et_pb_text_5/6/7 mest mulig */
.baa-story-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;                         /* tilsvarer margin-bottom:70px */
    background-color: rgba(89, 159, 138, 0.7);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: left;
}

/* TEKSTEN i stripen – matcher .et_pb_text_5/6/7 */
.baa-story-title {
    color: #FFFFFF !important;
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.3;
    display: block;
    white-space: normal;
}
.baa-story-card-link:hover .baa-story-image-wrap {
    transform: scale(1.03);
}

/* Styling av aktivitetskarusell */
h3.baa-owl-title.manuell {
    margin: 15px;
    text-align: center;
    font-size: 38px;
}

p.baa-owl-ingress.manuell {
    margin: 15px;
    padding-bottom: 20px!important;
}

.owl-carousel .owl-item img {
    border-radius: 12px 12px 0 0;
}