/*
Theme Name: YADSA Theme
Theme URI: https://yadsa.fr/
Author: Salem Haroun
Author URI: https://salemharoun.com
Description: Thème WordPress sur mesure avec accueil natif YADSA, compatible Elementor et Slider Revolution.
Version: 1.2.9
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: yadsa-theme
*/
:root{--yadsa-orange:#f75900;--yadsa-black:#050505;--yadsa-white:#fff;--yadsa-font:"Outfit",Arial,sans-serif}
html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#fff;font-family:var(--yadsa-font)}
.site-header{min-height:100px;background:#050505;display:flex;align-items:center;justify-content:center;gap:5vw;padding:10px 4vw;position:relative;z-index:20}
.site-header .brand{display:flex;align-items:center;width:155px;flex:0 0 155px;height:80px}.site-header .brand img{max-width:100%;max-height:100%;object-fit:contain}
.site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,28px);flex-wrap:wrap}.site-header nav ul{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,28px);flex-wrap:wrap;list-style:none;margin:0;padding:0}.site-header nav li{margin:0;padding:0}.site-header nav a{font-size:14px;color:#f5f5f5;text-decoration:none}.site-header nav a:hover{color:var(--yadsa-orange)}
@media(max-width:760px){.site-header{gap:12px;flex-wrap:wrap}.site-header .brand{width:90px;flex-basis:90px;height:55px}.site-header nav{gap:10px 14px}.site-header nav a{font-size:12px}}


/* Shared title banner on secondary WordPress pages. */
.yadsa-page-banner {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: clamp(42px, 6vw, 76px) 24px clamp(36px, 5vw, 60px);
    box-sizing: border-box;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(247, 89, 0, .11), transparent 60%),
        linear-gradient(180deg, #111111 0%, #080808 100%);
    border-bottom: 1px solid rgba(247, 89, 0, .22);
}
.yadsa-page-banner__inner {
    width: min(1180px, 100%);
    margin: 0 auto;
    text-align: center;
}
.yadsa-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 18px;
    color: rgba(255,255,255,.58);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .08em;
    line-height: 1.5;
    text-transform: uppercase;
}
.yadsa-breadcrumb a {
    color: rgba(255,255,255,.68);
    text-decoration: none;
    transition: color .2s ease;
}
.yadsa-breadcrumb a:hover { color: #f75900; }
.yadsa-breadcrumb__separator { color: #f75900; }
.yadsa-page-banner__title {
    margin: 0;
    color: #fff;
    font-family: var(--yadsa-font, "Outfit", Arial, sans-serif);
    font-size: clamp(25px, 4vw, 42px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}
/* Direct page URL displayed below the shared page title. */
.yadsa-page-url {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: min(760px, 100%);
    margin: 18px auto 0;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 6px;
    background: rgba(0,0,0,.38);
    box-sizing: border-box;
}
.yadsa-page-url__link {
    color: rgba(255,255,255,.78);
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    text-decoration: none;
}
.yadsa-page-url__link:hover { color: #f75900; }
.yadsa-page-url__copy {
    flex: 0 0 auto;
    border: 1px solid #f75900;
    border-radius: 4px;
    padding: 7px 11px;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 11px;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}
.yadsa-page-url__copy:hover,
.yadsa-page-url__copy:focus-visible { background: #f75900; color: #fff; }
.yadsa-page-url__status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
    .yadsa-page-url { gap: 8px; margin-top: 14px; padding: 8px; }
    .yadsa-page-url__link { font-size: 11px; }
}

.yadsa-page-banner__accent {
    display: block;
    width: 58px;
    height: 3px;
    margin: 23px auto 0;
    border-radius: 3px;
    background: #f75900;
    box-shadow: 0 0 16px rgba(247,89,0,.28);
}
@media (max-width: 767px) {
    .yadsa-page-banner { padding: 36px 18px 32px; }
    .yadsa-breadcrumb { margin-bottom: 14px; font-size: 10px; }
    .yadsa-page-banner__title { font-size: clamp(23px, 7vw, 32px); }
    .yadsa-page-banner__accent { margin-top: 18px; }
}


/* Scrolling red announcement strip, matching the approved HTML prototype. */
.yadsa-ticker {
    height: 26px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: #e91e23;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    box-sizing: border-box;
}
.yadsa-ticker span {
    display: inline-block;
    min-width: max-content;
    padding-left: 100%;
    animation: yadsa-ticker-marquee 42s linear infinite;
}
.yadsa-ticker:hover span,
.yadsa-ticker:focus-within span {
    animation-play-state: paused;
}
@keyframes yadsa-ticker-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
@media (max-width: 767px) {
    .yadsa-ticker { height: 25px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    .yadsa-ticker span { animation: none; padding-left: 12px; }
}


/* Fixed return-to-top control, shared across homepage and secondary pages. */
.yadsa-back-to-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(247,89,0,.75);
    border-radius: 50%;
    background: rgba(8,8,8,.88);
    color: #f75900;
    font: inherit;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease, background .2s ease;
}
.yadsa-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.yadsa-back-to-top:hover {
    background: #f75900;
    color: #050505;
}
@media (max-width: 620px) {
    .yadsa-back-to-top { right: 16px; bottom: 16px; width: 40px; height: 40px; }
}