/*
Theme Name: Éditions de Lannée
Theme URI: https://alex.lannee.nl
Description: House style for Éditions de Lannée (La Semaine, Le Mois, Betrancourt, L'Année). Child theme of Twenty Twenty-Five.
Author: Éditions de Lannée
Template: twentytwentyfive
Version: 0.1.7
Requires at least: 6.7
Text Domain: dla-editions
License: GNU General Public License v2 or later
*/

/* One accent per title (body class set in functions.php) */
body{--dla-accent:var(--wp--preset--color--rouge)}
body.dla-t-le-mois{--dla-accent:var(--wp--preset--color--ocean)}
body.dla-t-betrancourt{--dla-accent:var(--wp--preset--color--foret)}
body.dla-t-l-annee{--dla-accent:var(--wp--preset--color--or)}
.dla-titles a{color:inherit;text-decoration:none}
.dla-titles a:hover{text-decoration:underline}
.dla-titles a.is-current{color:var(--dla-accent);font-weight:700}
.wp-block-post-terms a{color:var(--dla-accent);text-decoration:none}

/* Waves behind the masthead */
.dla-masthead{position:relative;overflow:hidden}
.dla-masthead::before{content:"";position:absolute;inset:3.2rem 0 auto 0;height:7rem;z-index:0;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 112' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23d4e3de' stroke-width='1.4'%3E%3Cpath d='M0 16 C150 6 300 26 450 16 S750 6 900 16 S1125 26 1200 16'/%3E%3Cpath d='M0 40 C150 30 300 50 450 40 S750 30 900 40 S1125 50 1200 40'/%3E%3Cpath d='M0 64 C150 54 300 74 450 64 S750 54 900 64 S1125 74 1200 64'/%3E%3Cpath d='M0 88 C150 78 300 98 450 88 S750 78 900 88 S1125 98 1200 88'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat}
.dla-masthead > *{position:relative;z-index:1}
.dla-title{white-space:nowrap}
.dla-title a{text-decoration:none;color:inherit}
.dla-tag{background:transparent;color:var(--dla-accent);border:1.5px solid var(--dla-accent);padding:.45rem 1.4rem;cursor:default;display:inline-grid;text-align:center;transition:background .2s,color .2s}
.dla-tag > span{grid-area:1/1;transition:opacity .2s}
.dla-tag-en{opacity:0}
.dla-tag:hover{background:var(--dla-accent);color:#fff}
.dla-tag:hover .dla-tag-fr{opacity:0}
.dla-tag:hover .dla-tag-en{opacity:1}
.dla-rule-ink{border-bottom:1px solid var(--wp--preset--color--ink)}
.dla-rule-pin{border-top:3px solid var(--dla-accent)}
.wp-block-post-title a{text-decoration:none}
.dla-more a{text-decoration:none;font-family:var(--wp--preset--font-family--display);font-weight:600;color:var(--wp--preset--color--pin)}
.dla-grid .wp-block-post{border-left:1px solid var(--wp--preset--color--ink);padding-left:1.6rem}
.dla-grid .wp-block-post:nth-child(3n+1){border-left:0;padding-left:0}
.wp-block-post-featured-image img{display:block}
figcaption,.wp-element-caption{font-size:.82rem;color:var(--wp--preset--color--ink-soft)}
@media (max-width:781px){
 .dla-title{white-space:normal}
 .dla-grid .wp-block-post{border-left:0;padding-left:0;border-top:1px solid var(--wp--preset--color--ink);padding-top:1.2rem}
 .dla-grid .wp-block-post:nth-child(3n+1){border-left:0}
 .dla-grid .wp-block-post:first-child{border-top:0;padding-top:0}
}