.elementor-144 .elementor-element.elementor-element-927d629{--display:flex;--min-height:134px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-144 .elementor-element.elementor-element-0d62ea7{text-align:center;}.elementor-144 .elementor-element.elementor-element-0d62ea7 .elementor-heading-title{font-family:"mundial", Sans-serif;font-size:70px;font-weight:600;color:var( --e-global-color-text );}.elementor-144 .elementor-element.elementor-element-34b864a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-144 .elementor-element.elementor-element-34b864a.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-144 .elementor-element.elementor-element-34b864a{--width:99.824%;}}/* Start custom CSS for shortcode, class: .elementor-element-0676bea */.arka-devis{
      --primary-color:#D3F400;
      --primary-hover:#c3e200;
      --dark-color:#000A3C;
      --dark-hover:#001258;
      --ink:#EDEEFC;
      --white:#ffffff;
      --glass:#EDEEFC;
      --glass-line:rgba(0,0,0,.12);
      --glass-inset:rgba(0,0,0,.06);
      --radius:16px;
      --shadow:0 18px 48px rgba(0,0,0,.15);
      --transition:all .25s ease;
    }

    .arka-devis *{ box-sizing:border-box; }
    .arka-devis{
      font-family:"Mundial", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height:1.6;
      color:var(--dark-color);
      background:transparent;
      margin:0 auto;
      padding:clamp(16px,3vw,28px);
      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    }

    .arka-devis h1{
      text-align:center;
      margin-bottom:clamp(18px,2vw,26px);
      color:var(--dark-color);
      font-weight:900;
      font-size:clamp(24px,3.2vw,34px);
      text-transform:uppercase;
      text-shadow:0 6px 30px rgba(0,0,0,.2);
    }

    /* Carte */
    .arka-devis .form-container{
      background: rgba(237, 238, 252, 0.30);
      border: 1px solid rgba(255,255,255,.35);
      border-radius: 22px;
      padding: clamp(22px,3vw,36px);
      box-shadow: var(--shadow), inset 0 0 0 1px rgba(255,255,255,.18);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      max-width: min(1100px,96vw);
      margin: 0 auto;
    }

    .arka-devis .form-section{ margin-bottom:clamp(24px,3.2vw,36px); }

    .arka-devis .form-section h2{
      font-size:clamp(16px,2vw,20px);
      color:var(--dark-color);
      font-weight:800;
      text-transform:uppercase;
      margin:0 0 14px 0;
      position:relative;
      padding-bottom:0;
      border-bottom:0;
    }
    .arka-devis .form-section h2::after{
      content:""; display:block; width:120px; height:3px;
      background:var(--primary-color); border-radius:3px; margin-top:8px;
    }

    .arka-devis .form-group{ margin-bottom:18px; }
    .arka-devis .form-group label{ display:block; margin-bottom:8px; font-weight:700; color:var(--dark-color); }

    .arka-devis input[type="text"],
    .arka-devis input[type="number"],
    .arka-devis input[type="email"],
    .arka-devis input[type="tel"],
    .arka-devis textarea,
    .arka-devis select{
      width:100%;
      padding:12px 14px;
      border:1px solid var(--glass-line);
      border-radius:12px;
      background:rgba(255,255,255,.92);
      color:var(--dark-color);
      font-size:15px;
      transition:var(--transition);
    }
    .arka-devis input:focus,
    .arka-devis textarea:focus,
    .arka-devis select:focus{
      outline:none; border-color:var(--primary-color);
      box-shadow:0 0 0 3px rgba(211,244,0,.22);
      background:#fff;
    }
    .arka-devis input::placeholder,
    .arka-devis textarea::placeholder{ color:rgba(0,0,0,.45); }

    .arka-devis .small-note{ font-size:.9rem; color:var(--primary-color); margin-top:6px; }

    .arka-devis .form-separator{
      height:3px; background:linear-gradient(90deg, transparent, var(--primary-color), transparent);
      margin:18px 0 26px 0; border-radius:3px;
    }

    /* ====== Tableau Caissons ====== */
    .arka-devis .caissons-section{ margin-bottom:20px; }

    .arka-devis .caissons-header{
      background:rgba(0,10,60,.85); color:#fff; display:grid;
      grid-template-columns:60px 190px repeat(4,1fr) 50px;
      padding:12px 10px; border-radius:12px 12px 0 0;
      font-weight:800; text-align:center; font-size:.95rem;
      align-items:center; border:1px solid rgba(255,255,255,.12);
    }

    .arka-devis .caisson-item{
      display:grid; grid-template-columns:60px 190px repeat(4,1fr) 50px;
      padding:14px 10px; align-items:center; text-align:center;
      background:rgba(255,255,255,.45);
      border-left:1px solid var(--glass-line);
      border-right:1px solid var(--glass-line);
      border-bottom:1px solid var(--glass-line);
    }
    .arka-devis .caisson-item:nth-child(even){ background:rgba(255,255,255,.60); }
    .arka-devis .caisson-item:last-child{ border-radius:0 0 12px 12px; }

    .arka-devis .qty-cell{ display:flex; justify-content:center; }
    .arka-devis .qty-input{
      width:48px; padding:6px 8px; text-align:center;
      border:1px solid var(--glass-line); border-radius:10px;
      background:rgba(255,255,255,.95); color:var(--dark-color);
      appearance:textfield;
    }
    .arka-devis .qty-input::-webkit-inner-spin-button,
    .arka-devis .qty-input::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }

    .arka-devis .dimension-cell{ display:flex; justify-content:center; gap:10px; }
    .arka-devis .dimension-input{ width:70px; }
    .arka-devis .dimension-input input{
      width:100%; text-align:center; padding:8px; border-radius:8px;
      border:1px solid var(--glass-line); background:rgba(255,255,255,.95); color:var(--dark-color);
    }
    .arka-devis .dimension-label{
      font-size:12px; text-align:center; font-weight:500; margin-top:6px; display:block; color:rgba(0,0,0,.7);
    }

    /* Selects pilules */
    .arka-devis .select-wrapper{ position:relative; width:95%; margin:0 auto; max-width:150px; }
    .arka-devis .select-container{ display:flex; flex-direction:column; align-items:center; }
    .arka-devis .custom-select{
      appearance:none; width:100%;
      padding:10px 34px 10px 14px; border-radius:999px; border:1px solid var(--glass-line);
      background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000A3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 10px center / 14px;
      color:var(--dark-color); font-size:12px; text-align:center; cursor:pointer;
    }
    .arka-devis .select-wrapper + .select-wrapper{ margin-top:8px; }

    /* Options */
    .arka-devis .option-fields{ display:flex; gap:20px; align-items:flex-start; flex-wrap:nowrap; }
    .arka-devis .champ-option{ flex:0 0 130px; min-width:90px; }
    .arka-devis .info-box{
      padding:12px 14px; border:1px solid var(--glass-line); border-radius:12px;
      background:rgba(255,255,255,.9); color:var(--dark-color);
      max-height:160px; overflow-y:auto; flex:1 1 auto; min-width:300px;
    }
    .arka-devis .info-box p{ margin:0; font-size:.92rem; line-height:1.6; }

    /* Boutons (scopés) */
    .arka-devis .btn{
      border:none; border-radius:12px; cursor:pointer; font-weight:800;
      transition:var(--transition); display:inline-flex; align-items:center; justify-content:center;
    }
    .arka-devis .btn-add{
      background:var(--primary-color); color:#0b0f00;
      padding:14px 22px; font-size:16px; width:100%; margin:18px 0 22px;
      text-transform:uppercase; letter-spacing:.4px; border-radius:12px;
      box-shadow:0 8px 26px rgba(211,244,0,.25);
    }
    .arka-devis .btn-add:hover{ background:var(--primary-hover); transform:translateY(-1px); box-shadow:0 12px 36px rgba(211,244,0,.28); }

    .arka-devis .btn-submit{
      background:var(--dark-color); color:#fff;
      padding:16px 24px; font-size:18px; width:100%;
      text-transform:uppercase; letter-spacing:.4px; font-weight:900; border-radius:12px;
      box-shadow:0 10px 26px rgba(0,10,60,.25);
    }
    .arka-devis .btn-submit:hover{ background:var(--dark-hover); transform:translateY(-1px); }

    .arka-devis .btn-delete{
      background:#ff3b30; color:#fff; width:30px; height:30px; border-radius:50%;
      font-size:14px; margin:0 auto;
    }
    .arka-devis .btn-delete:hover:not(:disabled){ background:#e02e24; transform:translateY(-1px); }
    .arka-devis .btn-delete:disabled{ opacity:.5; cursor:not-allowed; }

    .arka-devis .btn.btn-toggle{ background:rgba(0,0,0,.06); color:var(--dark-color); border:1px solid var(--glass-line); }
    .arka-devis .btn.btn-toggle:hover{ background:rgba(0,0,0,.10); }

    .arka-devis .is-hidden{ display:none; }

    /* ===== Modales ===== */
    .arka-devis .modal{
      display:none; position:fixed; inset:0; z-index:9999;
      background:rgba(0,0,0,.55);
    }
    .arka-devis .modal-content{
      background:#fff; color:var(--dark-color);
      margin:8% auto; padding:22px; border-radius:16px;
      width:90%; max-width:720px; position:relative;
      box-shadow:0 24px 60px rgba(0,0,0,.35);
      border:1px solid var(--glass-line);
    }
    .arka-devis .modal-header{ border-bottom:2px solid var(--primary-color); padding-bottom:12px; margin-bottom:14px; }
    .arka-devis .modal-body{ max-height:60vh; overflow-y:auto; margin-bottom:18px; }
    .arka-devis .modal-footer{ display:flex; gap:12px; justify-content:space-between; }
    .arka-devis .btn-confirm{ background:var(--primary-color); color:#0b0f00; padding:12px 18px; border-radius:12px; font-weight:900; border:none; }
    .arka-devis .btn-cancel{ background:#f2f2f2; color:#333; padding:12px 18px; border-radius:12px; font-weight:800; border:none; }

    /* ===== Modale SUCCÈS (même style + accent) ===== */
    .arka-devis .modal-content.success{
      text-align:center;
      padding-top:32px;
      border-top:6px solid var(--primary-color);
    }
    .arka-devis .success-icon{
      width:72px; height:72px; margin:0 auto 12px;
      border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      background:rgba(211,244,0,.15);
      box-shadow: inset 0 0 0 2px rgba(211,244,0,.35);
    }
    .arka-devis .success-icon img{
      width:44px; height:44px;
      display:block; object-fit:contain;
    }
    .arka-devis .modal-content.success h3{
      margin:6px 0 8px;
      font-size:clamp(20px,2.4vw,26px);
      color:var(--dark-color);
      text-transform:none;
      font-weight:900;
    }
    .arka-devis .success-lead{
      color:rgba(0,0,0,.75);
      margin:0 auto 16px;
      max-width:640px;
      line-height:1.7;
      font-weight:600;
    }
    .arka-devis .success-summary{
      text-align:left;
      background:#f6f7fb;
      border:1px solid var(--glass-line);
      border-radius:12px;
      padding:14px;
      margin:10px auto 18px;
      max-width:640px;
      color:#222;
    }
    .arka-devis .success-summary h4{ margin:0 0 8px; color:#000A3C; font-size:16px; }
    .arka-devis .success-summary ul{ margin:0; padding-left:18px; }

    /* Responsive */
    @media (max-width:768px){
      .arka-devis .form-container{ padding:18px; }
      .arka-devis .caissons-header,
      .arka-devis .caisson-item{
        grid-template-columns:60px 160px repeat(4, minmax(120px,1fr)) 50px;
        min-width:720px;
      }
      .arka-devis .caissons-section{ overflow-x:auto; padding-bottom:6px; }
      .arka-devis .modal-content{ margin:20% auto; width:95%; }
    }

    /* Alignements */
    .arka-devis .dimension-input input,
    .arka-devis .qty-input{
      height:44px; line-height:44px; padding:10px; border-radius:12px;
      border:1px solid var(--glass-line); background:rgba(255,255,255,.06); color:var(--dark-color);
    }
    .arka-devis .qty-input{ width:60px; text-align:center; appearance:textfield; }
    .arka-devis .caisson-item .qty-cell,
    .arka-devis .caisson-item .dimension-cell{ display:flex; align-items:flex-start; gap:12px; justify-content:center; }
    .arka-devis .dimension-input{ width:74px; display:flex; flex-direction:column; align-items:center; }
    .arka-devis .dimension-label{ margin-top:6px; font-size:12px; text-align:center; opacity:.9; display:block; }/* End custom CSS */