.main-header {margin:0px;padding:0px;width:100%;font-family:sans-serif;position:relative;z-index:100;}
.header-row-1 {padding:14px 60px;margin:0px;font-size:90%;font-weight:bold;color:white;background-color:var(--maincolor1);display:flex;justify-content:space-between;align-items:center;flex-direction:row;box-shadow:0 2px 10px rgba(0,0,0,0.15);}
.header-brand-link {text-decoration:none; color:white; transition:opacity 0.2s;}
.header-brand-link:hover {opacity:0.85;}
.header-row-1-1 {display:flex;justify-content:flex-start;align-items:center;flex-direction:row;text-align:left;}
#header-row-1-2-titles {margin-left: 15px;}
.header-texte-1 {font-size:17px; font-weight:700; margin:0; letter-spacing:0.5px;}
.header-texte-2 {font-size:11px; font-weight:400; margin:0; color:rgba(255,255,255,0.7); margin-top:2px;}
.header-desktop-nav {display:flex; flex-direction:row; gap:25px; align-items:center;}
.header-row-1-2-item {color:rgba(255,255,255,0.9); font-size:13px; font-weight:bold; cursor:pointer; padding:6px 12px; transition:all 0.15s;}
.header-row-1-2-item:hover {color:#ffffff; text-decoration:underline;}
#header-row-1-1-falist {margin-left:15px;padding:6px 10px;border:solid 2px white; border-radius:6px; transition:all 0.15s;}
#header-row-1-1-falist i {font-size:24px;color:white; display:block;}
#header-row-1-1-falist:hover {transform:scale(1.05); background:rgba(255,255,255,0.1); cursor:pointer;}
.site-logo-radius {width:55px;height:55px;border-radius:50%;border:solid 2px rgba(255,255,255,0.4); object-fit:cover;}
.header-row-1-3 {display:flex;flex-direction:row;justify-content:center;align-items:center;}
.header-row-1-3-1 {font-size:12px; background:rgba(255,255,255,0.12); padding:8px 14px; border-radius:6px; border:1px solid rgba(255,255,255,0.1);}
.user-badge-link {text-decoration:none; color:white; display:flex; align-items:center; gap:8px;}
.header-mobile-account {display:none;}
#header-row-2 {padding:0px;margin:0px;background-color:rgba(31,28,58,0.96); backdrop-filter:blur(10px); z-index:101;display:none;position:absolute;width:100%;border-bottom:3px var(--maincolor2) solid; box-shadow:0 10px 25px rgba(0,0,0,0.3);}
#header-row-2-box {display:flex;flex-direction:row;justify-content:center;padding:20px;max-width:1400px;margin:0 auto;box-sizing:border-box;gap:20px;}
#header-row-2-box a, #header-row-2-box p {color:white; margin:0; padding:4px 0;}
.header-row-2-box-menu {width:19%; padding:5px 0px; border-radius:10px; box-sizing:border-box;}
#header-row-2-box.single-display .header-row-2-box-menu {width:55%; min-width:320px;}
.header-row-2-box-menu-1 {padding:12px;margin:0 10px;color:white;cursor:pointer;border-bottom:1px rgba(255,255,255,0.3) dotted;background-color:var(--maincolor2); text-align:center; font-weight:bold; border-radius:6px 6px 0 0; font-size:13px; letter-spacing:0.5px;}
.header-row-2-box-menu-2 {display:none;background-color:var(--hovercolor);padding:15px;margin:0 10px;border-radius:0px 0px 8px 8px;text-align:left; box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);}
.header-row-2-box-menu-2 a {display:block;font-size:13px;color:rgba(255,255,255,0.9);text-decoration:none; padding:4px 0;}
.header-row-2-box-menu-2 a:hover {color:#ffffff; font-style:italic; padding-left:4px; transition:all 0.1s;}

@media all and (max-width:1024px) {
    .header-row-1 {padding:12px 15px;}
    .header-account-box {display:none !important;}
    .header-desktop-nav {display:none !important;}
    #header-row-2-box {flex-direction:column; gap:8px; padding:15px;}
    .header-mobile-account {display:block; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); border-radius:6px; padding:12px; text-align:center; margin-bottom:10px;}
    .header-mobile-account a {display:block; color:#ffffff !important; font-weight:bold; font-size:14px; text-decoration:none;}
    .header-mobile-account i {margin-right:8px; font-size:16px;}
    .header-row-2-box-menu {width:100% !important;}
}