/* Template: Bohème Nature */
.fp-template-boheme-nature {
    --fp-bg: #f7f4ef;
    --fp-accent: #7a8b5c;
    --fp-text: #3d3d3d;
    --fp-font: 'Libre Baskerville', serif;
}

.fp-template-boheme-nature .fp-title {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.fp-template-boheme-nature .fp-subtitle {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-style: normal;
}

.fp-template-boheme-nature .fp-date {
    font-weight: 400;
    font-size: 14px;
}

.fp-template-boheme-nature .fp-border {
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    opacity: 0.3;
}

.fp-template-boheme-nature .fp-photo {
    border-color: var(--fp-accent);
}

.fp-template-boheme-nature .fp-custom-text {
    font-size: 13px;
    font-style: italic;
}

/* Illustration : branches d'eucalyptus, ambiance boho / feuillage */
.fp-template-boheme-nature::before {
    background:
        radial-gradient(circle at 50% 0%, rgba(122,139,92,0.10), transparent 26%),
        radial-gradient(circle at 50% 100%, rgba(122,139,92,0.10), transparent 26%);
}
.fp-template-boheme-nature::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 559 793'><defs><g id='eb' fill='%23a7b586'><path d='M4 4 C70 -8 150 -4 236 12' fill='none' stroke='%238a9b6a' stroke-width='2.2'/><ellipse cx='30' cy='-8' rx='13' ry='9' transform='rotate(-25 30 -8)'/><ellipse cx='58' cy='16' rx='13' ry='9' transform='rotate(25 58 16)'/><ellipse cx='84' cy='-9' rx='13' ry='9' transform='rotate(-22 84 -9)'/><ellipse cx='112' cy='17' rx='13' ry='9' transform='rotate(24 112 17)'/><ellipse cx='140' cy='-8' rx='12' ry='9' transform='rotate(-20 140 -8)'/><ellipse cx='168' cy='16' rx='12' ry='8' transform='rotate(22 168 16)'/><ellipse cx='196' cy='-5' rx='11' ry='8' transform='rotate(-18 196 -5)'/><ellipse cx='222' cy='12' rx='10' ry='7' transform='rotate(20 222 12)'/></g></defs><g opacity='0.85'><use href='%23eb' transform='translate(60 78)'/><use href='%23eb' transform='translate(499 715) rotate(180)'/></g></svg>");
    background-size: 100% 100%;
}
