/* =============================================
   مستر اير — مساعد اختيار التكييف المناسب
   Premium Ice Theme — CSS Only Animations
   ============================================= */

/* === OVERLAY === */
.acw-overlay{position:fixed;inset:0;z-index:10000;background:rgba(8,42,74,0.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .35s ease;}
.acw-overlay.active{display:flex;opacity:1;}

/* === MODAL === */
.acw-modal{background:linear-gradient(145deg,#f0f8ff,#e8f4fd);border-radius:20px;width:100%;max-width:680px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,119,200,.25),0 0 0 1px rgba(255,255,255,.6) inset;position:relative;transform:scale(0.85) translateY(30px);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .35s ease;opacity:0;}
.acw-overlay.active .acw-modal{transform:scale(1) translateY(0);opacity:1;}

/* Close */
.acw-close{position:absolute;top:12px;left:12px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,.08);color:#475569;font-size:1.1rem;cursor:pointer;transition:all .2s;z-index:2;display:flex;align-items:center;justify-content:center;}
.acw-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg);}

/* === HEADER === */
.acw-header{text-align:center;padding:2rem 2rem 1rem;position:relative;overflow:hidden;}
.acw-header-icon{font-size:2.5rem;color:#0077C8;animation:acwFloat 3s ease-in-out infinite;display:inline-block;}
.acw-header h2{font-size:1.4rem;font-weight:800;color:#082A4A;margin:0.5rem 0 0.25rem;}
.acw-header p{color:#5a7a95;font-size:0.9rem;}

/* === PROGRESS === */
.acw-progress-wrap{padding:0 2rem;margin-bottom:0.5rem;}
.acw-progress-bar{height:6px;background:#dceaf5;border-radius:6px;overflow:hidden;position:relative;}
.acw-progress-fill{height:100%;background:linear-gradient(90deg,#0077C8,#00b4d8);border-radius:6px;transition:width .5s cubic-bezier(.25,.8,.25,1);width:0;}
.acw-step-counter{text-align:center;font-size:0.78rem;color:#7a9bb5;margin-top:6px;font-weight:600;}

/* === STEP === */
.acw-step{padding:1.5rem 2rem 2rem;display:none;}
.acw-step.active{display:block;animation:acwSlideIn .4s ease-out;}
.acw-step-question{font-size:1.15rem;font-weight:700;color:#082A4A;margin-bottom:0.3rem;display:flex;align-items:center;gap:0.5rem;}
.acw-step-question i{color:#0077C8;font-size:1.1rem;}
.acw-step-desc{font-size:0.82rem;color:#6b8ba4;margin-bottom:1.25rem;}

/* === OPTIONS GRID === */
.acw-options{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;}
.acw-option{background:#fff;border:2px solid #e2eef7;border-radius:14px;padding:1rem;cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1);position:relative;text-align:center;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.3rem;}
.acw-option:hover{border-color:#0077C8;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,119,200,.15);}
.acw-option:hover .acw-opt-icon{transform:scale(1.15) rotate(-5deg);}
.acw-option.selected{border-color:#0077C8;background:linear-gradient(135deg,#eaf5ff,#d9eeff);box-shadow:0 4px 20px rgba(0,119,200,.2);}
.acw-option.selected::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:8px;left:8px;width:22px;height:22px;background:#0077C8;color:#fff;border-radius:50%;font-size:0.6rem;display:flex;align-items:center;justify-content:center;animation:acwPop .3s cubic-bezier(.175,.885,.32,1.275);}
.acw-opt-icon{font-size:1.6rem;color:#0077C8;transition:transform .3s ease;margin-bottom:2px;}
.acw-opt-label{font-weight:700;font-size:0.88rem;color:#1e293b;line-height:1.3;}
.acw-opt-desc{font-size:0.72rem;color:#7a9bb5;line-height:1.3;}

/* Stagger animation */
.acw-option:nth-child(1){animation-delay:.05s;}
.acw-option:nth-child(2){animation-delay:.1s;}
.acw-option:nth-child(3){animation-delay:.15s;}
.acw-option:nth-child(4){animation-delay:.2s;}
.acw-option:nth-child(5){animation-delay:.25s;}
.acw-option:nth-child(6){animation-delay:.3s;}
.acw-step.active .acw-option{animation:acwFadeUp .35s ease-out both;}

/* === MANUAL INPUT === */
.acw-manual{margin-top:1rem;text-align:center;}
.acw-manual-toggle{background:none;border:none;color:#0077C8;font-size:0.82rem;cursor:pointer;font-weight:600;text-decoration:underline;}
.acw-manual-input{display:none;margin-top:0.75rem;}
.acw-manual-input.show{display:flex;gap:0.5rem;align-items:center;justify-content:center;animation:acwFadeUp .3s ease;}
.acw-manual-input input{width:120px;padding:0.6rem 1rem;border:2px solid #d1e3f0;border-radius:10px;font-size:1.1rem;text-align:center;font-weight:700;color:#082A4A;transition:border-color .2s;}
.acw-manual-input input:focus{border-color:#0077C8;outline:none;}
.acw-manual-input input.error{border-color:#ef4444;animation:acwShake .4s ease;}
.acw-manual-input input.valid{border-color:#10b981;}
.acw-manual-input span{color:#5a7a95;font-size:0.9rem;font-weight:600;}

/* === BUTTONS === */
.acw-buttons{display:flex;gap:0.75rem;padding:0 2rem 1.5rem;justify-content:space-between;}
.acw-btn{padding:0.7rem 1.5rem;border-radius:12px;border:none;font-weight:700;font-size:0.9rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:0.4rem;}
.acw-btn-next{background:linear-gradient(135deg,#0077C8,#005fa3);color:#fff;box-shadow:0 4px 15px rgba(0,119,200,.3);}
.acw-btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,119,200,.4);}
.acw-btn-next:disabled{opacity:.5;cursor:not-allowed;transform:none;}
.acw-btn-prev{background:rgba(0,0,0,.05);color:#475569;}
.acw-btn-prev:hover{background:rgba(0,0,0,.1);}

/* === LOADING SCREEN === */
.acw-loading{display:none;text-align:center;padding:3rem 2rem;}
.acw-loading.active{display:block;animation:acwFadeUp .3s ease;}
.acw-loading-icon{font-size:3rem;color:#0077C8;animation:acwPulse 1.2s ease-in-out infinite;margin-bottom:1rem;}
.acw-loading h3{color:#082A4A;font-size:1.1rem;margin-bottom:0.5rem;}
.acw-loading-dots{display:flex;gap:6px;justify-content:center;margin-top:0.75rem;}
.acw-loading-dots span{width:10px;height:10px;background:#0077C8;border-radius:50%;animation:acwBounce .6s ease-in-out infinite alternate;}
.acw-loading-dots span:nth-child(2){animation-delay:.15s;}
.acw-loading-dots span:nth-child(3){animation-delay:.3s;}

/* === RESULT SCREEN === */
.acw-result{display:none;padding:1.5rem 2rem 2rem;}
.acw-result.active{display:block;animation:acwSlideIn .5s ease-out;}
.acw-result-hp{text-align:center;margin-bottom:1.5rem;}
.acw-result-gauge{width:120px;height:120px;border-radius:50%;background:conic-gradient(#0077C8 var(--gauge-pct,75%),#e2eef7 0);display:inline-flex;align-items:center;justify-content:center;margin-bottom:0.5rem;animation:acwScaleIn .5s cubic-bezier(.175,.885,.32,1.275);}
.acw-result-gauge-inner{width:96px;height:96px;border-radius:50%;background:#f0f8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.acw-result-gauge-inner .hp-num{font-size:1.6rem;font-weight:800;color:#082A4A;line-height:1;}
.acw-result-gauge-inner .hp-unit{font-size:0.7rem;color:#5a7a95;font-weight:600;}
.acw-result-hp h3{font-size:1.1rem;color:#082A4A;margin:0.5rem 0 0.15rem;}
.acw-result-btu{font-size:0.82rem;color:#5a7a95;}

/* Info cards */
.acw-result-cards{display:grid;gap:0.75rem;margin-bottom:1.25rem;}
.acw-rcard{background:#fff;border-radius:12px;padding:0.85rem 1rem;border-right:4px solid #0077C8;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.acw-rcard-title{font-weight:700;font-size:0.82rem;color:#0077C8;margin-bottom:0.25rem;display:flex;align-items:center;gap:0.4rem;}
.acw-rcard-body{font-size:0.82rem;color:#334155;line-height:1.6;white-space:pre-line;}
.acw-rcard.warning{border-color:#f59e0b;background:#fffbeb;}
.acw-rcard.warning .acw-rcard-title{color:#d97706;}

/* Confidence badges */
.acw-confidence{display:inline-flex;align-items:center;gap:0.3rem;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:700;}
.acw-confidence.high{background:#d1fae5;color:#047857;}
.acw-confidence.medium{background:#fef3c7;color:#92400e;}
.acw-confidence.needs_review{background:#fee2e2;color:#b91c1c;}

/* Products in result */
.acw-products{margin-top:1rem;}
.acw-products h4{font-size:0.95rem;font-weight:700;color:#082A4A;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.4rem;}
.acw-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.65rem;max-height:360px;overflow-y:auto;}
.acw-prod-card{background:#fff;border-radius:10px;padding:0.65rem;border:1px solid #e8f0f7;transition:all .2s;text-decoration:none;color:inherit;display:block;}
.acw-prod-card:hover{border-color:#0077C8;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,119,200,.1);}
.acw-prod-img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#f8fbfe;margin-bottom:0.4rem;}
.acw-prod-name{font-size:0.75rem;font-weight:600;color:#1e293b;line-height:1.3;margin-bottom:0.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.acw-prod-price{font-weight:800;color:#0077C8;font-size:0.85rem;}
.acw-prod-old-price{text-decoration:line-through;color:#94a3b8;font-size:0.72rem;margin-right:0.3rem;}

/* Result buttons */
.acw-result-actions{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:1.25rem;justify-content:center;}
.acw-result-actions .acw-btn{font-size:0.82rem;padding:0.6rem 1.2rem;}
.acw-btn-shop{background:linear-gradient(135deg,#0077C8,#005fa3);color:#fff;}
.acw-btn-wa{background:#25d366;color:#fff;}
.acw-btn-restart{background:rgba(0,0,0,.06);color:#475569;}

/* === WAVES (background) === */
.acw-waves{position:absolute;bottom:0;left:0;right:0;height:60px;overflow:hidden;opacity:0.15;pointer-events:none;}
.acw-waves svg{position:absolute;bottom:0;width:200%;animation:acwWave 8s linear infinite;}

/* === SECTION on pages === */
.acw-section{background:linear-gradient(135deg,#eaf5ff 0%,#d4ecfe 50%,#e8f4fd 100%);border-radius:16px;padding:2.5rem 2rem;text-align:center;margin:2rem 0;position:relative;overflow:hidden;}
.acw-section h2{font-size:1.3rem;font-weight:800;color:#082A4A;margin-bottom:0.5rem;}
.acw-section p{color:#5a7a95;margin-bottom:1.25rem;font-size:0.95rem;}
.acw-section .acw-btn-start{padding:0.85rem 2rem;font-size:1rem;border-radius:14px;background:linear-gradient(135deg,#0077C8,#00b4d8);color:#fff;border:none;font-weight:700;cursor:pointer;box-shadow:0 6px 25px rgba(0,119,200,.3);transition:all .25s;display:inline-flex;align-items:center;gap:0.5rem;}
.acw-section .acw-btn-start:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 35px rgba(0,119,200,.4);}
.acw-section-icon{font-size:2.5rem;color:#0077C8;margin-bottom:0.75rem;display:inline-block;animation:acwFloat 3s ease-in-out infinite;}

/* Mini card (shop/product) */
.acw-mini-card{background:linear-gradient(135deg,#eaf5ff,#d9eeff);border:2px solid #c8e3f9;border-radius:14px;padding:1.25rem;text-align:center;margin-bottom:1.5rem;cursor:pointer;transition:all .25s;}
.acw-mini-card:hover{border-color:#0077C8;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,119,200,.15);}
.acw-mini-card i{font-size:1.6rem;color:#0077C8;margin-bottom:0.4rem;display:block;}
.acw-mini-card strong{color:#082A4A;font-size:0.92rem;display:block;margin-bottom:0.2rem;}
.acw-mini-card span{color:#5a7a95;font-size:0.78rem;}

/* === ANIMATIONS === */
@keyframes acwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes acwSlideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@keyframes acwFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes acwPop{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes acwPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}
@keyframes acwBounce{to{transform:translateY(-8px);opacity:.5}}
@keyframes acwScaleIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes acwShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@keyframes acwWave{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* === REDUCED MOTION === */
@media(prefers-reduced-motion:reduce){
    .acw-modal,.acw-option,.acw-result-gauge,.acw-header-icon,.acw-section-icon,.acw-loading-icon{animation:none !important;transition:none !important;}
    .acw-step.active .acw-option{animation:none !important;}
    .acw-step.active{animation:none !important;}
}

/* === MOBILE === */
@media(max-width:600px){
    .acw-modal{border-radius:16px 16px 0 0;max-height:95vh;margin-top:auto;}
    .acw-overlay{align-items:flex-end;}
    .acw-header{padding:1.5rem 1.25rem 0.75rem;}
    .acw-header-icon{font-size:2rem;}
    .acw-header h2{font-size:1.15rem;}
    .acw-step{padding:1rem 1.25rem 1.25rem;}
    .acw-options{grid-template-columns:1fr;gap:0.6rem;}
    .acw-option{min-height:auto;padding:0.85rem;flex-direction:row;text-align:right;gap:0.75rem;}
    .acw-opt-icon{font-size:1.3rem;min-width:32px;}
    .acw-buttons{padding:0 1.25rem 1.25rem;}
    .acw-progress-wrap{padding:0 1.25rem;}
    .acw-result{padding:1rem 1.25rem 1.5rem;}
    .acw-result-gauge{width:100px;height:100px;}
    .acw-result-gauge-inner{width:80px;height:80px;}
    .acw-result-gauge-inner .hp-num{font-size:1.3rem;}
    .acw-products-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem;}
    .acw-result-actions{flex-direction:column;}
    .acw-result-actions .acw-btn{width:100%;justify-content:center;}
    .acw-section{padding:1.5rem 1.25rem;margin:1.25rem 0;}
    .acw-section h2{font-size:1.1rem;}
    .acw-waves{height:40px;}
}