/* =========================================================
   BASE
   ========================================================= */

@import url("./base/reset.css");
@import url("./base/typography.css");
@import url("./base/utilities.css");

h1 {
	font-size: 2.5rem;
}

.site-header,
.site-header .site-header-inner{
    background-color: var(--color-dark);
}

.site-nav .nav-list > li > a {
	padding: 1rem 0;
	color: var(--color-light);
	font-weight: 400;
	text-align: center;
}
.site-social a{
	color: var(--color-light);
}
.site-social a:hover{
	color: var(--color-accent);
}

p.dark strong {
	color: var(--color-light) !important;
}

.site-logo img{
	max-height: 40px;
}

.back-to-top {
	background: var(--color-accent);
}

.site-social {display: none !important;}

.nav-toggle .bar { background: var(--color-light); }

/* =========================================================
   BLOCKS
   ========================================================= */

@import url("./blocks/carticons.css");
@import url("./blocks/cptcards.css");

.cptcards{
	gap:0;
}

/* SERIES - Cartes carrees */

.cptcards .series-card {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    padding: 0;
}

.cptcards .series-card__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.cptcards .series-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cptcards .series-card__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Titre superpose, masque par defaut */

.cptcards .series-card__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.cptcards .series-card__title {
    margin: 0;
    padding: 20px;
    color: #fff;
    text-align: center;
}

/* Affichage au survol */

.cptcards .series-card:hover .series-card__overlay,
.cptcards .series-card:focus-within .series-card__overlay {
    opacity: 1;
}

/* =========================================================
   LAYOUT
   ========================================================= */

@import url("./layout/footer.css");
@import url("./layout/columns.css");
@import url("./layout/sections.css");

/* =========================================================
   PAGES
   ========================================================= */



/* =========================================================
   PLUGINS
   ========================================================= */

@import url("./plugins/cf7.css");
@import url("./plugins/embeds.css");


/* =========================================================
   RESPONSIVE
   ========================================================= */

@import url("./responsive/desktop.css");