/* Alvaria Combined CSS - 2026-01-25 10:32:32 */

/* === eldorado-reset === */
/*--------------------------------------------------------------
# Global improvements over GeneratePress main.css
--------------------------------------------------------------*/

/**
 * Set links backgroud to transparent in Chrome.
 */

html {
  -webkit-tap-highlight-color: transparent;
}

/**
 * Balance titles for better UI.
 */

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/**
 * Add a cursor to logo since link is managed by JS.
 */

.site-branding-container {
  cursor: pointer;
}

/**
 * Display a rounded image in main title.
 */

h1 img {
  border-radius: 50%;
  margin-right: .75em;
}

/**
 * Properly align titles with images.
 */

.archive .page-header .page-title {
  display: flex;
  align-items: center;
}

/**
 * Rounded images.
 */

.rounded {
  border-radius: 50%;
}

/**
 * Center navigation and provide a generic class to center elements.
 */

.paging-navigation,
.text-center {
  text-align: center;
}

/**
 * Correct a bad margin on featured images.
 */

.no-featured-image-padding .featured-image {
  margin-left: 0 !important;
}

/**
 * Add a top margin to right sidebar on desktop.
 */

@media(max-width: 768px) {
  .sidebar {
    margin-top: 40px;
  }
}

/**
 * Prevent useless repaints and reflows.
 */

.sidebar,
.widget {
  contain: layout style;
}

/**
 * Prevent overflow-x out of screen.
 */

body .wp-block-search__label {
  width: auto;
}

/*--------------------------------------------------------------
# Web performance optimization
--------------------------------------------------------------*/

/**
 * Prevent image rendering when unnecessary.
 */

img[width][height] {
  content-visibility: auto;
}

/**
 * Prevent sub-menu rendering while hidden.
 */

.main-navigation ul ul {
  content-visibility: auto;
}

/**
 * Optimize Google Ads inserts to prevent CLS.
 */

.site-content ins:not([data-anchor-status]) {
  contain: content;
  display: block;
  height: 280px;
  width: 100%;
  margin-top: var(--spacing);
  margin-bottom: var(--spacing);
}

/**
 * Reduce CLS and layout changes with embeds
 */

.instagram-media,
.twitter-tweet,
.tiktok-embed {
  contain: content;
  min-height: 300px;
}

/*--------------------------------------------------------------
# Specific to Eldorado
--------------------------------------------------------------*/

/**
 * Components spacing.
 */

:root {
  --spacing: 2rem;
  --spacer: 2rem;
}

.component {
  margin-top: var(--spacing);
  margin-bottom: var(--spacing);
}

/**
 * Prevent vertical scroll when overlay is activated.
 */

body.overlayed {
  overflow: hidden;
  height: 100%;
}

/**
 * Increase main area padding with right sidebar.
 */

@media(min-width: 769px) {
  .one-container.right-sidebar .site-main,
  .one-container.both-right .site-main {
    margin-right: 40px;
  }
}

/**
 * Improve icons alignment.
 */

svg.icon {
  vertical-align: top;
}

/**
 * Mimic native <a> effect on hover.
 */

[data-goto]:hover,
[data-share-url]:hover,
[data-gpmodal-trigger]:hover,
.gb-query-loop-item:hover,
.gb-loop-item:hover {
  cursor: pointer;
}

[data-goto]:not(.button):not(.gb-button):hover {
  text-decoration: underline;
}

/**
 * Class used on some interface elements.
 */

.o50 {
  opacity: 50%;
}

.entry-meta .o50 {
  margin: 0 .5em;
}

/**
 * Top progress bar styling (option in Eldorado).
 */

.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  max-width: 100%;
  z-index: 99999;
  height: 5px;
}

/**
 * Subtitles styling (option in Eldorado).
 */

p[role="doc-subtitle"] {
  margin-top: 1em;
}

/**
 * Display featured image caption in articles (option in Eldorado).
 */

.featured-image {
  margin-bottom: 0 !important;
}

.featured-image figcaption {
  position: relative;
  background-color: var(--light);
  text-align: center;
  color: var(--dark);
  padding: .5rem;
  line-height: 1.4rem;
  font-size: .9rem;
}

