/*
Theme Name: Obillet
Theme URI:
Author: mhun
Author URI:
Description: Thème graphique Obillet
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: obillet
Tags:
*/

:root {
--ep-warning-color: #2C3E50 !important;
--ep-warning-text: #2C3E50 !important;
}

body .ep-modal-xxl {
--ep-modal-width: 1800px;
}

body .ep-seat-plan-wrap {
max-height: 2000px;
}

#ep_event_ticket_modal_right_image {
display:none;
}

.titre-text-shadow {
text-shadow: 10px 10px #000000
}

.ep-gap-1 {
gap:0.25rem;
}

.ep-gap-2 {
gap:0.5rem;
}

.ep-gap-3 {
gap:1rem;
}

.ep-box-wrap .ep-checkout-img-icon {
max-height: none;
}

#ep_ls_ticket_modal_load_seats_colors, #ep_ls_ticket_modal_load_seats_colors .ep-box-col-3 {
display:none;
}

.ep-options-legend .ep-seat-legend-item-available, .ep-options-legend .ep-seat-booking-status-available {
    display: none;
}

@media all and (min-width: 1068px) {
    #ep_ls_ticket_modal_load_seats_colors .ep-box-col-9 {
        max-width: 100%;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
    }
}

@media all and (max-width:760px){
    .ep-ls-area-align-center .ep_ls_single_area_seats {
        justify-content: flex-start;
    }
    .ep-csc-legend-item {
        width: auto;
    }
    .ep-options-legend > div {
        width: auto;
    }
    body .ep-modal-xxl {
        width: 100%;
        margin: 0;
    }
    .ep-modal-view {
        padding:0;
    }
    #ep-sl-right-area {
        width:100% !important;
    }
    .wp-block-gallery .wp-block-image {
        width:100% !important;
    }
}

/* ── Boutons EventPrime primary & warning — couleur #DE8295 ─────────────── */
.emagic .ep-btn-primary {
    background-color: #DE8295;
}

.emagic .ep-btn-primary:hover {
    background-color: #C87586;
}

.emagic .ep-btn-warning {
    --ep-btn-color: #000;
    --ep-btn-bg: #DE8295;
    --ep-btn-border-color: #DE8295;
    --ep-btn-hover-color: #000;
    --ep-btn-hover-bg: #C87586;
    --ep-btn-hover-border-color: #C87586;
    --ep-btn-focus-shadow-rgb: 222,130,149;
    --ep-btn-active-color: #000;
    --ep-btn-active-bg: #BD6E7F;
    --ep-btn-active-border-color: #BD6E7F;
    --ep-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ep-btn-disabled-color: #000;
    --ep-btn-disabled-bg: #DE8295;
    --ep-btn-disabled-border-color: #DE8295;
}

/* ── Bouton "En savoir plus" (cartes event / widgets catégorie) — #DE8295 ─
   Scope via .ep-card-footer : .ep-btn-dark est aussi utilisé par le bouton
   "Close" des popups produits WooCommerce, qui ne doit pas être affecté. */
.emagic .ep-card-footer .ep-btn-dark {
    --ep-btn-color: #000;
    --ep-btn-bg: #DE8295;
    --ep-btn-border-color: #DE8295;
    --ep-btn-hover-color: #000;
    --ep-btn-hover-bg: #C87586;
    --ep-btn-hover-border-color: #C87586;
    --ep-btn-focus-shadow-rgb: 222,130,149;
    --ep-btn-active-color: #000;
    --ep-btn-active-bg: #BD6E7F;
    --ep-btn-active-border-color: #BD6E7F;
    --ep-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ep-btn-disabled-color: #000;
    --ep-btn-disabled-bg: #DE8295;
    --ep-btn-disabled-border-color: #DE8295;
}

/* ── Bouton "Réserver maintenant" (page event) — #DE8295 ────────────────
   Scope volontaire via #ep_single_event_ticket_now_wrapper : .ep-btn-dark
   est réutilisé ailleurs (Close modale, Cancel checkout, Find Events...)
   qui doivent rester sombres. */
#ep_single_event_ticket_now_wrapper .ep-btn-dark {
    --ep-btn-color: #000;
    --ep-btn-bg: #DE8295;
    --ep-btn-border-color: #DE8295;
    --ep-btn-hover-color: #000;
    --ep-btn-hover-bg: #C87586;
    --ep-btn-hover-border-color: #C87586;
    --ep-btn-focus-shadow-rgb: 222,130,149;
    --ep-btn-active-color: #000;
    --ep-btn-active-bg: #BD6E7F;
    --ep-btn-active-border-color: #BD6E7F;
    --ep-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ep-btn-disabled-color: #000;
    --ep-btn-disabled-bg: #DE8295;
    --ep-btn-disabled-border-color: #DE8295;
}

/* ── Page event : masquer la plage de dates de la série (rendue par
   l'override date-time.php) ── */
#ep_sl_event_date_range {
    display: none;
}

#obillet-header-search {
    width: 100%;
    max-width: 800px;
	padding: 0 1em;
}

.obillet-search-wrap {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    transition: background 0.2s, border-color 0.2s;
}

.obillet-search-wrap:focus-within {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(0, 0, 0, 0.6);
}

.obillet-search-wrap input[type="search"] {
    border: none;
    background: transparent;
    padding: 12px 12px 12px 14px;
    font-size: 0.875rem;
    color: inherit;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
}

.obillet-search-wrap input[type="search"]::placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.obillet-search-wrap button {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 12px 12px 12px 6px;
    color: inherit;
    display: flex;
    align-items: center;
    opacity: 0.8;
    transition: opacity 0.15s;
}

.obillet-search-wrap button:hover {
    opacity: 1;
}

.home .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption {
	background: #FFFFFF;
	border-radius: 0 0 10px 10px;
}