/*
Theme Name: Spectra One Child
Template: spectra-one
Author: Brainstorm Force
Author URI: https://brainstormforce.com/
Description: Spectra One is a beautiful and modern WordPress theme built with the Full Site Editing (FSE) feature. It's a versatile theme that can be used for blogs, portfolios, businesses, and more. Spectra One comes with a sleek and professional design that will make your website stand out from the crowd.
Tags: full-site-editing,blog,theme-options,translation-ready,rtl-language-support,full-width-template
Version: 1.1.6.1739820231
Updated: 2025-02-17 14:23:51

*/
.text-defile {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0;
    overflow: hidden;
    background: #f5f5f5;
}

.text-defile-container {
    display: flex;
    position: relative;
    white-space: nowrap;
    animation: scroll 25s linear infinite;
    /* Désactiver l'animation pendant le survol */
    &:hover {
        animation-play-state: paused;
    }
}

/* Dupliquer le contenu pour un défilement sans couture */
.text-defile-container .slide {
    animation: scrollContent 25s linear infinite;
}

.text-defile .slide {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    padding: 5px 8px;
    min-width: max-content;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%); /* Ajusté pour correspondre au contenu dupliqué */
    }
}

.text-defile .slide h2 {
    margin: 0;
    font-size: 0.9em;
    white-space: nowrap;
    font-weight: 600;
    padding-right: 3px;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

.text-defile .slide p {
    margin: 0;
    line-height: 1.2;
    font-size: 0.85em;
    white-space: nowrap;
    color: #666;
    padding-top: 1px;
    font-family: inherit;
}

/* Pour les écrans mobiles */
@media screen and (max-width: 768px) {
    .text-defile .slide h2,
    .text-defile .slide p {
        max-width: 100%;
        margin-bottom: 5px;
    }
    
    .text-defile {
        min-height: 60px;
    }
}

/* Styles de débogage temporaires */
/* .text-defile {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 15px;
    background: rgba(255,255,255,0.5);
}

.text-defile .slide {
    background: rgba(255,255,255,0.9);
} */

/* Suppression des anciennes animations qui ne sont plus nécessaires */
.text-defile .slide.fade-in,
.text-defile .slide.fade-out {
    animation: none;
}

.mySlides {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

/* Styles pour le drag and drop dans l'admin */
.wp-list-table tbody tr {
    cursor: move; /* Fallback */
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23666'><path d='M7 19V17H9V19H7M11 19V17H13V19H11M15 19V17H17V19H15M7 15V13H9V15H7M11 15V13H13V15H11M15 15V13H17V15H15M7 11V9H9V11H7M11 11V9H13V11H11M15 11V9H17V11H15M7 7V5H9V7H7M11 7V5H13V7H11M15 7V5H17V7H15Z'/></svg>") 10 10, auto;
}

.wp-list-table tbody tr:active,
.ui-sortable-helper {
    cursor: move; /* Fallback */
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%232271b1'><path d='M7 19V17H9V19H7M11 19V17H13V19H11M15 19V17H17V19H15M7 15V13H9V15H7M11 15V13H13V15H11M15 15V13H17V15H15M7 11V9H9V11H7M11 11V9H13V11H11M15 11V9H17V11H15M7 7V5H9V7H7M11 7V5H13V7H11M15 7V5H17V7H15Z'/></svg>") 10 10, auto;
}

.ui-sortable-helper {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Style pour l'emplacement où l'élément sera déposé */
.ui-state-highlight {
    background: #f7f7f7;
    height: 40px;
    border: 2px dashed #ccc;
}

.blks-services .blk-service {
    position: relative;
    overflow: hidden;
}

.blks-services .blk-service::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #010523;
    transition: height 0.3s ease-out;
    z-index: 0;
}

.blks-services .blk-service:hover::before {
    height: 100%;
}

.blks-services .blk-service > * {
    position: relative;
    z-index: 1;
    transition: color 0.3s ease-out;
}

.blks-services .blk-service:hover h1,
.blks-services .blk-service:hover h2,
.blks-services .blk-service:hover h3,
.blks-services .blk-service:hover h4,
.blks-services .blk-service:hover h5,
.blks-services .blk-service:hover h6,
.blks-services .blk-service:hover p {
    color: #fff !important;
}

.wp-block-uagb-icon-list-child span.uagb-icon-list__source-wrap {
    color: #275492 !important;
    transition: color 0.3s ease;
}

.wp-block-uagb-icon-list-child span.uagb-icon-list__source-wrap svg {
    fill: #275492 !important;
    transition: fill 0.3s ease;
}

.wp-block-uagb-icon-list-child span.uagb-icon-list__source-wrap:hover {
    color: #1585bc !important;
}

.wp-block-uagb-icon-list-child span.uagb-icon-list__source-wrap:hover svg {
    fill: #1585bc !important;
}

.blk-logos-pneus {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blk-logos-pneus a {
    display: block;
    text-decoration: none;
}

.blk-logos-pneus img,
.blk-logos-pneus a img {
    max-width: 100%;
    height: auto;
    filter: grayscale(100%) opacity(0.7);
    transition: all 0.5s ease;
    transform: scale(0.95);
    display: inline-block;
    vertical-align: middle;
}

.blk-logos-pneus img:hover,
.blk-logos-pneus a:hover img {
    filter: grayscale(0%) opacity(1);
    transform: scale(1);
}

/* Ajustement de la taille des titres dans l'éditeur */
.editor-styles-wrapper .wp-block-post-title,
.editor-styles-wrapper h1.wp-block-post-title,
.editor-post-title.editor-post-title__block .editor-post-title__input {
    font-size: 32px !important;
    line-height: 1.2 !important;
    max-width: 100% !important;
}

.block-editor-block-list__layout.is-root-container > h1,
.block-editor-block-list__layout.is-root-container > .wp-block-heading {
    font-size: 32px !important;
    line-height: 1.2 !important;
}

/* Style pour le titre dans l'éditeur classique aussi */
#title {
    font-size: 32px !important;
}

/* Cache complètement la bande de défilement quand elle est vide */
.text-defile:empty {
    display: none;
}

.img-shadow img {
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
}

.colorbg-slide-up {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.colorbg-slide-up::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: inherit;
    background-position: inherit;
    transition: transform 0.3s ease-out;
}

.colorbg-slide-up::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #010523;
    transition: transform 0.3s ease-out;
}

/* Assurons-nous que le conteneur parent a aussi overflow: hidden */
.wp-block-uagb-container.colorbg-slide-up,
div.colorbg-slide-up,
.colorbg-slide-up {
    overflow: hidden !important;
}

/* S'assurer que tous les parents directs ont aussi overflow hidden */
.wp-block-uagb-container > .colorbg-slide-up,
.wp-block-column > .colorbg-slide-up,
.wp-block > .colorbg-slide-up {
    overflow: hidden !important;
}

/* Forcer l'overflow hidden sur tous les éléments parents qui pourraient avoir la classe */
*[class*="wp-block"].colorbg-slide-up {
    overflow: hidden !important;
}

.colorbg-slide-up:hover::before {
    transform: translateY(-100%);
}

.colorbg-slide-up:hover::after {
    transform: translateY(-100%);
}

.colorbg-slide-up > * {
    position: relative;
    z-index: 2;
    transition: color 0.3s ease-out;
}

/* Ajout de la transition pour les SVG */
.colorbg-slide-up svg {
    transition: fill 0.3s ease-out;
}

.colorbg-slide-up:hover svg {
    fill: #fff !important;
}

.colorbg-slide-up:hover h1,
.colorbg-slide-up:hover h2,
.colorbg-slide-up:hover h3,
.colorbg-slide-up:hover h4,
.colorbg-slide-up:hover h5,
.colorbg-slide-up:hover h6,
.colorbg-slide-up:hover p {
    color: #fff !important;
}

.full-width {
    width: 100% !important;
}
.swt-scroll-top {z-index: 9999!important;}