
/* Single guest tile layout. Illustration assets may have transparent edges. */
:root{--jj-guest-illustration-size:92px;--jj-fairepart-illustration-size:120px}
/* Guest home design — SINGLE source of visual truth, 2026-11-03.
   Only the invitation home is affected. No functional JS or other sections changed. */
#v376InvitationSection #myInvitationHub>.mih-card{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:clamp(5px,1.5vw,10px)!important}
#v376InvitationSection #myInvitationHub .mih-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:5px!important;margin:2px 0!important;padding:0!important;align-items:stretch!important;--jj-tile-radius:var(--guest-unified-card-radius,20px);--jj-tile-shadow:var(--guest-unified-card-shadow)}
#v376InvitationSection #myInvitationHub .mih-grid>.mih-item, #evParticipantSection .ev-participant-action, #evParticipantSection #evPassGuestTile{
 box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;
 min-height:0!important;height:auto!important;margin:0!important;grid-row:auto!important;align-self:stretch!important;
 padding:8px 7px!important;gap:0!important;
 background:var(--guest-unified-card-bg)!important;background-image:var(--guest-unified-card-bg)!important;
 border:2px solid rgba(255,255,255,.94)!important;border-radius:var(--jj-tile-radius,clamp(20px,5vw,28px))!important;
 box-shadow:var(--jj-tile-shadow,inset 0 1px 0 rgba(255,255,255,.75),0 4px 12px rgba(48,57,39,.04))!important;
 backdrop-filter:blur(3px) saturate(115%)!important;-webkit-backdrop-filter:blur(3px) saturate(115%)!important;
 color:#405336!important;text-align:center!important;transform:none!important;
}
#v376InvitationSection #myInvitationHub .mih-grid>.mih-item::after{content:none!important;display:none!important}
#v376InvitationSection #myInvitationHub .mih-grid>.mih-item>.mih-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important;justify-content:center!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;gap:0!important;text-align:center!important}
#v376InvitationSection #myInvitationHub .mih-grid>.mih-item .mih-label{
 display:block!important;font:700 clamp(15px,3.85vw,21px)/1.16 Georgia,"Palatino Linotype",serif!important;
 color:#405336!important;letter-spacing:0!important;text-align:center!important;
 white-space:normal!important;overflow-wrap:break-word!important;text-shadow:none!important;
}
#v376InvitationSection #myInvitationHub .mih-grid>.mih-item .mih-status{
 display:block!important;font:400 clamp(12px,3vw,16px)/1.24 Georgia,"Palatino Linotype",serif!important;
 color:#625d51!important;text-align:center!important;white-space:normal!important;
 overflow-wrap:break-word!important;margin:2px 0 0!important;text-shadow:none!important;
}
#v376InvitationSection #myInvitationHub .mih-grid>.mih-item>:is(.mih-icon,.jj-directory-tile-emoji:first-child){
 display:block!important;box-sizing:border-box!important;flex:0 0 var(--jj-guest-illustration-size)!important;
 width:var(--jj-guest-illustration-size)!important;height:var(--jj-guest-illustration-size)!important;
 min-width:0!important;min-height:0!important;margin:-8px auto -12px!important;padding:0!important;transform:none!important;
 font-size:0!important;color:transparent!important;line-height:0!important;
 background-color:transparent!important;background-position:center!important;
 background-size:145% auto!important;background-repeat:no-repeat!important;border:0!important;box-shadow:none!important;
}
#v376InvitationSection #myInvitationHub .mih-grid>#mv2GuestNav>.mih-icon{background-image:url('/01-mes-messages.png')!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mihResponsesItem>.mih-icon{background-image:url('/02-mes-reponses.png')!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mihNotificationsItem>.mih-icon{background-image:url('/03-mes-notifications.png')!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mihWeddingPassItem>.mih-icon{background-image:url('/04-wedding-pass.png')!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mihAccommodationItem>.mih-icon{background-image:url('/05-pass-hebergement.png')!important}
#v376InvitationSection #myInvitationHub .mih-grid>#jjDomainWebsiteTile>.jj-directory-tile-emoji:first-child{background-image:url('/06-domaine-mariage.png')!important}
#v376InvitationSection #myInvitationHub .mih-grid>#jjConfirmedDirectoryTile>.jj-directory-tile-emoji:first-child{background-image:url('/07-invites-mariage.png')!important}
#v376InvitationSection #myInvitationHub .mih-grid>#v770GuestHelpItem>.mih-icon{background-image:url('/08-besoin-aide.png')!important}
#v376InvitationSection #myInvitationHub .mih-grid>#jjCoupleGuestbookTile>.jj-directory-tile-emoji:first-child{background-image:url('/09-mots-invites.png')!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mv2GuestNav{order:1!important;grid-column:1/-1!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mihResponsesItem{order:2!important;grid-column:auto!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mihNotificationsItem{order:3!important;grid-column:auto!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mihWeddingPassItem{order:4!important;grid-column:auto!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mihAccommodationItem{order:5!important;grid-column:auto!important}
#v376InvitationSection #myInvitationHub .mih-grid>#jjDomainWebsiteTile{order:6!important;grid-column:auto!important}
#v376InvitationSection #myInvitationHub .mih-grid>#jjConfirmedDirectoryTile{order:7!important;grid-column:auto!important}
#v376InvitationSection #myInvitationHub .mih-grid>#v770GuestHelpItem{order:8!important;grid-column:1/-1!important}
#v376InvitationSection #myInvitationHub .mih-grid>#jjCoupleGuestbookTile{order:9!important;grid-column:1/-1!important}
#v376InvitationSection #myInvitationHub .mih-grid>#evPassGuestTile{order:10!important;grid-column:1/-1!important}
#v376InvitationSection #myInvitationHub .mih-grid>:is(#mv2GuestNav,#v770GuestHelpItem,#jjCoupleGuestbookTile,#evPassGuestTile){
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 min-height:0!important;padding:8px 7px!important;gap:0!important;text-align:center!important;
}
#v376InvitationSection #myInvitationHub .mih-grid>:is(#mv2GuestNav,#v770GuestHelpItem,#jjCoupleGuestbookTile)>:is(.mih-icon,.jj-directory-tile-emoji:first-child){
 flex:0 0 var(--jj-guest-illustration-size)!important;width:var(--jj-guest-illustration-size)!important;height:var(--jj-guest-illustration-size)!important;margin:-8px auto -12px!important;
}
#v376InvitationSection #myInvitationHub .mih-grid>:is(#mv2GuestNav,#v770GuestHelpItem,#jjCoupleGuestbookTile,#evPassGuestTile)>.mih-copy{
 flex:0 1 auto!important;align-items:center!important;justify-content:center!important;text-align:center!important;
}
#v376InvitationSection #myInvitationHub .mih-grid>:is(#mv2GuestNav,#v770GuestHelpItem,#jjCoupleGuestbookTile,#evPassGuestTile) :is(.mih-label,.mih-status){text-align:center!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mv2GuestNav.mv2-messaging-pending .mih-discussion-people,
#v376InvitationSection #myInvitationHub .mih-grid>#mv2GuestNav.mv2-messaging-pending .mih-discussion-explain,
#v376InvitationSection #myInvitationHub .mih-grid>#mv2GuestNav.mv2-messaging-pending .mih-discussion-action{display:none!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mv2GuestNav.mv2-messaging-pending .mih-copy::after{
 content:"Bientôt disponible, après les inscriptions";display:block;
 font:400 clamp(12px,3vw,16px)/1.24 Georgia,serif;color:#625d51;margin-top:5px;
}
#v376InvitationSection #myInvitationHub .mih-grid>#evPassGuestTile::before{
 content:""!important;display:block!important;position:static!important;flex:0 0 var(--jj-guest-illustration-size)!important;
 width:var(--jj-guest-illustration-size)!important;height:var(--jj-guest-illustration-size)!important;margin:-8px auto -12px!important;
 background:url('/10-pass-evg.png') center/145% auto no-repeat!important;
}
/* Mariés uniquement : conserver le grand van décoratif, retirer le petit van HTML. */
#v376InvitationSection #myInvitationHub .mih-grid>#evPassGuestTile[data-couple-pass="1"]>.jj-ev-pass-art{display:none!important}
#v376InvitationSection #myInvitationHub #mihShareItem,
#v376InvitationSection #myInvitationHub #mihGoShare{display:none!important}
#v376InvitationSection #myInvitationHub .mih-grid>.mih-item[hidden],
#v376InvitationSection #myInvitationHub .mih-grid>.mih-item[style*="display:none"],
#v376InvitationSection #myInvitationHub .mih-grid>.mih-item[style*="display: none"]{display:none!important}
/* Journey progress: transparent container, red track and marker. */
#v376InvitationSection #myInvitationHub .v376-time-progress{background:transparent!important;border:0!important;box-shadow:none!important;padding:12px 5px!important}
#v376InvitationSection #myInvitationHub .v376-time-progress-bar{height:8px!important;background:rgba(174,46,54,.16)!important;border-radius:99px!important;overflow:visible!important}
#v376InvitationSection #myInvitationHub .v376-time-progress-bar>span{display:block!important;height:100%!important;background:linear-gradient(90deg,#a72d35,#d94a51)!important;border-radius:99px!important;position:relative!important}
#v376InvitationSection #myInvitationHub .v376-time-progress-bar>span::after{content:"✦";position:absolute;right:-10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#bd3540;color:white;border:2px solid white;font-size:13px}
#v376InvitationSection #myInvitationHub .v376-time-progress-head strong{color:#b02d37!important}

