/* Hametoo Stories 4.9 — éditeur de story inspiré du parcours Facebook */
.ham-stories{position:relative!important;padding:0!important;margin:0!important;overflow:visible!important}
.ham-stories__head{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:32px!important;margin:0 0 6px!important;padding:0!important}
.ham-stories__title{margin:0!important;padding:0!important;text-align:left!important;font-size:16px!important;line-height:1.2!important;font-weight:500!important}
.ham-stories__create-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#111!important;font-family:inherit!important;font-size:12px!important;line-height:1!important;font-weight:500!important;box-shadow:none!important;text-decoration:none!important}
.ham-stories__create-trigger:hover{background:transparent!important;color:#555!important;text-decoration:underline!important}
.ham-stories__rail-wrap{position:relative!important;display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}
.ham-stories__rail{position:relative!important;display:grid!important;grid-template-columns:1fr 2fr 1fr!important;grid-template-rows:145px 145px!important;gap:3px!important;width:100%!important;min-height:0!important;height:293px!important;margin:0!important;padding:0!important;overflow:hidden!important;align-items:stretch!important;justify-content:stretch!important}
.ham-story-card:not(.ham-story-card--create){display:block!important;position:relative!important;flex:none!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;transform:none!important;box-shadow:none!important;overflow:hidden!important;background:#eee!important}
.ham-story-card:not(.ham-story-card--create):hover,.ham-story-card:not(.ham-story-card--create).is-deck-active{z-index:2!important;transform:none!important;box-shadow:inset 0 0 0 2px #111!important}
.ham-story-card:nth-of-type(2){grid-column:2;grid-row:1 / span 2}
.ham-story-card:nth-of-type(3){grid-column:1;grid-row:1}
.ham-story-card:nth-of-type(4){grid-column:3;grid-row:1}
.ham-story-card:nth-of-type(5){grid-column:1;grid-row:2}
.ham-story-card:nth-of-type(6){grid-column:3;grid-row:2}
.ham-story-card:nth-of-type(n+7){display:none!important}
.ham-story-card__media{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
.ham-story-card__profile{position:absolute!important;z-index:4!important;left:9px!important;top:9px!important;width:32px!important;height:32px!important;padding:2px!important;border:2px solid #6d28d9!important;border-radius:50%!important;background:#fff!important;object-fit:cover!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}
.ham-story-card__fade{display:block!important;position:absolute!important;inset:auto 0 0!important;height:42%!important;background:linear-gradient(transparent,rgba(0,0,0,.72))!important}
.ham-story-card__name{position:absolute!important;left:10px!important;right:8px!important;bottom:9px!important;width:auto!important;height:auto!important;padding:0!important;background:transparent!important;color:#fff!important;text-align:left!important;font-size:12px!important;line-height:1.2!important;font-weight:600!important;z-index:3!important}
.ham-story-card--create{display:none!important}
.ham-story-card--create .ham-story-card__avatar{display:none!important}.ham-story-card--create .ham-story-card__plus{display:none!important}.ham-story-card--create .ham-story-card__create-label{margin:0!important;color:#fff!important;font-size:12px!important;font-weight:500!important}
.ham-stories__empty{grid-column:1/-1;padding:15px!important}
.ham-stories__scroll{display:none!important}
.ham-stories:after{content:""!important;display:block!important;width:100%!important;height:1px!important;margin:0!important;background:#d8d8d8!important;box-shadow:0 1px 0 rgba(0,0,0,.025)!important}

/* Création de story, parcours mobile inspiré des usages sociaux */
.ham-story-create__dialog{padding:0!important;overflow:hidden!important;border:1px solid #ddd!important;border-radius:10px!important;background:#fff!important}
.ham-story-create__head{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:58px!important;padding:0 52px!important;border-bottom:1px solid #e3e3e3!important}
.ham-story-create__head h3{margin:0!important;font-size:18px!important;line-height:1.2!important;font-weight:600!important}
.ham-story-create__close{left:14px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#111!important;font-size:24px!important;line-height:1!important}
.ham-story-create__user{display:flex!important;align-items:center!important;gap:10px!important;padding:14px 18px 8px!important}
.ham-story-create__user img{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important}.ham-story-create__user>span{display:flex!important;flex-direction:column!important}.ham-story-create__user strong{font-size:14px!important;font-weight:600!important}.ham-story-create__user small{margin-top:3px!important;color:#777!important;font-size:11px!important}
.ham-story-create__upload{margin:8px 18px 0!important;min-height:190px!important;padding:24px 15px!important;border:1px solid #ddd!important;border-radius:8px!important;background:#f5f5f5!important}
.ham-story-create__upload b{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;margin:0 auto 10px!important;border-radius:50%!important;background:#111!important;color:#fff!important;font-size:28px!important;font-weight:400!important;line-height:1!important}
.ham-story-create__upload span{font-size:15px!important;font-weight:600!important}.ham-story-create__upload small{font-size:11px!important}
.ham-story-create__workspace{position:relative!important;margin:12px 18px 0!important}.ham-story-create__preview{margin:0!important;overflow:hidden!important;border-radius:8px!important;background:#111!important}.ham-story-create__preview img,.ham-story-create__preview video{display:block!important;width:100%!important;max-height:420px!important;object-fit:contain!important}
.ham-story-create__tools{display:none!important;position:absolute!important;z-index:5!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;flex-direction:column!important;gap:10px!important}.has-media .ham-story-create__tools{display:flex!important}.ham-story-create__tools button{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;width:48px!important;padding:6px 2px!important;border:0!important;border-radius:8px!important;background:rgba(0,0,0,.66)!important;color:#fff!important;font-family:inherit!important}.ham-story-create__tools b{font-size:17px!important}.ham-story-create__tools span{font-size:9px!important;font-weight:500!important}
.ham-story-create__caption{margin:14px 18px 0!important;font-size:13px!important;font-weight:500!important}.ham-story-create__caption textarea{min-height:76px!important;border-color:#ddd!important;border-radius:7px!important}
.ham-story-create__bottom{display:flex!important;align-items:center!important;gap:10px!important;margin:14px 18px 18px!important}.ham-story-create__privacy{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;height:42px!important;padding:0 12px!important;border:0!important;border-radius:22px!important;background:#eee!important;color:#111!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important}.ham-story-create__privacy small{color:#777!important;font-size:10px!important;font-weight:400!important}.ham-story-create__privacy>span{font-size:8px!important}
.ham-story-create__submit{flex:1!important;width:auto!important;height:42px!important;margin:0!important;border-radius:22px!important;background:#111!important;color:#fff!important}
.ham-story-create__cancel{display:block!important;width:calc(100% - 36px)!important;height:42px!important;margin:-8px 18px 14px!important;padding:0!important;border:1px solid #d8d8d8!important;border-radius:6px!important;background:#fff!important;color:#111!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important}
.ham-story-create__cancel:hover{background:#f5f5f5!important}
.ham-story-create__notice{margin:0 18px 12px!important}

/* Visionneuse cinéma PC */
.ham-story-viewer__backdrop{background:rgba(245,245,245,.98)!important;backdrop-filter:blur(6px)}
.ham-story-viewer__dialog{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:block!important;width:min(930px,calc(100vw - 130px))!important;height:auto!important;max-height:calc(100vh - 70px)!important;overflow:visible!important;border:1px solid #111!important;border-radius:0!important;background:#fff!important;box-shadow:0 18px 52px rgba(0,0,0,.14)!important}
.ham-story-viewer__dialog:before{content:"";display:block;height:46px;background:#080808}
.ham-story-viewer__stage{display:block!important;position:relative!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;height:min(520px,calc(100vh - 270px))!important;min-height:320px!important;margin:0!important;background:#111!important}
.ham-story-viewer__media,.ham-story-viewer__media img,.ham-story-viewer__media video{width:100%!important;height:100%!important;min-height:0!important;object-fit:contain!important}
.ham-story-viewer__info{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;min-height:128px!important;padding:18px 20px!important;border:0!important;background:#fff!important;color:#111!important}
.ham-story-viewer__author{position:absolute!important;z-index:8!important;left:16px!important;top:8px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;color:#fff!important;border:0!important;padding:0!important;background:transparent!important}
.ham-story-viewer__author img{width:30px!important;height:30px!important;border:0!important;padding:0!important}.ham-story-viewer__author>span{display:block!important;font-size:12px!important}.ham-story-viewer__author small{display:none!important}
.ham-story-viewer__caption{display:block!important;margin:0 0 14px!important;padding:0 95px 12px 0!important;border-bottom:1px solid #e1e1e1!important;font-size:14px!important;line-height:1.4!important;font-weight:600!important}
.ham-story-viewer__index{position:absolute!important;z-index:8!important;left:50%!important;top:14px!important;transform:translateX(-50%)!important;display:block!important;margin:0!important;color:#fff!important;font-size:13px!important}
.ham-story-viewer__index strong{font-size:13px!important;font-weight:500!important}.ham-story-viewer__index span{display:inline!important;margin:0 0 0 4px!important}.ham-story-viewer__index:after{display:none!important}
.ham-story-viewer__actions{display:none!important}
.ham-story-viewer__reply{display:flex!important;position:static!important;transform:none!important;width:100%!important;height:48px!important;margin:0!important;border:1px solid #ddd!important;border-radius:24px!important;background:#fff!important}
.ham-story-viewer__notice{position:static!important;transform:none!important;margin:5px 0 0!important}
.ham-story-viewer__close{right:13px!important;top:5px!important;color:#fff!important;font-size:29px!important}
.ham-story-viewer__progress,.ham-story-viewer__mobile-head{display:none!important}
.ham-story-viewer__nav{display:block!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:62px!important;height:112px!important;padding:0!important;border:1px solid #bbb!important;border-radius:5px!important;background:#fff!important;color:#111!important;font-size:0!important;box-shadow:0 5px 18px rgba(0,0,0,.06)!important}
.ham-story-viewer__nav:before{display:block;font-size:30px;line-height:1;margin-bottom:8px}.ham-story-viewer__nav:after{display:block;color:#111;font-size:10px;border:0!important;padding:0!important}
.ham-story-viewer__nav--prev{left:-78px!important}.ham-story-viewer__nav--prev:before{content:"‹"}.ham-story-viewer__nav--prev:after{content:"Précédent"}
.ham-story-viewer__nav--next{right:-78px!important}.ham-story-viewer__nav--next:before{content:"›"}.ham-story-viewer__nav--next:after{content:"Suivant"}

@media(max-width:700px){
 .ham-stories{padding:0!important;margin:-34px 0 0!important}
 .ham-stories__head{height:32px!important;margin:0 0 5px!important;padding:0 4px!important}
 .ham-stories__title{margin:0!important;padding:0!important;font-size:15px!important;font-weight:500!important}
 .ham-stories__create-trigger{display:inline-flex!important;height:28px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:12px!important}
 .ham-stories__rail-wrap{margin:0 0 12px!important;padding:0 4px!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .ham-stories__rail{grid-template-columns:minmax(0,1fr) minmax(0,1.85fr) minmax(0,1fr)!important;grid-template-rows:109px 109px!important;gap:2px!important;height:220px!important;padding:0!important;margin:0!important;overflow:hidden!important}
 .ham-story-card:not(.ham-story-card--create){width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:5px!important}
 .ham-story-card:nth-of-type(2){grid-column:2;grid-row:1 / span 2}
 .ham-story-card:nth-of-type(3){grid-column:1;grid-row:1}.ham-story-card:nth-of-type(4){grid-column:3;grid-row:1}.ham-story-card:nth-of-type(5){grid-column:1;grid-row:2}.ham-story-card:nth-of-type(6){grid-column:3;grid-row:2}
 .ham-story-card:nth-of-type(5):last-child{grid-column:1 / span 1!important}
 .ham-story-card__media{height:100%!important}.ham-story-card__name{font-size:12px!important;bottom:8px!important}
 .ham-story-card__profile{left:6px!important;top:6px!important;width:26px!important;height:26px!important;padding:1px!important;border-width:2px!important}
 .ham-story-card:nth-of-type(2) .ham-story-card__profile{left:8px!important;top:8px!important;width:34px!important;height:34px!important;padding:2px!important}
 .ham-story-card--create{display:none!important}
 .ham-story-viewer__backdrop{background:#fff!important;backdrop-filter:none!important}
 .ham-story-viewer__dialog{inset:0!important;left:0!important;top:0!important;transform:none!important;width:100%!important;height:100%!important;max-height:none!important;overflow:auto!important;border:0!important;background:#fff!important}
 .ham-story-viewer__dialog:before{height:52px!important}
 .ham-story-viewer__stage{height:calc(100vh - 142px)!important;min-height:330px!important;background:#111!important}
 .ham-story-viewer__info{position:absolute!important;left:0!important;right:0!important;bottom:0!important;min-height:90px!important;padding:12px 14px 14px!important;background:#050505!important}
 .ham-story-viewer__author{left:14px!important;top:11px!important;color:#fff!important}.ham-story-viewer__author img{width:30px!important;height:30px!important}
 .ham-story-viewer__index{top:17px!important;color:#fff!important}
 .ham-story-viewer__caption{position:absolute!important;left:14px!important;right:14px!important;bottom:76px!important;margin:0!important;padding:14px 16px!important;border:0!important;border-radius:12px!important;background:#fff!important;color:#111!important;font-size:15px!important;font-weight:500!important}
 .ham-story-viewer__reply{width:100%!important;height:48px!important;margin:0!important;border-color:#777!important;background:#050505!important}
 .ham-story-viewer__reply input{background:transparent!important;color:#fff!important}.ham-story-viewer__reply input::placeholder{color:#ddd!important}
 .ham-story-viewer__reply button{margin:4px!important;width:40px!important;border-radius:50%!important;background:#fff!important;color:#111!important}
 .ham-story-viewer__actions{display:none!important}
 .ham-story-viewer__close{top:8px!important;right:12px!important}
 .ham-story-viewer__nav{display:none!important}
 .ham-stories:after{position:relative!important;left:50%!important;width:100vw!important;margin-left:-50vw!important;background:#d8d8d8!important}
 .ham-story-create__backdrop{background:#fff!important;backdrop-filter:none!important}
 .ham-story-create__dialog{left:0!important;top:0!important;transform:none!important;width:100%!important;height:100%!important;max-height:none!important;border:0!important;border-radius:0!important}
 .ham-story-create__head{height:54px!important;background:#fff!important}
 .ham-story-create__upload{min-height:220px!important}
 .ham-story-create__dialog.has-media{display:flex!important;flex-direction:column!important;background:#111!important;color:#fff!important}
 .ham-story-create__dialog.has-media .ham-story-create__head{flex:0 0 54px!important;background:#111!important;color:#fff!important;border-color:#333!important}.ham-story-create__dialog.has-media .ham-story-create__close{border-color:#555!important;background:#222!important;color:#fff!important}
 .ham-story-create__dialog.has-media .ham-story-create__user{flex:0 0 auto!important;padding:10px 14px!important;background:#111!important}.ham-story-create__dialog.has-media .ham-story-create__user small{color:#bbb!important}
 .ham-story-create__dialog.has-media .ham-story-create__upload{display:none!important}
 .ham-story-create__dialog.has-media .ham-story-create__workspace{display:flex!important;flex:1 1 auto!important;min-height:0!important;margin:0 14px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
 .ham-story-create__dialog.has-media .ham-story-create__preview{width:100%!important;max-height:100%!important;background:#050505!important}.ham-story-create__dialog.has-media .ham-story-create__preview img,.ham-story-create__dialog.has-media .ham-story-create__preview video{width:100%!important;max-height:calc(100vh - 270px)!important;object-fit:contain!important}
 .ham-story-create__dialog.has-media .ham-story-create__caption{margin:8px 14px 0!important;color:#fff!important}.ham-story-create__dialog.has-media .ham-story-create__caption textarea{min-height:48px!important;margin-top:5px!important;background:#222!important;border-color:#444!important;color:#fff!important}.ham-story-create__dialog.has-media .ham-story-create__caption textarea::placeholder{color:#bbb!important}
 .ham-story-create__dialog.has-media .ham-story-create__bottom{margin:10px 14px 8px!important}.ham-story-create__dialog.has-media .ham-story-create__privacy{background:#292929!important;color:#fff!important}.ham-story-create__dialog.has-media .ham-story-create__privacy small{color:#bbb!important}.ham-story-create__dialog.has-media .ham-story-create__submit{background:#fff!important;color:#111!important}
 .ham-story-create__dialog.has-media .ham-story-create__cancel{margin:0 14px 10px!important;width:calc(100% - 28px)!important;border-color:#444!important;background:#171717!important;color:#fff!important}
}