/*
	Variables
*/
:root {
  --main-color: #ED174C; 
  --secondary-color : #000;
  --gray-light : rgb(229, 231, 235);
  --header-bg : #ffffff;
  --header-shadow : #00000029;
  --main-bg-color : #EDEDED;
  --content-bg-color : #ffffff;
  --menu-item-background : #ED174C;
  --category-bg-color : #888;
  --available : green;
  --unavailable : red;
  --order-info: gray;
  --product-bg : gray;
  --google-background : black;
  --google-text : white;
  --shop-link-bg : black;
  --shop-link-text : white;
  --shop-address : gray;
  --circle-button-text : white;
  --main-button-text : white;
  --input-border : gray;
  --selectable-button-text : black;
  --navigation-button-bg : #000;
  --navigation-button-text : white;
  --step-resume-amount : black;
  --address-input-text : white;
  --address-input-border : #ededed;
  --address-input-item-bg : white;
  --error : red;
  --product-section-line-active-text : white;
  --product-section-line-border : black;
  --cart-amount-bg : black;
  --cart-border : white;
  --disabled : #ED174C;
  --qty-selector-bg : #ED174C;
  --qty-selector-bg-active : white;
  --qty-selector-text : black;
  --product-qty-bg : black;
  --product-qty-text : white;
  --main-text : black;
  --logout-bg : black;
  --logout-text : white;
  --menu-item-hover : white;S
  --category-item-height : 18px;
  --category-item-line-height : 18px;
}

.banner-wrapper{
	background-image: url(https://cdn.6xpos.shop/offside/banoffside.png);
}

.product-image {
    background-color: var(--main-bg-color);
    background-size: contain!important;
    background-repeat: no-repeat!important;
}
/* ===== RESET DES STYLES PAR DÉFAUT ===== */
.rbc-event {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== STRUCTURE DU CONTENU ===== */
.rbc-event-content {
    height: 100%;
    width: 100%;
    padding: 0 !important;
}

.rbc-event-content > div {
    height: 100%;
    width: 100%;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

/* ===== COULEURS PAR OPÉRATEUR (bordure gauche) ===== */
.booking-event.operator-87 { border-left: 3px solid #FF5722; }
.booking-event.operator-88 { border-left: 3px solid #4CAF50; }
.booking-event.operator-89 { border-left: 3px solid #2196F3; }
.booking-event.operator-90 { border-left: 3px solid #9C27B0; }
.booking-event.operator-default { border-left: 3px solid #9E9E9E; }

/* ===== MARQUEURS PAR STATUT (bordure haute) ===== */
.booking-event.status-ok {
    background-color: rgba(76, 175, 80, 0.15);
    border-top: 2px solid #4CAF50;
}
.booking-event.status-canceled {
    background-color: rgba(229, 57, 53, 0.15);
    border-top: 2px dashed #F44336;
    opacity: 0.8;
}
.booking-event.status-pending_cancellation {
    background-color: rgba(255, 193, 7, 0.15);
    border-top: 2px solid #FF9800;
}
.booking-event.status-refused {
    background-color: rgba(156, 39, 176, 0.15);
    border-top: 2px solid #9C27B0;
}
.booking-event.status-pending_confirmation {
    background-color: rgba(3, 169, 244, 0.15);
    border-top: 2px dotted #2196F3;
}

/* ===== INDICATEURS DE GATEWAY (icônes en haut à droite) ===== */
.booking-event {
    position: relative;
    padding: 2px 20px 2px 8px; /* Espace pour l'icône */
    height: 100%;
    overflow: hidden;
}
.booking-event.gw-stripe::after {
    content: "💳";
    position: absolute;
    top: 2px;
    right: 4px;
    font-size: 0.9em;
}
.booking-event.gw-paypal {
::after {
    content: "💰";
    position: absolute;
    top: -2px;
    right: 4px;
    font-size: 0.8em;
    color: #003087;
}
.booking-event.gw-none {
    opacity: 0.9;
}

/* ===== STYLE GÉNÉRAL ===== */
.booking-event {
    padding: 4px 8px;
 
    positiPOGRAPHIE ===== */
.booking-event strong {
    display: block;
    margin-bottom: 2px;
}
.booking-event div {
    font-size: 0.8em;
    color: #666;
}
.rbc-event-content {
    padding: 0 !important;
}