/* Variables thème */
:root{
    --bg:#0f172a; --panel:#0b1225; --card:#101935;
    --text:#000000; --muted:#9ca3af; --primary:#4f46e5;
    --primary-600:#4338ca; --primary-700:#3730a3; --border:#1f2a4d;
    --danger:#ef4444; --focus:#22d3ee; --radius:12px; --radius-sm:8px;
    --shadow:0 10px 30px rgba(0,0,0,.15);
  
    /* Sticky/underlap (underlap off par défaut) */
    --nvf-sticky-offset: 92px;   /* distance sous votre header sticky (ajustez 80–110px) */
    --nvf-underlap-gap: 12px;
    --nvf-header-h: 160px;
    --nvf-underlap-on: 0;        /* 0 = OFF, 1 = ON */
  }
  @media (max-width:980px){ :root{ --nvf-sticky-offset: 72px; } }
  
  /* Important: ouvrir les wrappers Divi pour sticky/underlap */
  .et_pb_section, .et_pb_row, .et_pb_column, .et_pb_code, .et_pb_code_inner { overflow: visible !important; }
  
  /* Admin bar WordPress: compense 32/46px */
  body.admin-bar #nevoo-feedback-root .nvf-header { top: calc(var(--nvf-sticky-offset) + 32px); }
  @media (max-width: 782px) {
    body.admin-bar #nevoo-feedback-root .nvf-header { top: calc(var(--nvf-sticky-offset) + 46px); }
  }
  
  /* Conteneur */
  #nevoo-feedback-root{ max-width:1100px; margin:24px auto; padding:0 16px; overflow:visible; }
  
  /* Entête */
  #nevoo-feedback-root .nvf-header{
    position:sticky; top:var(--nvf-sticky-offset); z-index:1000;
    background:linear-gradient(180deg, rgba(10,14,30,.9), rgba(10,14,30,.75));
    border:1px solid var(--border); border-radius:var(--radius);
    padding:16px; margin-bottom:0; box-shadow:0 8px 18px rgba(0,0,0,.12);
  }
  #nevoo-feedback-root .nvf-header, #nevoo-feedback-root .nvf-header *{
    color:#fff; -webkit-text-fill-color:#fff;
  }
  
  /* Progress + toolbar */
  #nevoo-feedback-root .nvf-progress{height:10px;background:#0d1731;border:1px solid var(--border);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.2);margin-top:8px}
  #nevoo-feedback-root .nvf-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#22d3ee,#8be9ff);transition:width .2s ease}
  #nevoo-feedback-root .nvf-toolbar{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
  
  /* Underlap OFF par défaut */
  #nevoo-feedback-root .nvf-header + *,
  #nevoo-feedback-root main,
  #nevoo-feedback-root form{
    margin-top: calc(var(--nvf-underlap-on) * (var(--nvf-underlap-gap) - var(--nvf-header-h))) !important;
    position:relative; z-index:1; overflow:visible;
  }
  
  /* Sections / champs */
  #nevoo-feedback-root .nvf-section{
    background:linear-gradient(180deg, rgba(24,34,70,.35), rgba(13,19,42,.35));
    border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow);
    padding:16px; margin:16px 0;
  }
  #nevoo-feedback-root .nvf-section h2{margin:0 0 8px; font-size:1.1rem}
  #nevoo-feedback-root .nvf-fieldset{border:1px dashed var(--border); border-radius:var(--radius-sm); padding:12px; margin:12px 0 0}
  #nevoo-feedback-root legend{color:var(--muted); padding:0 6px}
  #nevoo-feedback-root .nvf-options{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
  #nevoo-feedback-root .nvf-options label{
    display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.04);
    border:1px solid var(--border); border-radius:10px; padding:8px 10px; cursor:pointer; color:var(--text);
  }
  #nevoo-feedback-root input[type=radio], #nevoo-feedback-root input[type=checkbox]{ accent-color:var(--primary); }
  #nevoo-feedback-root .nvf-inline-other{display:inline-flex;align-items:center;gap:8px}
  #nevoo-feedback-root .nvf-inline-other input[type=text]{min-width:200px}
  #nevoo-feedback-root .nvf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
  #nevoo-feedback-root textarea, #nevoo-feedback-root input[type=text], #nevoo-feedback-root input[type=email]{
    width:100%; background:rgba(255,255,255,.05); border:1px solid var(--border); color:var(--text);
    border-radius:10px; padding:10px 12px; outline:none;
  }
  #nevoo-feedback-root textarea:focus, #nevoo-feedback-root input:focus{border-color:var(--focus); box-shadow:0 0 0 3px rgba(34,211,238,.2)}
  #nevoo-feedback-root .nvf-block-label{display:inline-block;margin:6px 0;color:var(--muted)}
  #nevoo-feedback-root .nvf-hint{display:block;margin-top:6px;color:var(--muted);font-size:.85rem}
  #nevoo-feedback-root .nvf-conditional.nvf-hidden{display:none}
  
  /* Pied + boutons */
  #nevoo-feedback-root .nvf-form-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px}
  #nevoo-feedback-root .nvf-btn{background:var(--primary);color:#fff;border:1px solid var(--primary-700);border-radius:999px;padding:10px 14px;cursor:pointer;transition:transform .06s ease, background .12s ease}
  #nevoo-feedback-root .nvf-btn:hover{background:var(--primary-600);transform:translateY(-1px)}
  #nevoo-feedback-root .nvf-btn.nvf-primary{background:linear-gradient(90deg,var(--primary),#22d3ee);border:0}
  #nevoo-feedback-root .nvf-btn.nvf-danger{background:transparent;border-color:var(--danger);color:#fecaca}
  #nevoo-feedback-root .nvf-btn.nvf-danger:hover{background:rgba(239,68,68,.1)}
  #nevoo-feedback-root .nvf-status{min-height:1.2em;color:var(--muted)}
  
  /* Toast */
  #nevoo-feedback-root .nvf-toast{
    position:fixed;bottom:16px;right:16px;background:#0b1225;border:1px solid var(--border);
    color:var(--text);padding:10px 12px;border-radius:10px;box-shadow:var(--shadow);max-width:60ch;z-index:1500;animation:nvf-fadein .15s ease-out
  }
  @keyframes nvf-fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
  
  /* Impression */
  @media print{
    #nevoo-feedback-root .nvf-header,
    #nevoo-feedback-root .nvf-toolbar,
    #nevoo-feedback-root .nvf-form-footer,
    #nevoo-feedback-root .nvf-toast{ display:none !important; }
  }