/* La Rafale Live — thème clair 2026.
   Fonds blancs, bleu ardoise pour les actions, gris bleuté pour les cartes.
   Les images et le flux vidéo restent volontairement fidèles à l'original. */
:root{
  color-scheme:light;
  --bg:#ffffff;
  --surface:#ffffff;
  --surface2:#f2f6fa;
  --stroke:#d5dfe8;
  --text:#1b2936;
  --muted:#536575;
  --orange:#295d84;
  --orange2:#244f71;
  --green:#176547;
  --ui-blue:#295d84;
  --ui-blue-dark:#204763;
  --ui-soft:#e8f1f8;
  --ui-border:#bccedc;
  --ui-gold:#e9bc50;
}
html{background:#fff}
body,body.mode-home,body.mode-viewer,body.mode-host{
  background:#fff!important;color:#1b2936
}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #457eaa;outline-offset:2px
}
button:not(:disabled):active{filter:brightness(.95)}
.site-header{background:#fff!important;border-color:#dfe6eb;color:#1b2936;box-shadow:0 2px 10px #1a31400a}
.brand strong,.brand-name strong{color:#1b2936}
.brand strong span,.brand-name strong span{color:#295d84}
.brand small,.brand-name small,.local-clock,.connection{color:#526270}
.status-dot.online{background:#228261}
.pill,.outline{border-color:#b9cad8;background:#f2f6fa;color:#234157}
.pill:hover,.outline:hover{background:#e4eef6;border-color:#6c95b4}
.container{color:#1b2936}
.card,.auction-panel,.chat-card{background:#fff;color:#1b2936;border-color:#d6e1e9;box-shadow:0 5px 22px #1b314009}
.card-title h3,.card-title strong,.host-actions h2,.auction-panel strong,.chat-heading h2{color:#1b2936}
.card-title,.chat-heading{border-color:#dce6ed}
input,select,textarea,.account-forms input{
  background:#fff;color:#20303c;border:1px solid #aebfcd;
}
input::placeholder,textarea::placeholder{color:#687b8b}
input:focus,select:focus,textarea:focus{border-color:#457fa9;outline-color:#457fa9}
.account-forms label,.gift-controls label,.bid-bar label,.m-bid-sheet label{
  color:#304455
}
.fine-note,.muted-mini,.identity,.chat-heading p,.lot-desc,.account-forms p{
  color:#536575
}
.tag{background:#e9f1f7;color:#35546b;border:1px solid #c8d9e6}
.tag.active{background:#dceef0;color:#125a62;border-color:#91c2c7}
.button{border:1px solid transparent;box-shadow:none}
.button.orange,.home-watch-button,.m-primary-action,.home-register,.contact-send{
  background:#295d84!important;border:1px solid #245272!important;color:#fff!important;
  box-shadow:0 3px 9px #295d8420
}
.button.orange:hover,.home-watch-button:hover,.m-primary-action:hover,.home-register:hover,.contact-send:hover{
  background:#204763!important
}
.button.light,.button.dark,.secondary-bid,.m-outline-action,.home-login{
  background:#edf3f8!important;color:#21445d!important;border:1px solid #afc3d3!important;
  box-shadow:none!important
}
.button.light:hover,.button.dark:hover,.m-outline-action:hover,.home-login:hover{
  background:#e0edf6!important;border-color:#6e9ab9!important
}
.button:disabled,.m-primary-action:disabled,.m-outline-action:disabled{opacity:.52}
.text-action,.logout-link{color:#235a80}
.text-action:hover,.logout-link:hover{color:#153d58}
.account-switch button[aria-pressed="true"],.account-switch button.selected,.account-switch button.active{
  background:#e7f1f8!important;color:#174663!important;border:2px solid #285f89!important
}
.countdown-box{background:#f3f7fa;border-color:#d1dde7}
.countdown-box>span,.countdown-box small{color:#466078}
.countdown-box strong{color:#1c6581}
.bid-bar{border-color:#d9e3eb}
.avatar{background:#e9eef4;color:#245b80}
.msg,.msg-head,.msg-text,.mod-info span{color:#263846}
.chat-form{border-color:#dce5ec}
.customer-entry,.mod-entry,.seller-show-row{border-color:#d7e2eb}
.blocked-tag{color:#a53c32}
.seller-show-row{background:#f8fafc}
.seller-show-info small{color:#536575}
.current-show-hint{background:#edf4f8;border-color:#b2cbdc;color:#245477}
.gift-controls select{background:#fff;color:#20303c;border-color:#adc0ce}
.gift-state{background:#eef5f8;color:#315064;border-color:#c8d9e2}
.sales-spotlight,.sales-card,.control-card{background:#fff!important;border-color:#d5e0e8!important}
.sales-spotlight #salesSpotlightTotal,#quickSalesTotal{color:#176547}
#salesSpotlightItems{color:#304456}
.buyer-print-options{border-color:#d7e0e8}
.buyer-print-options>strong{color:#304456}
#hostChatLines{background:#f7fafc;color:#1b2936;border-color:#c5d6e2}
#hostChatLines .m-host-comment{border-bottom-color:#dbe5ee}
#hostChatLines .m-host-comment-actions button{background:#eaf1f7;color:#284761;border-color:#c1d2e0}
.host-login{background:#fff;color:#1b2936}
.host-actions .eyebrow{color:#476d85}

/* Accueil : l'accès au direct reste l'élément le plus visible. */
body.mode-home .home-rafale{background:#fff;color:#1b2936}
body.mode-home .home-head{border-bottom:1px solid #dfe7ed}
body.mode-home .home-head strong,body.mode-home .home-brand-copy strong{color:#1b2936}
body.mode-home .home-head strong span,body.mode-home .home-brand-copy strong span{color:#295d84}
body.mode-home .home-head p,body.mode-home .home-brand-copy p{color:#526473}
body.mode-home .home-top-buttons button{
  border-width:1px!important;border-style:solid!important;
  font-weight:850!important;box-shadow:none!important
}
body.mode-home .home-register{background:#295d84!important;border-color:#245272!important;color:#fff!important}
body.mode-home .home-login{background:#edf3f8!important;border-color:#a8becf!important;color:#24455d!important}
body.mode-home .home-seller{background:#344a5c!important;border-color:#2f4353!important;color:#fff!important}
body.mode-home .home-contact{background:#f7f9fb!important;border-color:#bdcdda!important;color:#31536b!important}
body.mode-home .home-top-buttons button:hover{filter:brightness(.94)}
body.mode-home .home-top-buttons button:focus-visible{outline:3px solid #457eaa}
body.mode-home .home-live-feature{
  background:#fff;border:1px solid #cddbe5;box-shadow:0 5px 17px #2137470d
}
body.mode-home .home-live-feature:not(.is-live){background:#f3f7fa}
body.mode-home .home-live-copy h1{color:#1c2a35}
body.mode-home .home-live-copy p{color:#526473}
body.mode-home .home-live-badge{background:#e4eef5;color:#315d7c}
body.mode-home .home-live-feature.is-live{border:2px solid #c15a43;box-shadow:0 0 0 3px #d9714430}
body.mode-home .home-live-feature.is-live .home-live-badge{background:#b64030;color:#fff}
body.mode-home .home-section-head h2{color:#20303c}
body.mode-home .home-section-head span{color:#536879}
body.mode-home .home-show{
  color:#1b2936;background:#fff!important;border:1px solid #cfdee8;
  box-shadow:0 3px 12px #1b344011
}
body.mode-home .home-show:hover,body.mode-home .home-show:focus-visible{
  border-color:#5080a2;box-shadow:0 6px 16px #1b34401b
}
body.mode-home .home-show-cover{border:1px solid #cfdae3!important;box-shadow:none!important}
body.mode-home .home-show-text strong{color:#1b2936}
body.mode-home .home-show-text small{color:#496579}
body.mode-home .home-no-show{background:#f4f7fa;border:1px solid #d2e0e9;color:#3e5466}
body.mode-home .home-mag-teaser{
  background:#fff;border:1px solid #d4e0e8;box-shadow:none
}
body.mode-home .home-mag-teaser h2{color:#233544}
body.mode-home .home-mag-teaser span{color:#426e8b}
body.mode-home .home-mag-teaser p{color:#516575}
body.mode-home .home-mag-link{background:#eaf2f8;border-color:#adc5d7;color:#285a7a}
body.mode-home .home-privacy{color:#647889}

/* Les pages compte et achats suivent le même blanc. */
body.mode-viewer.account-landing{
  background:#fff!important;color:#1b2936!important
}
body.mode-viewer.account-landing .chat-card{
  background:#fff!important;color:#1b2936!important;border-color:#d0dde6!important
}
body.mode-viewer.account-landing .chat-heading{
  background:#fff!important;color:#1b2936!important;border-color:#dfe7ee!important
}
body.mode-viewer.account-landing .chat-heading h2{color:#1b2936}
body.mode-viewer.account-landing .chat-heading p{color:#526575}
body.mode-viewer.account-landing .chat-form{background:#fff!important}
body.mode-viewer.account-landing .identity{color:#43586a}
body.mode-viewer.account-landing .account-forms label{color:#304455!important}
body.mode-viewer.account-landing input{background:#fff;color:#1b2936!important;border-color:#aebfcd}
body.mode-viewer.account-landing .chat-heading .m-close-account{
  background:#edf3f8;color:#254b67;border-color:#b8cedd
}
#purchaseList{background:#f8fbfd;color:#203140;border-color:#cedee9}
.purchase-group{border-color:#d9e5ec}
.purchase-row{border-color:#e8eef2}
.purchase-gift{background:#fff3d5;color:#78501c}
#logoutClient:not([hidden]){background:#eff4f8;color:#285372;border-color:#b0c6d6}
.viewer-contact{background:#edf4f8;color:#28536e;border-color:#b8cfdf}
.contact-dialog{background:#fff;color:#1b2936;border-color:#c6d8e5}
.contact-dialog h2{color:#1b2936}
.contact-dialog>p,.contact-privacy{color:#526575}
.contact-form label{color:#2c4354}
.contact-close{background:#edf3f8;color:#244760}
.contact-form input,.contact-form textarea,.contact-form select{background:#fff;color:#1b2936;border-color:#aebfcd}
.contact-direct a{color:#225a81}

/* Modales vendeur, sessions, commandes et commentaires en clair. */
body.mode-host:not(.mobile-host-classic) .host-login{background:#fff;color:#1b2936}
.seller-mag-access{background:#edf4f8;border-color:#c3d7e4}
.seller-mag-access a{color:#265f85}
.seller-mag-access small{color:#536575}
.host-quick-modal{background:#0d233858}
.host-modal-content{
  background:#fff!important;color:#1b2936!important;border:1px solid #bfd0dc!important;
  box-shadow:0 16px 45px #1d324035
}
.host-modal-content label{color:#344b5d}
.host-modal-content select{background:#fff;color:#20303c;border-color:#abc3d5}
.host-modal-content .modal-title-row h3{color:#1b2936}
.modal-title-row button{background:#e9f1f7;color:#254c69}
.sale-quick-line{border-color:#dce7ee}
#quickGiftState{color:#486276}

/* Pendant le live : conserver le flux vidéo en fond, rendre les contrôles blancs et visibles. */
@media(max-width:700px){
  body.mode-host.host-auth:not(.mobile-host-classic),
  body.mode-viewer:not(.account-landing){background:#fff!important}
  body.mode-host.host-auth:not(.mobile-host-classic) .m-host-ui{
    background:linear-gradient(to bottom,#ffffffdc 0%,transparent 27%,transparent 55%,#ffffffc6 100%)
  }
  .m-host-head{
    background:#fffffff0;border-bottom:1px solid #d0dce5;
    color:#182d3d;box-shadow:0 2px 8px #1a2f3812
  }
  .m-host-head strong{color:#1b2936}
  .m-host-head strong span{color:#295d84}
  .m-host-head small{color:#455d70}
  .m-host-head button{
    background:#f5f8fa!important;color:#284961!important;
    border:1px solid #afc4d4!important;box-shadow:none!important;backdrop-filter:none
  }
  .m-host-head .m-host-nav button.nav-active{
    background:#d9ebf6!important;color:#184d73!important;
    border:2px solid #2f6b96!important;
    box-shadow:inset 0 -3px 0 #2f6b96!important
  }
  .m-host-head .m-host-nav button:focus-visible{outline:2px solid #2f6b96}
  .m-host-meta{color:#253f52;text-shadow:none}
  #mHostLiveState{background:#e9f0f5;color:#3f6175}
  #mHostLiveState.live{background:#bb4b3a;color:white}
  .m-host-right-actions button{
    background:#fffefeea;color:#24465e;
    border:1px solid #acc3d3;backdrop-filter:blur(8px);
    box-shadow:0 2px 9px #1c364021
  }
  .m-host-right-actions button:disabled{opacity:.45}
  .m-host-dock{
    background:linear-gradient(to top,#fffffff9 0%,#ffffffef 70%,#ffffff00 100%);
    color:#1b2936
  }
  .m-host-lot-line,.m-host-best-line{color:#263b4c}
  #mHostTimer{color:#205e86}
  #mHostTimer.urgent{color:#b5372c}
  .m-host-best-line b{color:#176747}
  .m-host-chat{
    background:#fffffff0;color:#1b2936;
    border:1px solid #afc9d9;box-shadow:0 2px 11px #1d385029
  }
  .m-host-chat-head button{background:#eaf2f8;color:#234e6b;border-color:#aec6d7}
  .m-host-comment{border-color:#d6e2e9}
  .m-host-comment-actions button{background:#edf3f8;color:#284960;border-color:#b6cdda}
  .m-host-zoom{color:#24465f!important;background:#ffffffef!important;border-color:#b3c9d7!important}
  .m-host-zoom button{background:#eff4f8!important;color:#25435a!important;border-color:#acc5d7!important}
  .m-host-zoom button.selected{background:#dbeaf5!important;color:#174567!important;border:2px solid #2b6d98!important}
  .m-host-gift-fab{
    background:#fff!important;border:2px solid #c29946!important;color:#1d3547!important;
    box-shadow:0 4px 12px #233e5025!important
  }
  .m-end-session:not([hidden]){
    background:#e3f2eb!important;border-color:#93c4ad!important;color:#155d42!important
  }
  body.mode-host.host-auth.mobile-host-classic{
    background:#fff!important;color:#1b2936
  }
  body.mode-host.host-auth.mobile-host-classic .m-host-ui{
    background:#fff;border-bottom:1px solid #d5e0e8
  }
  body.mode-host.host-auth.mobile-host-classic .m-host-head{box-shadow:none}
  body.mode-host.host-auth:not(.mobile-host-classic).mobile-host-lot-open .host-grid>.control-card{
    background:#fff!important;color:#1b2936;border-color:#c3d7e2;
    box-shadow:0 -12px 50px #1a36402f
  }
  body.mode-host.host-auth:not(.mobile-host-classic).mobile-host-lot-open .host-grid>.control-card .card-title{
    background:#fff!important
  }
  body.mode-host.host-auth:not(.mobile-host-classic).mobile-host-lot-open .m-host-sheet-actions button{
    background:#e8f1f8;color:#274b67
  }
  /* Public : gardons la vidéo visible, avec un bandeau blanc non agressif. */
  body.mode-viewer .m-view-top{
    background:#fffffff0;border-bottom:1px solid #d6e2ea
  }
  body.mode-viewer .m-view-brand{text-shadow:none;color:#1b2936}
  body.mode-viewer .m-view-brand b{color:#1b2936}
  body.mode-viewer .m-view-brand b span{color:#295d84}
  body.mode-viewer .m-view-brand small{color:#526575}
  body.mode-viewer .m-view-top .m-icon-button,
  body.mode-viewer .m-view-top .m-account-button,
  body.mode-viewer .m-view-top .m-seller-button{
    background:#edf3f8;color:#244d69;border-color:#b5cbd9;backdrop-filter:none
  }
  body.mode-viewer .m-view-dock{
    background:linear-gradient(to top,#fffffffa 0%,#fffffff5 80%,#ffffff00 100%);
    color:#203140
  }
  body.mode-viewer .m-auction-description small{color:#376b87}
  body.mode-viewer .m-auction-description strong,
  body.mode-viewer .m-auction-description span{color:#1e3344}
  body.mode-viewer .m-auction-price strong{color:#174a68}
  body.mode-viewer .m-auction-price span{color:#215e86}
  body.mode-viewer .m-auction-price span.urgent{color:#b53931}
  body.mode-viewer .m-inline-max label{color:#2b5067}
  body.mode-viewer .m-max-note{color:#536b7b}
  body.mode-viewer .m-inline-max button{background:#295d84;color:#fff}
  body.mode-viewer .m-bid-sheet{
    background:#fff;color:#1b2936;border-color:#bdcfdd
  }
  body.mode-viewer .m-sheet-head button{background:#edf3f8;color:#254a66}
  body.mode-viewer .m-bid-sheet label{color:#2f4657}
  /* Compte ouvert : la page et le panneau sont blancs et non pas anthracite. */
  body.mode-viewer.mobile-account-open:not(.account-landing) .chat-card{
    background:#fff!important;color:#203140;border-color:#c3d5e1
  }
  body.mode-viewer.mobile-account-open:not(.account-landing) .chat-heading{
    background:#fff!important;color:#203140;border-color:#d9e5ed
  }
  body.mode-viewer.mobile-account-open:not(.account-landing) .chat-form{background:#fff;color:#203140}
  body.mode-viewer.mobile-account-open .m-close-account{background:#edf3f8;color:#254a65}
  body.mode-viewer.mobile-account-open .account-forms label{color:#314c5f}
}
@media(min-width:701px){
  body.mode-viewer .site-header,
  body.mode-host .site-header{background:#fff;color:#203140;border-color:#d6e3eb}
  body.mode-viewer .auction-panel,
  body.mode-viewer .chat-card{background:#fff;color:#203140;border-color:#d1e0e9}
  body.mode-viewer .messages{background:#fff}
  body.mode-viewer .tag{background:#eaf2f7;color:#315775}
}
/* Les actions importantes sont distinguées sans saturation excessive. */
.m-host-button-row #mHostPrepare{
  background:#eaf2f8!important;color:#234c69!important;
  border:1px solid #a7c2d5!important;box-shadow:none!important
}
.m-host-button-row #mHostPrepare:hover{background:#dcebf5!important}
.m-host-button-row #mHostCloseLot{
  background:#fff4f2!important;color:#8c3a33!important;
  border:1px solid #c89e98!important
}
.m-host-button-row #mHostCloseLot:disabled{opacity:.42}
.m-host-right-actions #mHostStop:not(:disabled){
  background:#fff2ef!important;color:#9b4137!important;
  border-color:#d9aba4!important
}
.m-host-button-row #mHostStart:not(:disabled){
  background:#295d84!important;color:#fff!important
}
body.mode-host.host-auth.mobile-host-video-contain #mHostFit{
  background:#daecf6!important;color:#174a6b!important;
  border:2px solid #2c709d!important
}
/* Ne pas altérer les images des produits, la caméra ni les vidéos en direct. */

/* Caméra vendeur : discussion en surimpression comme côté spectateur.
   Pas de panneau blanc : la vidéo reste visible derrière les messages.
   Les actions de modération et le bouton Réduire restent accessibles. */
@media(max-width:700px){
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat{
    position:absolute;
    left:12px;
    right:90px;
    bottom:calc(100% + 2px);
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:0;
    border:0!important;
    border-radius:0;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    color:#fff!important;
    max-height:min(22dvh,155px);
    overflow:visible;
    pointer-events:none;
    z-index:6;
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat .m-host-chat-head{
    min-height:24px;
    gap:8px;
    color:#fff!important;
    font-size:11px;
    text-shadow:0 1px 3px #000,0 2px 11px #000c;
    pointer-events:none;
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat .m-host-chat-head b{
    font-size:11px;
    font-weight:750;
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChatToggle{
    color:#fff!important;
    background:#151d27a8!important;
    border:1px solid #ffffff7d!important;
    border-radius:9px;
    font-size:10px;
    min-height:28px;
    padding:5px 8px;
    text-shadow:none;
    pointer-events:auto;
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat .m-host-chat-lines{
    max-height:min(17dvh,120px);
    min-height:0;
    padding:0 2px 1px 0;
    gap:5px;
    overflow-y:auto;
    pointer-events:auto;
    scrollbar-width:none;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 100%);
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat .m-host-chat-lines::-webkit-scrollbar{display:none}
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat .m-host-comment{
    border:0;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none;
    padding:1px 0;
    align-items:center;
    gap:7px;
    font-size:12px;
    line-height:1.35;
    text-shadow:0 1px 3px #000,0 2px 9px #000e;
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat .m-host-comment>span:first-child{
    color:#fff;
    font-weight:650;
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat .m-host-comment-actions{
    flex:0 0 auto;
    gap:3px;
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat .m-host-comment-actions button{
    min-width:26px;
    min-height:26px;
    padding:2px 5px;
    border:1px solid #ffffff82;
    border-radius:7px;
    color:#fff!important;
    background:#171d27a6!important;
    text-shadow:none;
    font-size:13px;
    pointer-events:auto;
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat.collapsed{
    max-height:36px;
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostChat.collapsed .m-host-chat-lines{
    display:none;
  }
}

/* Vendeur mobile : STOP immédiatement repérable, au-dessus de Retourner.
   Le zoom reste en haut à gauche, les commentaires sont indépendants. */
@media(max-width:700px){
 body.mode-host.host-auth:not(.mobile-host-classic) .m-host-right-actions{
  top:calc(107px + env(safe-area-inset-top,0px));
  right:12px;
  gap:9px;
  z-index:31;
 }
 body.mode-host.host-auth:not(.mobile-host-classic) .m-host-right-actions #mHostStop{
  width:88px;
  min-height:73px;
  padding:9px 4px;
  border-radius:13px;
  background:#bc3238!important;
  border:2px solid #8c202b!important;
  color:#fff!important;
  font-size:24px;
  font-weight:950;
  box-shadow:0 4px 14px #731c224d!important;
  opacity:1;
 }
 body.mode-host.host-auth:not(.mobile-host-classic) .m-host-right-actions #mHostStop span{
  color:#fff;
  font-size:11px;
  line-height:1.15;
  font-weight:850;
  text-align:center;
  max-width:80px;
 }
 body.mode-host.host-auth:not(.mobile-host-classic) .m-host-right-actions #mHostStop:disabled{
  background:#f1d7d8!important;
  border-color:#d9b3b7!important;
  color:#9a6670!important;
  box-shadow:none!important;
  opacity:.8;
 }
 body.mode-host.host-auth:not(.mobile-host-classic) .m-host-right-actions #mHostStop:disabled span{
  color:#91636a!important;
 }
 body.mode-host.host-auth:not(.mobile-host-classic) .m-host-right-actions #mHostFlip{
  width:88px;
  min-height:60px;
  border-radius:13px;
 }
}

/* Les Pépites ne s'affichent qu'après les directs et avant Le Mag. */
body.mode-home .home-pepites{margin:24px 0 19px}
body.mode-home .home-pepites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:13px 0}
body.mode-home .home-pepites-card{background:#fff;color:#20313f;border:1px solid #d0dee8;border-radius:13px;overflow:hidden;text-decoration:none;min-width:0;box-shadow:0 3px 11px #233f5011}
body.mode-home .home-pepites-card:hover,body.mode-home .home-pepites-card:focus-visible{border-color:#689bbd}
body.mode-home .home-pepites-photo,body.mode-home .home-pepites-placeholder{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#ecf3f8}
body.mode-home .home-pepites-placeholder{display:grid;place-items:center;color:#48718a;font-weight:900;font-size:13px}
body.mode-home .home-pepites-info{display:flex;flex-direction:column;gap:6px;padding:11px}
body.mode-home .home-pepites-info small{font-size:10px;font-weight:900;color:#46738d}
body.mode-home .home-pepites-info strong{font-size:13px;line-height:1.28;color:#20313f}
body.mode-home .home-pepites-info b{font-size:20px;color:#285c82}
body.mode-home .home-pepites-clock{font-size:11px;color:#5a5160;font-variant-numeric:tabular-nums}
body.mode-home .home-pepites-all{display:block;max-width:270px;margin:12px auto 0;padding:11px;text-align:center;border:1px solid #adc7da;border-radius:10px;background:#eaf3f9;color:#285d81;font-weight:850;font-size:13px;text-decoration:none}
.purchase-pepites-link{display:block;text-align:center;padding:11px;margin:9px 0 5px;border:1px solid #b0c9db;border-radius:9px;color:#285d81;background:#edf5f9;font-size:12px;font-weight:850;text-decoration:none}
@media(max-width:700px){
 body.mode-home .home-pepites{margin:20px 0 14px}
 body.mode-home .home-pepites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.mode-home .home-pepites-info{padding:10px}
 body.mode-home .home-pepites-info strong{font-size:12px}
 body.mode-home .home-pepites-info b{font-size:18px}
}

/* Compteur de partages de la session courante, discret et lisible pendant le live. */
#shareLive{position:relative}
#viewerShareCount{
  position:absolute;top:-7px;right:-8px;min-width:20px;height:20px;
  display:flex;align-items:center;justify-content:center;
  padding:0 5px;border-radius:999px;
  background:#295d84;color:#fff;border:2px solid #fff;
  font-size:10px;line-height:1;font-weight:950;
  font-variant-numeric:tabular-nums;box-shadow:0 2px 7px #0b243d4d;
  pointer-events:none
}
.host-share-metric,.host-share-count{
  display:inline-flex;align-items:center;gap:4px;
  border:1px solid #b3cbdc;border-radius:12px;
  padding:6px 9px;background:#eaf3f9;color:#285778;
  font-size:12px;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums
}
@media(max-width:700px){
  body.mode-viewer .viewer-social #shareLive{overflow:visible}
  body.mode-viewer .viewer-social #viewerShareCount{top:-8px;right:-9px;font-size:10px}
  body.mode-host.host-auth:not(.mobile-host-classic) .m-host-meta{
    right:12px;gap:6px;flex-wrap:wrap;
  }
  body.mode-host.host-auth:not(.mobile-host-classic) #mHostShareCount{
    border:1px solid #aec7d7;padding:6px 7px;
    font-size:10px;line-height:1.2;background:#ffffffeb;
    color:#244c67;text-shadow:none;border-radius:8px;
  }
}

/* Réactions côté spectateur : bouton plus accessible sans déplacer Partager. */
@media(max-width:700px){
 body.mode-viewer .viewer-social #sendHeart{
  transform:translateY(58px);
  width:56px;height:56px;border-radius:50%;
  border:2px solid #ffd2dd;
  background:#a92c59ed;
  color:#fff;
  font-size:25px;
  box-shadow:0 4px 16px #53243b75;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
 }
 body.mode-viewer .viewer-social #sendHeart span{color:#fff;font-size:10px}
 body.mode-viewer .viewer-social #sendHeart:active{background:#d83b70}
}
.floating-heart{
 animation:rafaleHeartBurst 1.5s ease-out both;
 will-change:transform,opacity;
}
@keyframes rafaleHeartBurst{
 0%{transform:translate(0,9px) scale(.55);opacity:0}
 13%{opacity:1}
 68%{opacity:.93}
 100%{transform:translate(var(--drift,20px),var(--rise,-230px)) scale(1.35);opacity:0}
}
@media(prefers-reduced-motion:reduce){
 .floating-heart{animation:none!important;opacity:0!important}
}

/* Écrans courts : garder J'aime au-dessus du panneau d'enchères. */
@media(max-width:700px) and (max-height:680px){
 body.mode-viewer .viewer-social #sendHeart{transform:translateY(34px)}
}

/* Installer La Rafale Live : proposition mobile discrète sur la page d'accueil. */
.home-install-app{
 display:flex;align-items:center;gap:11px;
 margin:8px 0 17px;padding:11px 13px;
 background:#edf5fb;border:1px solid #c7dce9;
 border-radius:14px;color:#213e53;
 box-shadow:0 3px 13px #203d4e0d
}
.home-install-app[hidden],.install-help-overlay[hidden]{display:none!important}
.home-install-app>img{
 width:46px;height:46px;border-radius:11px;object-fit:contain;
 background:#fff;border:1px solid #d2e2ec;flex-shrink:0
}
.home-install-copy{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}
.home-install-copy strong{font-size:13px;font-weight:900;line-height:1.25}
.home-install-copy span{font-size:11px;color:#567084;line-height:1.35}
.home-install-button{
 flex-shrink:0;border:1px solid #255677;border-radius:10px;
 background:#295d84;color:#fff;font-size:12px;font-weight:900;
 padding:10px 12px;min-height:41px;white-space:nowrap
}
.home-install-button:active{background:#204763}
.install-help-overlay{
 position:fixed;inset:0;z-index:2000;
 background:#142d409c;padding:16px;
 display:flex;align-items:center;justify-content:center;
 overscroll-behavior:contain
}
.install-help-dialog{
 position:relative;background:#fff;color:#243b4e;
 width:min(440px,100%);max-height:calc(100dvh - 28px);
 overflow:auto;border-radius:18px;padding:25px;
 box-shadow:0 20px 65px #071f3c5c
}
.install-help-dialog>img{border-radius:14px;display:block;margin-bottom:12px}
.install-help-dialog h2{font-size:20px;line-height:1.2;margin:0 38px 10px 0}
.install-help-dialog p{font-size:14px;color:#567084;margin:0 0 13px}
.install-help-steps{padding-left:22px;margin:10px 0 19px}
.install-help-steps li{padding:5px 0 5px 2px;font-size:14px;line-height:1.4}
.install-help-steps li::marker{font-weight:900;color:#295d84}
.install-help-close{
 position:absolute;right:13px;top:12px;
 border:1px solid #c8dce9;background:#eff6fa;color:#2a516d;
 border-radius:50%;width:35px;height:35px;font-size:23px;line-height:1
}
.install-help-ok{
 display:block;width:100%;padding:12px;border-radius:11px;
 border:1px solid #255677;background:#295d84;color:white;
 font-size:14px;font-weight:900;min-height:45px
}
body.install-help-open{overflow:hidden}
@media(max-width:370px){
 .home-install-app{padding:10px;gap:8px}
 .home-install-app>img{width:40px;height:40px}
 .home-install-copy strong{font-size:12px}
 .home-install-copy span{font-size:10px}
 .home-install-button{padding:10px 9px;font-size:11px}
}

/* Modération vendeur : suspension limitée dans le temps et réversible. */
.moderation-overlay[hidden],.suspension-notice[hidden]{display:none!important}
.moderation-overlay{
 position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;
 padding:15px;background:#132d40bd;overscroll-behavior:contain
}
.moderation-dialog{
 position:relative;width:min(430px,100%);max-height:calc(100dvh - 30px);
 overflow:auto;overscroll-behavior:contain;background:#fff;color:#263b4c;
 border:1px solid #c8dae7;border-radius:18px;padding:22px;
 box-shadow:0 20px 65px #081c335c;
}
.moderation-dialog h2{font-size:21px;margin:0 35px 10px 0;line-height:1.2}
.moderation-dialog label{display:block;margin:11px 0 5px;font-weight:850;font-size:13px}
.moderation-dialog select{
 width:100%;min-height:44px;border:1px solid #adc9d9;border-radius:10px;
 background:#fff;color:#20374b;padding:10px;font:inherit;font-size:14px
}
.moderation-dialog p{font-size:13px;line-height:1.5}
.moderation-client{margin:0 0 12px;color:#2e5d7b;font-weight:900}
.moderation-explain{
 background:#f0f5f9;border:1px solid #d3e2eb;border-radius:10px;
 padding:10px;color:#455d6e
}
.moderation-current{color:#9a4f19;font-weight:850}
.moderation-feedback{color:#9f2733;font-weight:850}
.moderation-close{position:absolute;top:12px;right:12px;width:37px;height:37px;border:1px solid #bdd0dc;border-radius:50%;background:#edf4f9;color:#234c69;font-size:24px}
.moderation-actions{display:flex;flex-wrap:wrap;gap:8px}
.moderation-submit,.moderation-lift{flex:1;min-height:46px;border-radius:10px;font-weight:900;font-size:13px;padding:11px}
.moderation-submit{border:1px solid #a33a38;background:#b64247;color:#fff}
.moderation-lift{border:1px solid #bad2df;background:#ecf5f9;color:#285e7e}
.moderation-tag{font-size:11px;font-weight:850;color:#934137;background:#fff0ec;border:1px solid #efc3b6;padding:5px 7px;border-radius:8px}
.suspension-notice{
 position:absolute;z-index:40;top:78px;left:13px;right:13px;max-width:430px;
 background:#fffffff4;color:#263949;border:2px solid #d89e95;border-radius:14px;
 padding:11px 13px;box-shadow:0 5px 19px #102a3a40;display:flex;flex-direction:column;gap:4px;
 pointer-events:none
}
.suspension-notice b{font-size:13px;color:#9b303e}
.suspension-notice span{font-size:12px}
.suspension-notice strong{font-variant-numeric:tabular-nums;font-size:24px;color:#244f72;line-height:1.2}
.suspension-notice small{font-size:10px;color:#556b7a}
body.client-suspended #sendChat,
body.client-suspended #quickOne,
body.client-suspended #sendMax,
body.client-suspended #mViewerBid,
body.client-suspended #mSendMax,
body.client-suspended #joinGiveaway{opacity:.55;cursor:not-allowed}
@media(max-width:700px){
 body.mode-viewer .suspension-notice{
  top:calc(94px + env(safe-area-inset-top,0px));
  left:10px;right:82px;max-width:290px;padding:10px 11px;
 }
 body.mode-viewer .suspension-notice strong{font-size:20px}
 .moderation-dialog{padding:18px}
 .moderation-dialog h2{font-size:19px}
}

/* Un clic sur le pseudo du commentateur ouvre directement sa modération. */
.m-host-comment .m-host-author{
 border:0!important;background:transparent!important;color:inherit!important;
 font-size:inherit;font-weight:900;text-decoration:underline;
 text-underline-offset:2px;cursor:pointer;padding:0 2px 0 0;
 box-shadow:none!important;min-width:0
}
body.mode-host.host-auth:not(.mobile-host-classic) .m-host-comment .m-host-author{
 color:#fff!important;text-shadow:0 1px 4px #000b
}