/* ── CNA Front ── */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');

:root{
    --bg:#0D1B2A;--surface:#162336;--card:#1D2F44;--border:#253B55;
    --accent:#00AEEF;--accent2:#0082B3;--green:#22c55e;--red:#ef4444;
    --text:#E8F0F8;--muted:#7A9AB5;--radius:10px;
    --font:'Vazirmatn',Tahoma,sans-serif;
}

.cna-wrap{font-family:var(--font);direction:rtl;background:var(--bg);min-height:80vh;padding:2rem 1rem;color:var(--text)}

/* ── GF Overrides ── */
.cna-wrap .gform_wrapper.gravity-theme{background:transparent!important}
.cna-wrap .gform_page_footer{display:flex;gap:1rem;flex-direction:row-reverse}
.cna-wrap .gform_previous_button,.cna-wrap .gform_next_button,.cna-wrap .gform_button{
    font-family:var(--font)!important;padding:.75rem 2rem!important;border-radius:8px!important;
    font-size:.95rem!important;font-weight:600!important;cursor:pointer!important;border:none!important;transition:all .2s!important}
.cna-wrap .gform_next_button,.cna-wrap .gform_button{background:var(--accent)!important;color:#fff!important}
.cna-wrap .gform_next_button:hover,.cna-wrap .gform_button:hover{background:var(--accent2)!important}
.cna-wrap .gform_previous_button{background:transparent!important;color:var(--muted)!important;border:1px solid var(--border)!important}
.cna-wrap .gform_previous_button:hover{color:var(--text)!important;border-color:var(--text)!important}

/* Progress bar */
.cna-wrap .gf_progressbar_wrapper{margin-bottom:2rem}
.cna-wrap .gf_progressbar{background:var(--border)!important;border-radius:4px!important;overflow:hidden}
.cna-wrap .gf_progressbar_percentage{background:var(--accent)!important;border-radius:4px!important;transition:width .4s!important}
.cna-wrap .gf_step{color:var(--muted)!important;font-family:var(--font)!important}
.cna-wrap .gf_step_active{color:var(--accent)!important}

/* Labels & fields */
.cna-wrap .gfield_label{color:var(--text)!important;font-family:var(--font)!important;font-weight:500!important;margin-bottom:.35rem!important}
.cna-wrap input[type=text],.cna-wrap input[type=email],.cna-wrap input[type=tel],
.cna-wrap input[type=number],.cna-wrap select,.cna-wrap textarea{
    background:var(--surface)!important;border:1px solid var(--border)!important;
    border-radius:6px!important;color:var(--text)!important;font-family:var(--font)!important;
    padding:.65rem .9rem!important;transition:border-color .2s!important}
.cna-wrap input:focus,.cna-wrap select:focus,.cna-wrap textarea:focus{border-color:var(--accent)!important;outline:none!important}
.cna-wrap .gfield_description{color:var(--muted)!important;font-size:.82rem!important}

/* Section headings */
.cna-wrap .gsection_title{color:var(--accent)!important;font-family:var(--font)!important;
    border-bottom:1px solid var(--border)!important;padding-bottom:.5rem!important;font-size:1rem!important}

/* Checkboxes & Radios */
.cna-wrap .gfield_checkbox li,.cna-wrap .gfield_radio li{
    background:var(--card);border:2px solid var(--border);border-radius:8px;
    padding:.75rem 1rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s}
.cna-wrap .gfield_checkbox li:hover,.cna-wrap .gfield_radio li:hover{border-color:var(--accent)}
.cna-wrap input[type=checkbox],.cna-wrap input[type=radio]{accent-color:var(--accent)!important;width:18px!important;height:18px!important}

/* Yes/No radios */
.cna-wrap .cna-yesno .gfield_radio{display:flex!important;gap:.75rem!important}
.cna-wrap .cna-yesno .gfield_radio li{flex:1;text-align:center;padding:.5rem}

/* Category checkboxes — bigger cards */
.cna-wrap .cna-categories .gfield_checkbox li{
    font-size:1rem;font-weight:500;padding:1rem 1.25rem}

/* Number fields — compact */
.cna-wrap .cna-qty input{max-width:120px!important}

/* Page container */
.cna-wrap .gform_page{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;max-width:780px;margin:0 auto}

/* Live estimate panel (injected by JS) */
#cna-live-estimate{
    background:linear-gradient(135deg,var(--accent2),var(--accent));
    border-radius:var(--radius);padding:1.5rem;margin-top:1.5rem;
    display:none;animation:fadeUp .4s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
#cna-live-estimate h3{margin:0 0 .75rem;color:#fff;font-size:1rem}
#cna-live-total{font-size:2rem;font-weight:700;color:#fff;direction:ltr;unicode-bidi:bidi-override;margin-bottom:.5rem}
#cna-live-lines{width:100%;border-collapse:collapse;font-size:.85rem;color:#fff}
#cna-live-lines th,#cna-live-lines td{padding:.5rem .75rem;text-align:right;border-bottom:1px solid rgba(255,255,255,.2)}
#cna-live-lines th{opacity:.75}
#cna-live-note{font-size:.78rem;color:rgba(255,255,255,.7);margin-top:.5rem}

/* ── Confirmation ── */
.cna-confirm{font-family:var(--font);direction:rtl;background:var(--bg);color:var(--text);padding:3rem 1rem;text-align:center;min-height:60vh}
.cna-confirm-icon{font-size:4rem;margin-bottom:1rem}
.cna-confirm h2{color:var(--green);font-size:1.8rem;margin-bottom:.5rem}
.cna-confirm-total{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:480px;margin:2rem auto}
.cna-confirm-total-label{color:var(--muted);font-size:.9rem;margin-bottom:.4rem}
.cna-confirm-total-amount{font-size:2.2rem;font-weight:700;color:var(--accent);direction:ltr;unicode-bidi:bidi-override}
.cna-confirm-total-note{font-size:.78rem;color:var(--muted);margin-top:.4rem}
.cna-confirm-breakdown{max-width:700px;margin:2rem auto;text-align:right}
.cna-confirm-breakdown h3{color:var(--accent);margin-bottom:.75rem}
.cna-confirm-breakdown table{width:100%;border-collapse:collapse;background:var(--card);border-radius:8px;overflow:hidden}
.cna-confirm-breakdown th,.cna-confirm-breakdown td{padding:.65rem 1rem;font-size:.875rem;border-bottom:1px solid var(--border)}
.cna-confirm-breakdown th{background:var(--surface);color:var(--muted)}
.cna-confirm-breakdown .cna-total-row td{background:var(--surface);font-weight:700;color:var(--accent)}

@media(max-width:600px){
    .cna-wrap .cna-yesno .gfield_radio{flex-direction:column}
    .cna-wrap .gform_page{padding:1rem}
}