/* GOSY • PLAN & DÉFI • 28 octobre 2026 • esthétique exclusivement
   Portée strictement particulière : aucune table, API, script, espace Pro modifiés.
   Deux identités : Plan [vert, bleu, fuchsia, rouge] ; Défi [fuchsia, orange, jaune]. */
:root{
 --gp-plan-rim:linear-gradient(114deg,#21f2a5 0%,#23c9f8 29%,#fc4bd9 67%,#ff4e62 100%);
 --gp-defi-rim:linear-gradient(117deg,#f936c7 0%,#ff793f 55%,#ffe251 100%);
}
/* Les deux grandes cartes de choix : une identité par type. */
body.gosy-pd .pd-choices>.pd-choice,
body.gosy-pd .pd-choices>.pd-choice-quiz{
 position:relative;isolation:isolate;overflow:hidden;border:2px solid transparent!important;
 border-radius:29px!important;
 transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
body.gosy-pd .pd-choices>.pd-choice:not(.pd-choice-quiz){
 background:
   radial-gradient(circle at 94% 4%,rgba(36,196,246,.22),transparent 52%) padding-box,
   linear-gradient(144deg,#132b40,#10172f 70%,#30152d) padding-box,
   var(--gp-plan-rim) border-box!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 13px rgba(29,218,183,.20),0 12px 30px rgba(0,0,0,.35)!important;
}
body.gosy-pd .pd-choices>.pd-choice-quiz{
 background:
   radial-gradient(circle at 88% 0%,rgba(239,58,166,.25),transparent 60%) padding-box,
   linear-gradient(145deg,#221936,#181629 68%,#352416) padding-box,
   var(--gp-defi-rim) border-box!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 15px rgba(255,113,109,.22),0 12px 30px rgba(0,0,0,.35)!important;
}
body.gosy-pd .pd-choices>.pd-choice:is(:hover,:focus-visible){transform:translateY(-3px);filter:brightness(1.1)}
body.gosy-pd .pd-choices>.pd-choice:not(.pd-choice-quiz):is(:hover,:focus-visible){box-shadow:0 0 24px #26d7c57a,0 18px 38px #0008!important}
body.gosy-pd .pd-choices>.pd-choice-quiz:is(:hover,:focus-visible){box-shadow:0 0 25px #ff8b5482,0 18px 38px #0008!important}
body.gosy-pd .pd-choices>.pd-choice:not(.pd-choice-quiz) .pd-choice-title{
 background:var(--gp-plan-rim);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.gosy-pd .pd-choices>.pd-choice-quiz .pd-choice-title{
 background:var(--gp-defi-rim);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.gosy-pd .pd-choice:not(.pd-choice-quiz) .pd-choice-icon{
 color:#68ffe2;background:linear-gradient(130deg,#0b3e4f,#172a54);border:1px solid #28efb5aa;
 box-shadow:0 0 18px #25f0be36;
}
body.gosy-pd .pd-choice-quiz .pd-choice-icon{
 color:#ffe177;background:linear-gradient(130deg,#4c1646,#503018);border:1px solid #ffd267a8;
 box-shadow:0 0 17px #ff956b42;
}
body.gosy-pd .pd-choice:not(.pd-choice-quiz) .pd-choice-arrow{color:#6cfbe3}
body.gosy-pd .pd-choice-quiz .pd-choice-arrow{color:#ffdb83}
/* Écran Défis : conserver le paysage et renforcer un contour fuchsia/orange/jaune.
   Le masque ne masque que l'intérieur de l'anneau et ne recouvre jamais le texte. */
body.gosy-pd .gosy-defis-premium .gd-azur-hero{position:relative;isolation:isolate;border:2px solid #ee59c8!important;box-shadow:0 0 0 1px #ffe07a56,0 0 22px #ff59ad3b,0 16px 35px #0007!important}
body.gosy-pd .gosy-defis-premium .gd-azur-hero::after{
 content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;
 background:var(--gp-defi-rim) border-box;
 -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;
}
/* EN-TÊTE PLAN : même structure photo que Défi, photographie et contenu séparés. */
body.gosy-orbite-live main.shell .gosy-plan-hero{
 box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;margin:13px 0 24px;
 border:2px solid transparent;border-radius:28px;min-height:275px;
 background-image:
  linear-gradient(90deg,rgba(4,12,31,.95),rgba(6,15,39,.88) 41%,rgba(7,17,37,.25) 100%),
  url('/assets/images/gosy-plans/plan-amis-cote-azur.webp?v=2810a'),
  var(--gp-plan-rim);
 background-origin:padding-box,padding-box,border-box;
 background-clip:padding-box,padding-box,border-box;
 background-size:auto,cover,auto;
 background-position:center,center,center;
 background-repeat:no-repeat;
 box-shadow:0 0 18px #26efae37,0 13px 37px #0008,inset 0 1px #fff4;
}
body.gosy-orbite-live .gosy-plan-hero .gp-hero-content{
 box-sizing:border-box;position:relative;padding:clamp(20px,4vw,39px);max-width:695px;
 display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-height:275px;
 text-shadow:0 2px 9px #061020;
}
body.gosy-orbite-live .gosy-plan-hero .gp-hero-chip{
 display:inline-block;color:#f3ffe9;font-size:11px;letter-spacing:.115em;font-weight:900;
 background:linear-gradient(125deg,#12453ad9,#153651d9 70%,#562441c7);
 border:1px solid #78fbd0;border-radius:100px;padding:7px 12px;margin-bottom:14px;
 box-shadow:0 0 14px #24f5a738;
}
body.gosy-orbite-live .gosy-plan-hero .gp-hero-kicker{
 font-size:11px;letter-spacing:.20em;font-weight:900;color:#85ffe3;margin:0 0 10px;
}
body.gosy-orbite-live .gosy-plan-hero h1{
 margin:0 0 11px;color:#fff;font-size:clamp(29px,4.4vw,47px);line-height:1.10;letter-spacing:-.045em;font-weight:900;
}
body.gosy-orbite-live .gosy-plan-hero h1 span{
 background:linear-gradient(95deg,#83ffd6 0%,#65d9ff 30%,#ff98e9 68%,#ff928d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.gosy-orbite-live .gosy-plan-hero .gp-hero-description{
 color:#f0f9ff;font-size:clamp(13px,1.8vw,17px);line-height:1.54;margin:0 0 16px;max-width:460px;
}
body.gosy-orbite-live .gosy-plan-hero .gp-hero-tags{display:flex;flex-wrap:wrap;gap:8px}
body.gosy-orbite-live .gosy-plan-hero .gp-hero-tags span{
 padding:6px 11px;border-radius:99px;color:#fff;font-size:11px;font-weight:800;
 background:rgba(5,15,34,.80);border:1px solid #48efbf;
 backdrop-filter:blur(5px);
}
body.gosy-orbite-live .gosy-plan-hero .gp-hero-tags span:nth-child(2){border-color:#41c9fa}
body.gosy-orbite-live .gosy-plan-hero .gp-hero-tags span:nth-child(3){border-color:#f56dde}
/* Le fil d'Ariane d'Orbite est conservé dans le HTML mais devient visuellement unique. */
body.gosy-orbite-live .orbite-studio>.orb-breadcrumb{display:none}
body.gosy-orbite-live main.shell>.orb-breadcrumb{margin:16px 0 10px}
body.gosy-orbite-live .orbite-studio .orb-head{margin-top:17px}
@media(max-width:600px){
 body.gosy-orbite-live main.shell .gosy-plan-hero{border-radius:24px;min-height:246px;background-position:center,59% center,center}
 body.gosy-orbite-live .gosy-plan-hero .gp-hero-content{min-height:246px;padding:20px 19px}
 body.gosy-orbite-live .gosy-plan-hero h1{font-size:29px;max-width:280px}
 body.gosy-orbite-live .gosy-plan-hero .gp-hero-description{max-width:280px;line-height:1.45}
 body.gosy-orbite-live .gosy-plan-hero .gp-hero-tags{gap:5px}
 body.gosy-orbite-live .gosy-plan-hero .gp-hero-tags span{font-size:10px;padding:5px 8px}
}
@media(prefers-reduced-motion:reduce){body.gosy-pd .pd-choices>.pd-choice{transition:none!important}}



/* GOSY 28/10 - titres hero lisibles sur iOS/Safari.
   Un fond graphique transparent dans les lettres produisait un bandeau
   sombre; couleur pleine garantie, accent lumineux conservé. */
body.gosy-orbite-live .gosy-plan-hero .gp-hero-content h1 span{
  background:none!important;background-image:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:#FF9BE4!important;-webkit-text-fill-color:#FF9BE4!important;
  opacity:1!important;mix-blend-mode:normal!important;filter:none!important;
  text-shadow:0 1px 0 rgba(255,255,255,.08),0 0 16px rgba(255,75,195,.24)!important;
}
body.gosy-pd .gosy-defis-premium .gd-azur-hero .gd-azur-content h1 span{
  background:none!important;background-image:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:#FFD779!important;-webkit-text-fill-color:#FFD779!important;
  opacity:1!important;mix-blend-mode:normal!important;filter:none!important;
  text-shadow:0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(255,173,51,.25)!important;
}
