/* Standardisera box-sizing för alla element.
   Detta är EXTREMT viktigt och bör vara högst upp i din CSS.
   Det säkerställer att padding och border inkluderas i elementets totala bredd. */
html {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: inherit;
}

/* Huvudcontainern för dina annonser på framsidan */
.skaneplus-annonser-block {
    display: flex;
    flex-wrap: wrap; /* Tillåter annonserna att brytas till ny rad om utrymme saknas */
    gap: 10px;       /* NYCKELN HÄR: 10PX MELLANRUM MED GAP (INGET EFTER SISTA) */
    justify-content: center; /* Centrerar annonserna horisontellt i gruppen */
    margin-bottom: 0 !important; /* Säkerställer inget mellanrum EFTER hela blocket */
    width: 100%;     /* Fyller ut hela bredden av sin förälder */
    padding: 0;      /* Se till att ingen extra padding på flex-containern skjuter ut */
}


/* Varje individuell annons-container (inuti myframe) */
.skaneplus-annons {
    text-align: center; /* Centrerar innehållet (bild, text) i varje annons */
    margin-bottom: 0; 
}

/* Annonsbilden */
.skaneplus-annons img {
    max-width: 100%;    /* Säkerställer att bilden aldrig blir bredare än sin container */
    height: auto;       /* Bibehåller bildförhållandet */
    display: block;     /* Tar bort extra mellanrum under bilden */
    margin-left: auto;  /* Centrerar bilden horisontellt om den är smalare än 100% */
    margin-right: auto; /* Centrerar bilden horisontellt */
    object-fit: contain; /* Bevarar bildförhållandet och ser till att hela bilden syns */
}

/* Länkobjekten */
.skaneplus-annons a {
    text-decoration: none;
    display: block; /* Säkerställer att länken fungerar som en block-nivå behållare */
    width: 100%;     /* Fyller ut hela bredden av sin förälder */
}

/* Stil för annons-etiketten */
.skaneplus-annons-label {
    text-align: center;
    font-size: 0.7em; /* Mindre textstorlek */
    /* color: #666;      <<< DENNA RAD HAR TAGITS BORT FÖR ATT ÄRVA FÄRG FRÅN TEMAT */
    margin-top: 5px;  /* Mellanrum ovanför texten (från bild) */
    margin-bottom: 0; /* Inget mellanrum under texten */
    line-height: 1.2; /* Justerar radhöjden */
    padding: 0;
    display: block;
}