/* Identity and greeting: no card surface, keep avatar, name, controls and timeline. */
#v376InvitationSection #v463Account.v463-account,
#v376InvitationSection #myInvitationHub #v361GuestDashboard.v361-dashboard{
 background:transparent!important;background-image:none!important;
 border:0!important;outline:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#v376InvitationSection #v463Account.v463-account::before,
#v376InvitationSection #v463Account.v463-account::after,
#v376InvitationSection #myInvitationHub #v361GuestDashboard.v361-dashboard::before,
#v376InvitationSection #myInvitationHub #v361GuestDashboard.v361-dashboard::after{
 content:none!important;display:none!important;
}

/* Équipe : dimensions et typographie uniquement. Surface 3D et animation communes dans index.html. */
#v619TeamAccess.jj-team-entry-tile{
 box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;
 min-height:0!important;height:auto!important;margin:0!important;grid-row:auto!important;
 padding:clamp(7px,1.6vw,11px)!important;gap:0!important;
 backdrop-filter:blur(3px) saturate(115%)!important;-webkit-backdrop-filter:blur(3px) saturate(115%)!important;
 color:#405336!important;text-align:center!important;

 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
 width:calc(100% - 24px)!important;max-width:none!important;min-height:0!important;
 margin:8px auto!important;padding:clamp(10px,2.3vw,15px)!important;
 font:700 clamp(15px,3.85vw,21px)/1.16 Georgia,"Palatino Linotype",serif!important;
 color:#405336!important;text-decoration:none!important;text-align:center!important;
 white-space:normal!important;letter-spacing:0!important;isolation:auto!important;
}
#v619TeamAccess.jj-team-entry-tile:hover{filter:brightness(1.03)}

