/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
#evenements-a-venir.stk-block-background,
#commerces-du-village.stk-block-background{
    clip-path: polygon(0 15%, 100% 0, 100% 95%, 0 100%);
}
#toutes-les-dernieres-infos-et-annonces-du-village.stk-block-background,
#decouverte-du-marche-mercredi-amp-samedi.stk-block-background,
#flanerie-dans-les-ruelles-pittoresques.stk-block-background{
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
}
/* ----------------------
   Switch vue événements
---------------------- */
.events-view-switch {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 15px;
}

.events-view-switch .view-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;          
    padding: 6px 12px;
    border: none;
    cursor: pointer;
    background: #eee;
    font-size: 14px;
}

.events-view-switch .view-btn.active {
    background: #9F6F48;
    color: #fff;
}

/* Icone cartes (4 petits carrés) */
.view-btn .icon-cards {
    display: grid;
    grid-template-columns: repeat(2, 6px);
    grid-template-rows: repeat(2, 6px);
    gap: 2px;
}
.view-btn .icon-cards span {
    display: block;
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 1px;
}
.view-btn .icon-cards span:nth-child(1) {}
.view-btn .icon-cards span:nth-child(2) {}
.view-btn .icon-cards span:nth-child(3) {}
.view-btn .icon-cards span:nth-child(4) {}

/* Icone liste (3 traits horizontaux) */
.view-btn .icon-list {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.view-btn .icon-list span {
    display: block;
    width: 12px;
    height: 2px;
    background: currentColor;
    border-radius: 1px;
}

/* ----------------------
   Vue cartes
---------------------- */
.events-container.view-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
    gap: 20px;
}

/* ----------------------
   Vue liste optimisée
---------------------- */
.events-container.view-list .card-lieu {
    display: flex;             
    align-items: center;       
    justify-content: space-between; 
    gap: 15px;
    min-height: auto;
    padding: 12px 15px;
}

/* Date (optionnel) */
.events-container.view-list .card-lieu div:first-child {
    flex-shrink: 0;
    width: 120px;  
    color: #555;
    font-size: 14px;
}

/* Contenu principal (titre + description) */
.events-container.view-list .card-lieu h4,
.events-container.view-list .card-lieu p {
    margin: 0;
}

/* Bouton / lien à droite */
.events-container.view-list .card-lieu a {
    flex-shrink: 0;
    text-decoration: none;
    font-size: 14px;
}
/* ----------------------
   Masquer le switch sur mobile
---------------------- */
@media (max-width: 767px) {
    .events-view-switch {
        display: none !important;
    }
}
/* ---------- Onglets événements ---------- */
.events-tabs .tab-btn {
    padding: 8px 12px;
    border: none;
    margin-right: 5px;
    cursor: pointer;
    background: #eee;
    color: #000;
    transition: all 0.2s ease;
	margin-top: 2rem;
}

.events-tabs .tab-btn.active {
    background: #9F6F48; /* couleur du switch */
    color: #fff;
}

/* ---------- Boutons "Voir la fiche" ---------- */
.card-lieu a {
    display: inline-block;
    padding: 6px 12px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
    background: #9F6F48; /* couleur du switch */
    color: #fff;
}

.card-lieu a:hover {
    background: #7c5535; /* teinte un peu plus foncée pour le hover */
}
/* Les liens avec tel: n'ont pas ce style */
.card-lieu a[href^="tel:"] {
    background: none;
    color: inherit;
    padding: 0;
    display: inline;
    text-decoration: underline; 
}
/* Bloc filtres : boutons identiques aux autres boutons principaux */
#filtres-boutons .filtre-btn,
#zones-tabs .zone-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 14px;          
    border: none;
    background: #eee;           
    color: #000;                 
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
	border-radius: 0;
}

/* Bouton actif */
#filtres-boutons .filtre-btn.active,
#zones-tabs .zone-btn.active{
    background: #9F6F48;
    color: #fff;
}

/* Hover */
#filtres-boutons .filtre-btn:hover:not(.active),
#zones-tabs .zone-btn:hover:not(.active){
    background: #d69c71; 
    color: #fff;
}

.events-calendar-btn {
    display: inline-block;
    padding: 8px 14px;
    background: #9F6F48;
    color: #fff;
    text-decoration: none;
    transition: background 0.2s ease;
}
/* Bouton actif */
.events-calendar-btn.active {
    background: #9F6F48;
    color: #fff;
}
.events-calendar-btn:hover {
    background: #7c5436;
}
/* ================================
   MENU LISIBLE SUR SINGLE
   SANS ANIMATION / SANS FOND
================================ */

/* Articles + événements */
.single-post .ct-menu-link,
.single-tribe_events .ct-menu-link {
    color: #000 !important;
}

/* Hover */
.single-post .ct-menu-link:hover,
.single-tribe_events .ct-menu-link:hover {
    color: #9F6F48 !important;
}

/* Bouton CTA */
.single-post .ct-button-ghost,
.single-tribe_events .ct-button-ghost {
    color: #000 !important;
    border-color: #000 !important;
}

/* Icônes (burger menu, svg) */
.single-post svg,
.single-tribe_events svg {
    fill: #000 !important;
}

/* NE PAS TOUCHER AU BACKGROUND */
.single-post [data-transparent-row="yes"],
.single-tribe_events [data-transparent-row="yes"] {
    background: transparent !important;
}
/* ================================
   MENU MOBILE - LISIBILITÉ
   (single article & single event)
================================ */

/* Fond du menu mobile */
.single-post .ct-panel,
.single-tribe_events .ct-panel {
    background: #000 !important;
}

/* Liens du menu mobile */
.single-post .ct-panel .ct-menu-link,
.single-tribe_events .ct-panel .ct-menu-link {
    color: #fff !important;
}

/* Hover / actif */
.single-post .ct-panel .ct-menu-link:hover,
.single-post .ct-panel .current-menu-item > a,
.single-tribe_events .ct-panel .ct-menu-link:hover,
.single-tribe_events .ct-panel .current-menu-item > a {
    color: #9F6F48 !important;
}

/* Icône burger (avant ouverture) */
.single-post .ct-toggle-button svg,
.single-tribe_events .ct-toggle-button svg {
    fill: #fff !important;
}
/* Icône SVG de la croix */
.single-post .ct-toggle-close svg,
.single-tribe_events .ct-toggle-close svg {
    fill: #fff !important;
}

/* Bouton cliquable (sécurité) */
.single-post .ct-toggle-close,
.single-tribe_events .ct-toggle-close {
    color: #fff !important;
}
.onetap-desc {
	display:none !important;
}
.meteo-discrete {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #fff !important; /* texte blanc forcé */
    background: none !important; /* on supprime le fond existant */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3); /* optionnel pour lisibilité sur fonds sombres */
    padding: 0; /* garde simple */
}
.meteo-discrete span {
    margin-right: 8px;
}
@media (max-width: 768px) {
    .meteo-discrete {
        color: #fff !important;
    }
}
/* Styles artisans */
.artisan-image {
    width:100%;
    height:150px;
    overflow:hidden;
    border-radius:10px;
    margin-bottom:12px;
}
.card-lieu img[src*="argilariis2.jpg"],
.card-lieu img[src*="penelope.jpg"],
.card-lieu img[src*="carre-dor.jpg"] {
  object-position: center 0%;
}
/* Styles push commerçants */
.pwa-actus {
	margin-bottom: 2rem !important;
}