/* 
Theme Name: Opengraphy
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Header language switcher: compact two-state control. */
.elementor-element-4ada10f .cpel-switcher__list,
.elementor-element-5aae10d .cpel-switcher__list {
    flex-wrap: nowrap;
    gap: 2px;
    padding: 2px;
    border: 1px solid rgba(245, 251, 254, 0.75);
    border-radius: 6px;
}

.elementor-element-4ada10f .cpel-switcher__lang,
.elementor-element-5aae10d .cpel-switcher__lang {
    flex: 0 0 auto;
}

.elementor-element-4ada10f .cpel-switcher__lang a,
.elementor-element-5aae10d .cpel-switcher__lang a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 32px;
    padding: 6px 8px;
    border-radius: 3px;
    color: #f5fbfe;
    font-weight: 700;
    line-height: 1;
    transition: color 160ms ease, background-color 160ms ease;
}

.elementor-element-4ada10f .cpel-switcher__lang:not(.cpel-switcher__lang--active) a:hover,
.elementor-element-4ada10f .cpel-switcher__lang:not(.cpel-switcher__lang--active) a:focus-visible,
.elementor-element-5aae10d .cpel-switcher__lang:not(.cpel-switcher__lang--active) a:hover,
.elementor-element-5aae10d .cpel-switcher__lang:not(.cpel-switcher__lang--active) a:focus-visible {
    background-color: rgba(245, 251, 254, 0.16);
    color: #f5fbfe;
}

.elementor-element-4ada10f .cpel-switcher__lang--active a,
.elementor-element-5aae10d .cpel-switcher__lang--active a {
    background-color: #f5fbfe;
    color: #c00036;
    cursor: default;
}

.elementor-element-4ada10f .cpel-switcher__lang a:focus-visible,
.elementor-element-5aae10d .cpel-switcher__lang a:focus-visible {
    outline: 2px solid #f17722;
    outline-offset: 2px;
}

/* Carrousel de l'accueil : pastilles des événements (date + catégorie) */
.og-card-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.og-card-pill {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 30px;
    background-color: #C0003630;
    color: #C00036;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.og-card-pill--date {
    background-color: #C00036;
    color: #F5FBFE;
}

@media (max-width: 767px) {
    .og-card-pill {
        font-size: 10px;
        padding: 3px 8px;
    }
}

/* Événements : pas de catégorie d'article ni de date de publication */
.e-loop-item.type-evenement .elementor-element-aefd9ae,
.e-loop-item.type-evenement .elementor-element-02ec2b6 {
    display: none;
}