/* Modes rapides : disposition uniquement, sans ancien style de surface. */
#jjCoupleQuickModes.jj-quick-modes{width:calc(100% - 24px);max-width:none;margin:8px auto 4px;text-align:center;color:#405336}
#jjCoupleQuickModes .jj-quick-modes-title{font:700 clamp(11px,2.7vw,14px)/1.3 Georgia,serif;letter-spacing:.1em;margin:0 0 8px}
#jjCoupleQuickModes .jj-quick-modes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.5vw,9px)}
#jjCoupleQuickModes .jj-quick-mode-tile{
 box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;
 min-height:0!important;height:auto!important;margin:0!important;grid-row:auto!important;
 padding:clamp(7px,1.6vw,11px)!important;gap:0!important;
 backdrop-filter:blur(3px) saturate(115%)!important;-webkit-backdrop-filter:blur(3px) saturate(115%)!important;
 color:#405336!important;text-align:center!important;

 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
 width:calc(100% - 24px)!important;max-width:none!important;min-height:0!important;
 margin:8px auto!important;padding:clamp(10px,2.3vw,15px)!important;
 font:700 clamp(15px,3.85vw,21px)/1.16 Georgia,"Palatino Linotype",serif!important;
 color:#405336!important;text-decoration:none!important;text-align:center!important;
 white-space:normal!important;letter-spacing:0!important;isolation:auto!important;
}
#jjCoupleQuickModes .jj-quick-mode-tile{flex-direction:column!important;width:100%!important;min-width:0!important;margin:0!important;padding:clamp(10px,2.3vw,15px) 4px!important;cursor:pointer!important;overflow-wrap:anywhere!important;font-size:clamp(13px,3.1vw,18px)!important}
#jjCoupleQuickModes .jj-quick-mode-tile[data-active="true"]{border-color:rgba(90,111,66,.8)!important}
#jjCoupleQuickModes .quick-mode-status{display:block;font:600 11px Georgia,serif;color:#5f6f3e;margin-top:3px}

