/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
/* Ciblage des options du menu de statut de commande V2 (Formulaire d'action) */
#update_order_status_action_form option {
    background-color: inherit !important; 
    color: #000000 !important; 
    padding: 3px 5px !important;
    display: block !important; 
}

/* Ciblage de l'option actuellement sélectionnée V2 */
#update_order_status_action_form option:checked {
    font-weight: bold !important;
}
 
 
 
#product #main{
    background:none;
}

#product #main .tabs {
    background: #fff;
    margin-top: 0;
    padding: 1rem 1rem;
    border-radius: 6px;
}

.card.configurator-card {
    padding: 1rem;
}

.configurator_block input {
  line-height: 1.5em;
  height: unset;
}

#product .product-actions {
  margin-top: -1px;
}

#product .product_add_mini, body#cms #main, #middlecolumns, #blockcart-modal .modal-body, body#checkout section.checkout-step, .img-thumbnail, #new_comment_form, #cart_summary .cart_separator td, .card, .social-sharing, #product #main>.row>div.col-content .col-content-inside, .tabs, #product #main .featured-products, .cart-grid-right .cart-summary {
    border: 2px solid #ffffff;
}
/*
 * ci dessous, pour modifier l'affichage de l'item produit dans le panier et faire en sorte que l'image s'affichee en haut du texte de config
 */
.cart-grid-body .product-line-grid, .cart-grid-body .product-line-grid>* .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

/* Correctif page devis */
.wpcfu-list-item-label {
  vertical-align: middle;
  display: inline-block;
  width: calc(100% - 3em);
  height: 52px;
  margin: auto 2px;
}

.breadcrumb { height: unset; }

/******/
.step_list label {
  display: inline-block;
  width: calc(100% - 2em);
  margin: auto 2px;
  vertical-align: middle;
  text-align: left;
}
.step_list .option {
  margin-bottom: 0.3em;
}

.customization-modal .product-customization-line .label { display: none; }
.customization-modal .product-customization-line .value .configurator-detail-step-name { font-weight: bold; color: #991b1e; }


.product-line-actions .qty { display: none; }

#configurator-tabs li { max-width: 19%; }

#product .product-cover {
  max-width: 350px;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* CONFIGURE LE CONTENEUR GÉNÉRAL DE LA VIDÉO */
.video-responsive {
    /* Nouvelle hauteur définie à 300px */
    width: 100%; 
    height: 350px;
    max-height: 350px;
    
    position: relative;
    overflow: hidden; 
    
    /* Gère l'espace sous la vidéo */
    margin-bottom: 20px;
    padding-bottom: 0 !important; 
}

/* CONFIGURE L'IFRAME DU LECTEUR YOUTUBE */
.video-responsive iframe {
    position: absolute;
    top: 50%; 
    left: 50%; 
    
    transform: translate(-50%, -50%);
    
    /* Force l'iframe à être plus grand que son conteneur (pour le recadrage) */
    width: 177.77vh; 
    height: 100%;
    /* Nouvelle hauteur minimale pour l'iframe */
    min-height: 350px; 
    
    border: none; 
}

/* BLOC CSS pour la couche de protection (anti-survol/contrôles) */
.video-responsive .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; 
    cursor: default; 
    pointer-events: auto;
}