/**
 * Add Eldorado border-radius option on interface elements.
 */

button,
input,
textarea {
  border-radius: var(--border-radius) !important;
}

/**
 * Add space to last posts not in grid mode.
 */

.wp-block-latest-posts__list:not(.is-grid) li {
  margin-bottom: 20px;
}

/**
 * Improved entry metas.
 */

.entry-header .byline {
  display: inline-flex;
  align-items: center;
  column-gap: .5em;
}


/* === eldorado-articles-cards === */
/* Reset CSS listings Block news natif + GeneratePress */

ul.wp-block-latest-posts__list {
  margin-left: 0;
}

@media screen and (max-width: 599px) {
  ul.wp-block-latest-posts__list li {
    margin-right: 0 !important;
  }
}

.generate-columns-container article {
  padding-bottom: 0 !important;
}

.wp-block-post,
.generate-columns-container .inside-article,
.wp-block-latest-posts__list li {
  contain: content;
  text-align: left;
}

.wp-block-post-featured-image,
.wp-block-latest-posts__featured-image,
.generate-columns-container .post-image {
  aspect-ratio: 16/9;
  overflow: hidden;
  margin-bottom: 0 !important;
  background-color: var(--light);
  /*
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); // Parallelogramme
  clip-path: polygon(100% 0, 100% 100%, 20% 85%, 0 100%, 0 0); // Découpe basse
  clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 80% 95%, 76% 100%, 72% 95%, 0 95%); // Bulle de message
  clip-path: polygon(3% 3%, 100% 0%, 97% 97%, 0% 100%); // Effet déformé dynamique
  */
}

.wp-block-post-featured-image img,
.wp-block-latest-posts__featured-image img,
.generate-columns-container .post-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

@supports not (aspect-ratio: 16/9) {
  .wp-block-post-featured-image,
  .wp-block-latest-posts__featured-image,
  .generate-columns-container .post-image {
    position: relative;
    padding-top: 56.25%;
    /* 56.25% for 16/9, 62.5% for 16/10 */
  }

  .wp-block-post-featured-image img,
  .wp-block-latest-posts__featured-image img,
  .generate-columns-container .post-image img {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (pointer: fine) {
  .wp-block-post-featured-image img,
  .wp-block-latest-posts__featured-image img,
  .generate-columns-container .post-image img {
    transition: transform 0.5s ease;
  }

  li.wp-block-post:hover img,
  .wp-block-latest-posts__list li:hover img,
  .generate-columns-container article:hover img {
    transform: scale(1.1);
  }
}

li.wp-block-post:hover,
.wp-block-latest-posts__list li:hover,
.generate-columns-container article:hover {
  cursor: pointer;
}

.generate-columns-container .entry-title {
  font-family: inherit;
  font-size: inherit !important;
  font-weight: inherit;
}

.wp-block-post a,
.wp-block-latest-posts__list a,
.generate-columns-container .entry-title a {
  text-wrap: balance;
  display: block;
  font-family: inherit;
  color: inherit;
  font-size: 1.1rem !important;
  margin-top: 1rem !important;
  line-height: 1.9rem;
  font-weight: 700;
}

.wp-block-post a:hover,
.wp-block-latest-posts__list a:hover,
.generate-columns-container .entry-title a:hover {
  color: inherit;
}

.wp-block-post:hover a,
.wp-block-latest-posts__list li:hover a,
.generate-columns-container .inside-article:hover .entry-title a {
  color: var(--primary) !important;
}

.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author,
.generate-columns-container .entry-meta {
  display: inline-block;
  color: var(--dark) !important;
  font-size: .9rem !important;
  margin-top: .75rem !important;
  line-height: 1rem;
}

.wp-block-latest-posts__post-author+.wp-block-latest-posts__post-date {
  margin-left: .33em;
}

.generate-columns-container .entry-summary {
  display: none;
}

/* === eldorado-sticky-sidebar === */
@media(min-width: 768px) {
    body.sticky-sidebar .inside-right-sidebar,
    body.sticky-sidebar .inside-left-sidebar {
      position: sticky;
      top: 20px;
      max-height: calc(100vh - 20px);
      overflow-y: auto;
    }
}