/* Infos pratiques: rebuilt from the shared invitation glass tile surface. */
#infos .jj-practical-list{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(10px,2.5vw,16px);margin:0}
#infos .jj-practical-tile{
 box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;
 min-height:0!important;height:auto!important;margin:0!important;grid-row:auto!important;
 padding:clamp(7px,1.6vw,11px)!important;gap:0!important;
 background:var(--guest-unified-card-bg)!important;background-image:var(--guest-unified-card-bg)!important;
 border:2px solid rgba(255,255,255,.94)!important;border-radius:var(--guest-unified-card-radius,20px)!important;
 box-shadow:var(--guest-unified-card-shadow)!important;
 backdrop-filter:blur(3px) saturate(115%)!important;-webkit-backdrop-filter:blur(3px) saturate(115%)!important;
 color:#405336!important;text-align:center!important;transform:none!important;
}
#infos .jj-practical-tile{display:flex!important;flex-direction:column!important;gap:clamp(8px,2vw,13px)!important;padding:clamp(14px,3vw,22px)!important}
#infos .jj-practical-title{font:700 clamp(18px,4vw,25px)/1.2 Georgia,"Palatino Linotype",serif;color:#405336;text-align:center}
#infos .jj-practical-address{font:400 clamp(15px,3.4vw,20px)/1.35 Georgia,"Palatino Linotype",serif;text-align:center;margin-top:5px;color:#5b554b}
#infos .jj-practical-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2vw,14px);width:100%;margin-top:3px}
#infos .jj-practical-route{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;padding:9px;border:2px solid rgba(255,255,255,.94);border-radius:var(--guest-unified-card-radius,20px);background:var(--guest-unified-card-bg);text-decoration:none;box-shadow:var(--guest-unified-card-shadow,0 17px 25px rgba(62,53,33,.30))}
#infos .jj-practical-route img{display:block;width:clamp(30px,7vw,40px);height:clamp(30px,7vw,40px);object-fit:contain}

/* Same single glass tile component for itinerary and invitation. */
#infos .jj-practical-route{gap:clamp(7px,2vw,12px);font:700 clamp(13px,3.3vw,17px)/1.2 Georgia,"Palatino Linotype",serif;color:#405336;padding:8px 5px;white-space:nowrap}
#infos .jj-practical-route img{width:clamp(38px,9vw,52px);height:clamp(38px,9vw,52px);flex-shrink:0}
#faire-part .jj-fairepart-tile{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;max-width:760px;width:100%;margin:0 auto;padding:clamp(15px,3vw,24px);background:var(--guest-unified-card-bg);border:2px solid rgba(255,255,255,.94);border-radius:var(--guest-unified-card-radius,20px);box-shadow:var(--guest-unified-card-shadow,0 17px 25px rgba(62,53,33,.30));backdrop-filter:blur(3px) saturate(115%);-webkit-backdrop-filter:blur(3px) saturate(115%);text-align:center;color:#405336}
#faire-part .jj-fairepart-tile .faire-part-icon{width:var(--jj-fairepart-illustration-size);height:var(--jj-fairepart-illustration-size);margin:0 auto 4px}
#faire-part .jj-fairepart-description{font:400 clamp(16px,3.5vw,20px)/1.35 Georgia,"Palatino Linotype",serif;margin:0;max-width:36ch}
#faire-part .jj-fairepart-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2vw,14px);width:100%;margin-top:4px}
#faire-part .jj-fairepart-button{font:700 clamp(14px,3.4vw,18px)/1.2 Georgia,"Palatino Linotype",serif;color:#405336;display:flex;align-items:center;justify-content:center;min-width:0;min-height:54px;padding:9px 6px;margin:0;background:var(--guest-unified-card-bg);border:2px solid rgba(255,255,255,.94);border-radius:var(--guest-unified-card-radius,20px);box-shadow:var(--guest-unified-card-shadow,0 17px 25px rgba(62,53,33,.30));cursor:pointer}

/* Unique visibility gate: hidden unless explicitly enabled by admin settings. */
#v376InvitationSection #myInvitationHub .mih-grid>#v770GuestHelpItem:not(.jj-help-admin-enabled),
#v900ModeWelcome #v900GuestHelpQuickAccess:not(.jj-help-admin-enabled){display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Messaging open: translucent olive glass, preserving the shared rounded tile. */
#v376InvitationSection #myInvitationHub .mih-grid>#mv2GuestNav.mv2-messaging-open:not(.mv2-messaging-pending){background:linear-gradient(155deg,rgba(255,255,255,.62),rgba(255,244,213,.46) 33%,rgba(255,230,171,.52) 72%,rgba(189,157,101,.39))!important;background-image:linear-gradient(155deg,rgba(255,255,255,.62),rgba(255,244,213,.46) 33%,rgba(255,230,171,.52) 72%,rgba(189,157,101,.39))!important;border:2px solid rgba(255,255,255,.94)!important;backdrop-filter:blur(3px) saturate(115%)!important;-webkit-backdrop-filter:blur(3px) saturate(115%)!important;color:#405336!important}
#v376InvitationSection #myInvitationHub .mih-grid>#mv2GuestNav.mv2-messaging-open:not(.mv2-messaging-pending) :is(.mih-label,.mih-status,.mih-discussion-explain){color:#34472f!important}
