/* Conteneur principal */ .hours-popover-container { position: relative; width: 100%; font-family: inherit; } /* Le Bouton interactif */ .hours-status-btn { width: 100%; background-color: transparent; color: #ffffff; border: 2px solid var(--ast-global-color-1); /* Bordure avec la couleur du thème */ padding: 12px 15px; border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 10px; transition: all 0.3s ease; } .hours-status-btn:hover { background-color: var(--ast-global-color-1); /* Fond plein au survol */ color: #1a1a1a; /* Texte foncé pour bien contraster avec la couleur dorée/accent */ } /* Le Popover (panneau caché) s\'ouvrant vers le haut */ .hours-popover-content { position: absolute; bottom: calc(100% + 15px); /* Se place au-dessus du bouton */ left: 0; width: 100%; background-color: #1a1a1a; /* Fond très sombre pour contraster avec le footer */ border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; padding: 15px; box-shadow: 0 -10px 25px rgba(0,0,0,0.5); /* Animation */ opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; z-index: 100; } /* Petite flèche en bas du popover pour pointer vers le bouton */ .hours-popover-content::after { content: \'\'; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 8px; border-style: solid; border-color: #1a1a1a transparent transparent transparent; } /* Déclenchement de l\'affichage au survol du conteneur */ .hours-popover-container:hover .hours-popover-content { opacity: 1; visibility: visible; transform: translateY(0); } /* Nettoyage du tableau généré par le plugin dans le popover */ .hours-popover-content table.opening-hours { width: 100%; border-collapse: collapse; background: transparent !important; margin: 0; } .hours-popover-content table.opening-hours tr { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .hours-popover-content table.opening-hours tr:last-child { border-bottom: none; } .hours-popover-content table.opening-hours th, .hours-popover-content table.opening-hours td { padding: 8px 0; color: #ffffff; font-size: 14px; } .hours-popover-content table.opening-hours th { text-align: left; font-weight: normal; } .hours-popover-content table.opening-hours td { text-align: right; } /* Surbrillance du jour actuel avec la couleur Astra */ .hours-popover-content table.opening-hours tr.today th, .hours-popover-content table.opening-hours tr.today td { color: var(--ast-global-color-1); font-weight: bold; }