body.path-webform {
    section.section {
        background-color: #131313;

              
        #block-mycustom-theme-page-title {
            display: none;
        }
        
        .talent-layout {
            background-color: #666565;

            #talentAccordion {
              display: none;
            }

            .panel.panel-form {
              background-size: 35%;
              background-position: 100% 1%;
              background-repeat: no-repeat;
              /* opacity: 0.5; */

              #edit-type--wrapper ,
              .form-item-position,
              .form-item-strong-foot,
              .form-item-current-club,
              .form-item-strengths,
              .form-item-private-contact-info,
              .form-item-weight,
              .form-item-height,
              .form-item-license-id
              {
                display: none;
              }
            }

            .panel.panel-form.analyst {
              background-image: url('/themes/custom/mycustom_theme/images/talent-analyst.png');
            }
            .panel.panel-form.coach {
              background-image: url('/themes/custom/mycustom_theme/images/talent-coach.png');
            }
            .panel.panel-form.footballer {
              background-image: url('/themes/custom/mycustom_theme/images/talent-footballer.png');
            }
            .panel.panel-form.commentator {
              background-image: url('/themes/custom/mycustom_theme/images/talent-commentator.png');
            }

            .hero .container {
                background-image: url('/themes/custom/mycustom_theme/images/talent-footballer.png');
                background-size: 60%;
                /* opacity: 0.1; */
                background-position: 100% 10%;
                background-repeat: no-repeat;
                /* background-color: unset; */

                > .section {
                    background: unset;
                    padding: 0px;
                    margin: 0px;
                }

                form.webform-submission-add-form {
                    > div {
                        float: left;
                        margin-right: 15px;
                    }

                    .webform-type-radios {
                        display: none;
                    }

                    #edit-actions {
                        button {
                            height: 45px;
                            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
                        }
                    }
                }
            }
        }
    }
}

.node--type-talent {
    section.section {
        background-color: #282828;
    }
}

