.subtitle {
    color: var(--red);
    font-family: var(--font-tertiary);
    margin-left: -1rem;
    transform: rotate(-2deg);
    margin-bottom: 0.5rem;
}


.border-radius {
    border-radius: 0.5rem;
}

.banner {
    margin-top: -212px;
    padding: 0;
    background-image: url(https://ozzypizzeria.fr/wp-content/uploads/2026/02/banner-actu-scaled.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner .min-height {
    min-height: calc(60vh - 278px);
    margin-top: 240px;
    padding-bottom: 2rem;

}

.banner h1 {
    color: var(--background);
    font-size: 4.5rem;
}

.banner .underline-svg {
    position: relative;
    display: inline-block;
    padding-bottom: 0;
    z-index: 0;
    /* espace pour la courbe */
}

.banner .underline-svg::after {
    content: "";
    position: absolute;
    left: initial;
    right: -1rem;
    bottom: 0rem;
    /* ajuste la hauteur sous le texte */
    height: 31px;
    width: 115px;
    /* hauteur du SVG */
    background-image: url('https://ozzypizzeria.fr/wp-content/uploads/2026/02/underline-pizza.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* s’adapte à la largeur du mot */
    pointer-events: none;
    z-index: -1;
    /* derrière le texte */
}

.banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 32px;
    background-image: url(https://ozzypizzeria.fr/wp-content/uploads/2026/01/separateur-home.svg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
    width: 100%;
}


.article-a-la-une {
    background-color: var(--background-3);
    position: relative;
}

.article-a-la-une .ratio {
    aspect-ratio: 3/2;
    object-fit: cover;
}

.article-a-la-une h2 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.article-a-la-une h2 a {
    font-size: 2rem;
    font-family: var(--font-tertiary);

    color: var(--black);
    color: var(--blue);
}

.uk-label {
    background-color: var(--blue-50);
    color: var(--blue);
    text-transform: initial;
    margin-bottom: 0 !important;
    padding: 0.25rem 0.5rem;
    font-family: var(--font-primary);
}

.read-more {
    font-family: var(--font-tertiary);
    color: var(--red) !important;
    gap: 0.25rem;
    text-decoration: none !important;
}

.article-a-la-une::after {
    content: '';
    position: absolute;
    bottom: -2rem;
    left: 0;
    right: 0;
    height: 32px;
    background-image: url(https://ozzypizzeria.fr/wp-content/uploads/2026/02/divider-lieu.svg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
    width: 100%;
}

.uk-subnav-pill>*>:first-child {
    text-transform: none;
    color: var(--blue-500);
    font-family: var(--font-secondary);
    border: solid 1px var(--blue-500);
    border-radius: 0.25rem;
}

.uk-subnav-pill>.uk-active>a {
    background-color: var(--blue-500);
    color: var(--background);
    border-color: var(--blue-500);
}


.articles:after {
    content: '';
    background-image: url(https://ozzypizzeria.fr/wp-content/uploads/2026/02/divider-top-livraison.svg);
    background-size: 100%;
    width: 100%;
    height: 2rem;
    background-position: bottom;
    z-index: 1;
    position: absolute;
    bottom: -2rem;
    left: 0;

}

.cta,
footer {
    background-color: var(--background-3);
}