body.path-node.node--type-talent {
    section.section {


        form.node-talent-edit-form {
            .content.clearfix {
                display: none;
            }
        }

  .page{max-width:1200px;margin:0 auto;padding:24px}
  
  .page.talent-challenge{
    max-width:1200px;margin:0 auto;padding:24px;

    .steps {
      display: none
    }

    aside.rail {
      card {
        padding: 20px;
      }
    }
  }

  /* =================== HEADER =================== */
  .post-head{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    background:var(--glass-strong);
    border:1px solid var(--edge);
    border-radius:28px;
    padding:14px 16px;backdrop-filter:blur(12px) saturate(125%);box-shadow:var(--shadow);
  }
  .author{display:flex;align-items:center;gap:12px}
  .avatar{width:56px;height:56px;border-radius:16px;object-fit:cover;border:1px solid var(--edge)}
  .aname{font-weight:800}
  .arole{font-size:12px;color:var(--muted)}
  .meta{display:flex;gap:10px;flex-wrap:wrap}
  .badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
    background:rgba(255,255,255,.04);border:1px solid var(--edge);font-weight:700;font-size:12px}
  .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}

  /* =================== LAYOUT =================== */
  .layout{display:grid;gap:16px;margin-top:16px;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}
  @media (max-width:980px){.layout{grid-template-columns:1fr}}

  /* =================== POST =================== */
  .post{
    overflow:hidden;background:var(--glass-strong);
    border:1px solid var(--edge);border-radius:24px;
    backdrop-filter:blur(12px) saturate(125%);box-shadow:var(--shadow);position:relative;
  }
  .post-media{position:relative;width:100%;aspect-ratio:16/9;border-bottom:1px solid var(--edge);overflow:hidden;background:#0d1118}
  .post-media img{width:100%;height:100%;object-fit:cover;filter:saturate(112%) contrast(108%)}
  .post-body{padding:16px}
  .post-title{margin:0 0 8px;font-size:1.4rem;font-weight:800}
  .post-text{margin:0;color:var(--muted)}

  /* ---------- (1) OVERLAY COMMENTAIRES LIVE ---------- */
  .live-overlay{
    position:absolute;left:12px;right:12px;bottom:12px;
    display:grid;gap:10px;max-height:45%;overflow:auto;padding:10px;
    background:rgba(10,13,20,.55);
    border:1px solid var(--edge-2);border-radius:16px;backdrop-filter:blur(10px) saturate(135%);
    box-shadow:0 12px 36px rgba(0,0,0,.55);
    z-index: 1;
  }
  .chip{
    display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:center;
    padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--edge);
  }
  .chip img{width:30px;height:30px;border-radius:10px;object-fit:cover;border:1px solid var(--edge)}
  .chip .who{font-weight:800}
  .chip .txt{color:var(--txt)}

  /* =================== RAIL DROITE → CTA MODERNES =================== */
  .rail{display:grid;gap:16px;height:100%}
  .cta-grid{display:grid;gap:12px}
  .cta{
    --g1:rgba(255,255,255,.09);
    --g2:rgba(255,255,255,.04);
    position:relative;overflow:hidden;isolation:isolate;
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:16px;border-radius:18px;cursor:pointer;border:1px solid var(--edge);
    background:linear-gradient(145deg,var(--g1),var(--g2));backdrop-filter:blur(8px) saturate(130%);
    font-weight:800;transition:transform .12s ease, box-shadow .2s ease, filter .2s ease;
    box-shadow:0 10px 28px rgba(0,0,0,.35);
    color:var(--txt);
  }
  .cta:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 40px rgba(34,211,238,.25)}
  .cta:focus-visible{outline:none;box-shadow:var(--ring)}
  .cta small{color:var(--muted);font-weight:600}
  .cta::after{ /* ripple */
    content:"";position:absolute;left:var(--x,50%);top:var(--y,50%);width:0;height:0;border-radius:50%;
    background:radial-gradient(circle closest-side, rgba(34,211,238,.35), transparent);transform:translate(-50%,-50%);
    transition:width .35s ease,height .35s ease;pointer-events:none;z-index:-1}
  .cta.is-press::after{width:240px;height:240px}

  /* =================== (2) SHEETS PLEIN ÉCRAN =================== */
  .fsheet{
    position:fixed;inset:0;display:none;z-index:99999; /* au-dessus de tout */
    background:rgba(0,0,0,.65);backdrop-filter:blur(14px);

      #commentsPanel {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        overflow: auto;

        .author-box, .show-full-talent {
          display: none !important;
        }
      }

    .info-box {
        display:flex;
        gap:12px;
        padding:14px 16px;
        border-radius:12px;
        background:rgba(255,255,255,0.05);
        border:1px solid rgba(255,255,255,0.08);
        backdrop-filter:blur(4px);
        align-items:flex-start;
        margin-bottom:15px;
    }
    .info-box.ok {
        border-color:rgba(0,200,100,0.35);
        background:rgba(0,150,80,0.12);
    }
    .info-box.neutral {
        border-color:rgba(255,255,255,0.1);
    }
    .info-box .info-icon {
        font-size:22px;
        margin-top:2px;
    }
    .info-box .info-text {
        font-size:14px;
        line-height:1.4;
        opacity:0.92;
        color: white;
    }


  }
  .fsheet[aria-hidden="false"]{display:block}
  .sheet-inner{
    position:fixed;inset:40px;max-width:980px;margin:auto;
    background:var(--glass-strong);border:1px solid var(--edge-2);border-radius:28px;padding:20px;
    box-shadow:0 50px 140px rgba(0,0,0,.7);overflow:auto;
  }
  .sheet-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    position:sticky;top:0;background:var(--glass-strong);
    border-bottom:1px solid var(--edge);backdrop-filter:blur(8px);margin:-20px -20px 12px -20px;padding:12px 20px;border-top-left-radius:28px;border-top-right-radius:28px;
  }
  .back{
    appearance:none;border:0;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;
    background:linear-gradient(135deg,var(--cyan),var(--violet));color:#081017;
    box-shadow:0 10px 28px rgba(34,211,238,.35);transition:transform .12s ease, box-shadow .2s ease;
  }
  .back:hover{transform:translateY(-1px);box-shadow:0 16px 40px rgba(34,211,238,.45)}
  .sheet-title{font-weight:800;margin:0; color:white;}
  .sheet-body{padding:6px 0}
  .grid{display:grid;gap:12px}
  @media(min-width:820px){.grid.cols-2{grid-template-columns:1fr 1fr}}
  label{font-weight:800;font-size:.92rem}
  input[type="text"],input[type="email"],input[type="number"],select,textarea{
    width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--edge);
    background:rgba(255,255,255,.06);color:var(--txt);
  }
  textarea{min-height:120px}
  .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}
  .btn{
    appearance:none;border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;
    background:linear-gradient(135deg,var(--cyan),var(--violet));color:#081017;
    box-shadow:0 12px 36px rgba(34,211,238,.35);transition:transform .12s ease, box-shadow .2s ease, filter .2s ease;
  }
  .btn:hover{transform:translateY(-1px);box-shadow:0 18px 48px rgba(34,211,238,.45)}
  .btn.ghost{background:rgba(255,255,255,.06);border:1px solid var(--edge);color:var(--txt);box-shadow:none}
  .btn.ghost:hover{filter:brightness(1.05)}
  
        .hero{
            min-height:100vh;
            display:flex;
            align-items:flex-start;
            justify-content:center;
            padding:64px 20px;
            background:
            radial-gradient(1200px 600px at 20% -10%, rgba(255,255,255,.15), transparent 50%),
            radial-gradient(800px 400px at 120% 10%, rgba(255,255,255,.08), transparent 55%),
            linear-gradient(180deg, rgba(35,0,255,.35), rgba(35,0,255,.35)),
            var(--bg-img) center/cover no-repeat fixed;
        }
        .container{width:100%;max-width:1100px}
        .headline{font-weight:900;line-height:1.02;letter-spacing:-.01em;margin:0 0 6px 0;font-size: clamp(40px, 7vw, 64px)}
        .subhead{margin:0 0 18px 0;font-size: clamp(16px, 2.2vw, 22px);opacity:.95}
        .badge-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 22px 0}
        .pill{padding:8px 12px;border-radius:999px;background:var(--card);backdrop-filter: blur(6px);border:1px solid var(--stroke);font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}
        .pill .dot{width:10px;height:10px;border-radius:999px;display:inline-block}
        .dot-verified{background:#60a5fa}
        .dot-frmf{background:#22c55e}
        .dot-pro{background:#f59e0b}

        .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin: 6px 0 22px 0}
        .btn{appearance:none;border:0;cursor:pointer;padding:12px 16px;border-radius:12px;font-weight:700;font-size:15px;line-height:1;color:#fff;transition:.2s ease;display:inline-flex;align-items:center;gap:8px}
        .btn-primary{background:var(--primary)}
        .btn-primary:hover{filter:brightness(1.1)}
        .btn-accent{background:var(--accent)}
        .btn-accent:hover{filter:brightness(1.1)}
        .btn-ghost{background:transparent;border:1px solid var(--stroke)}
        .btn-ghost:hover{background:var(--card)}
        .btn-success{background:var(--success)}
        .btn-warning{background:var(--warning)}

        .layout{display:grid;grid-template-columns: 1.2fr .8fr;gap:18px}
        @media (max-width: 980px){.layout{grid-template-columns:1fr;}}

        .card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;box-shadow:0 14px 36px rgba(0,0,0,.25);overflow:hidden; color:white;}
        .card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--stroke);backdrop-filter: blur(6px)}
        .card-title{font-weight:800}
        .card-body{padding:16px}

        .video-card{margin:0;background: var(--video-img) center/cover no-repeat;border-radius:14px;overflow:hidden;position:relative;border:1px solid var(--stroke)}
        .video-card video{display:block;width:100%;height:100%;background: rgba(0,0,0,.35)}
        @media (min-width: 760px){.video-card{height: 340px}}
        @media (max-width: 759px){.video-card{height: 220px}}
        .duration{position:absolute;right:12px;bottom:10px;padding:4px 8px;border-radius:8px;background: rgba(0,0,0,.55);color:#fff;font-weight:600;font-size:13px;letter-spacing:.01em}

        /* Mini fiche au-dessus de la vidéo */
        .mini-fiche{
            display:grid;
            grid-template-columns: repeat(2, 1fr);
            gap:10px;
            margin:12px 0
        }
        .chip{padding:10px 12px;border-radius:12px;background:var(--card-2);border:1px solid var(--stroke);font-weight:700;font-size:13px}
        .chip .label{display:block;font-weight:600;opacity:.85;font-size:12px}
        .chip .val{display:block;margin-top:2px;font-weight:800}

        /* Filtres rapides (UX liste des ajustements) */
        .quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px 0}
        .quick-filters .qf{padding:8px 12px;border-radius:999px;border:1px dashed var(--stroke);background:transparent;cursor:pointer;color:#fff;font-weight:700;font-size:13px}
        .quick-filters .qf[aria-pressed="true"]{background:var(--accent)}

        /* Steps / progression */
        .steps{display:grid;grid-template-columns: repeat(4,1fr);gap:10px;margin:8px 0 16px 0}
        .step{padding:10px;border-radius:12px;border:1px solid var(--stroke);background:var(--card-2)}
        .step .s-label{font-size:12px;opacity:.85}
        .step .s-val{font-weight:900;margin-top:6px}
        .step.done{border-color:rgba(34,197,94,.6);box-shadow: inset 0 0 0 1px rgba(34,197,94,.35)}
        .step.in-progress{border-color:rgba(34, 80, 197, 0.6);box-shadow: inset 0 0 0 1px rgba(34,197,94,.35)}

        /* Progress ring */
        .ring{width:120px;height:120px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(var(--success) calc(var(--p,0)*1%), rgba(255,255,255,.15) 0%);position:relative}
        .ring::after{content:"";position:absolute;inset:8px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid var(--stroke)}
        .ring > span{position:relative;font-weight:900;font-size:18px}

        /* Form stylé léger */
        .grid{display:grid;grid-template-columns: repeat(2,1fr);gap:12px}
        @media (max-width:780px){.grid{grid-template-columns:1fr}}
        label{display:block;font-weight:700;font-size:13px;margin:8px 0 6px 0}
        input[type="text"], input[type="date"], select, textarea{width:100%;padding:12px 12px;border-radius:12px;background:rgba(0,0,0,.45);border:1px solid var(--stroke);color:#fff;font-weight:700}
        textarea{min-height:96px;resize:vertical}

        /* Accordions simples */
        .acc{border:1px solid var(--stroke);border-radius:14px;overflow:hidden}
        .acc + .acc{margin-top:10px}
        .acc summary{cursor:pointer;list-style:none;padding:14px 16px;background:var(--card-2);font-weight:900}
        .acc[open] summary{background:linear-gradient(0deg, rgba(255,255,255,.06), rgba(255,255,255,.06))}
        .acc .acc-body{padding:14px 16px;background:rgba(0,0,0,.25)}

        /* Badges & status */
        .status{display:flex;gap:8px;flex-wrap:wrap}
        .status .s{padding:6px 10px;border-radius:10px;border:1px solid var(--stroke);background:rgba(0,0,0,.3);font-size:12px;font-weight:800}
        .s-verified{border-color:#60a5fa;color:#bfdbfe}
        .s-reco{border-color:#34d399;color:#d1fae5}
        .s-frmf{border-color:#a7f3d0;color:#ecfeff}

        .footer-copy{margin-top:16px;font-size:16px;opacity:.95;max-width: 75ch}



        .sheet-done, .not-author {
            .sheet-body .card-body {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 1.2rem;
              }
              
              /* Bloc field */
              .sheet-body .field {
                background: #111;
                padding: 1rem;
                border-radius: .6rem;
                border: 1px solid #333;
                color: #eee;
              }
              
              /* Label */
              .sheet-body .field__label {
                font-size: .75rem;
                text-transform: uppercase;
                letter-spacing: .05em;
                color: #888;
                margin-bottom: .3rem;
              }
              
              /* Value */
              .sheet-body .field__item {
                font-size: 1rem;
                font-weight: 600;
                color: #fff;
              }
              
              /* Alerte */
              .sheet-body .alert {
                grid-column: 1 / -1;
                margin-bottom: .5rem;
              }
              
              /* Phrase "Talent summary" etc. */
              .sheet-body .card-body > p,
              .sheet-body .card-body > h2,
              .sheet-body .card-body > h3 {
                grid-column: 1 / -1;
                color: #fff;
              }
            
             /* ce champ est dans la premiere étape, il faut qu'il soit présent sinon il est sauvgardé à vide quand je sauvgarde des valeurs dans les autres étapes, ce qui rend cette étape in-progress alors qu'une étape passée est irréversible */
              #edit-field-talent-birth-date-wrapper {
                display: none;
              }
        }



    }
}


@media screen and (max-width: 768px) {

  body.path-node.node--type-talent {
    section.section {
      .mini-fiche {
        grid-template-columns: repeat(1, 1fr);
      }
    }
  }

  body.path-webform {
    section.section {
      .talent-layout {
        section {
          padding-left: 10px;
          padding-right: 10px;
        
          
          #talentAccordion {
            display: block;

            .status-grid {
              width: 300px;
              display: block;
            }
          }
        }
        .desktop-journey {
          display: none;
        }
      }
    }
  }
}


/**** ARENALL ****/
body.path-arenall {
  .tab-content.sub-tabs-new-post {
    display: none;
  }
}