/* ============================================
   AI-AVIA HOMEPAGE STYLES - home.css
   Path: assets/css/home.css
   ============================================ */

/* HOME AIRPORT DROPDOWN */
.h-ap-drop{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e9ecef;border-top:none;border-radius:0 0 10px 10px;max-height:360px;overflow-y:auto;z-index:200;display:none;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.h-ap-section{padding:10px 16px 6px;font-size:.68rem;font-weight:700;color:#adb5bd;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f1f3f5}
.h-ap-opt{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background .12s;border-bottom:1px solid #f8f9fa}
.h-ap-opt:last-child{border-bottom:none}
.h-ap-opt:hover,.h-ap-opt.hl{background:#f0f4ff}
.h-ap-city{font-size:.88rem;font-weight:600;color:#212529}
.h-ap-name{font-size:.72rem;color:#adb5bd;margin-top:1px}
.h-ap-code{font-size:.75rem;font-weight:700;color:#1a1f71;background:#eef2ff;padding:2px 8px;border-radius:4px}
.h-ap-country{font-size:.68rem;color:#ced4da;margin-top:2px}

/* HOME CUSTOM SELECT */
.sb-csel{position:relative}
.sb-csel-display{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:100px;border:2px solid var(--g300);background:#fff;font-size:.84rem;color:var(--g700);cursor:pointer;transition:all .2s;white-space:nowrap}
.sb-csel-display:hover{border-color:var(--navy)}
.sb-csel.open .sb-csel-display{border-color:var(--navy);background:var(--navy);color:#fff}
.sb-csel.open .sb-csel-display i{color:#fff}
.sb-csel-display>i:first-child{color:var(--navy);font-size:.82rem}
.sb-csel-text{font-weight:600}
.sb-csel-arrow{font-size:.55rem;transition:transform .2s;margin-left:2px}
.sb-csel.open .sb-csel-arrow{transform:rotate(180deg)}
.sb-csel-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:#fff;border:2px solid var(--navy);border-radius:10px;z-index:200;display:none;box-shadow:0 8px 20px rgba(0,0,0,.12);overflow:hidden}
.sb-csel.open .sb-csel-menu{display:block}
.sb-csel-opt{padding:11px 16px;cursor:pointer;transition:all .12s;font-size:.84rem;font-weight:500;color:#495057;border-bottom:1px solid #f8f9fa}
.sb-csel-opt:last-child{border-bottom:none}
.sb-csel-opt:hover{background:#f0f4ff;color:#1a1f71}
.sb-csel-opt.selected{background:#1a1f71;color:#fff;font-weight:700}
.sb-csel-opt.selected:hover{background:#141860}

/* HOME CALENDAR */
.h-cal-drop{position:absolute;top:100%;left:0;background:#fff;border:2px solid #1a1f71;border-radius:0 0 10px 10px;z-index:200;display:none;box-shadow:0 8px 30px rgba(0,0,0,.12);width:310px;padding:16px;user-select:none}
.h-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.h-cal-title{font-size:.9rem;font-weight:700;color:#1a1f71}
.h-cal-nav{width:30px;height:30px;border:1px solid #e9ecef;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#495057;transition:all .2s}
.h-cal-nav:hover:not(:disabled){background:#eef2ff;border-color:#1a1f71;color:#1a1f71}
.h-cal-nav:disabled{opacity:.25;cursor:default}
.h-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;text-align:center}
.h-cal-day-name{font-size:.62rem;font-weight:700;color:#adb5bd;padding:4px 0;text-transform:uppercase}
.h-cal-cell{padding:5px 2px;border-radius:6px;cursor:pointer;transition:all .12s;text-align:center}
.h-cal-cell:hover:not(.h-cal-off):not(.h-cal-sel):not(.h-cal-empty){background:#eef2ff}
.h-cal-cell.h-cal-today .h-cal-num{color:#1a1f71;font-weight:800;text-decoration:underline}
.h-cal-cell.h-cal-sel{background:#ffc800}
.h-cal-cell.h-cal-sel .h-cal-num{color:#1a1f71;font-weight:800}
.h-cal-cell.h-cal-sel .h-cal-pr{color:#1a1f71}
.h-cal-cell.h-cal-off{opacity:.25;cursor:default}
.h-cal-cell.h-cal-empty{cursor:default}
.h-cal-num{font-size:.8rem;font-weight:600;color:#495057;line-height:1.2}
.h-cal-pr{font-size:.55rem;font-weight:700;line-height:1;margin-top:1px}
.h-cal-pr.lo{color:#198754}
.h-cal-pr.md{color:#e67e22}
.h-cal-pr.hi{color:#dc3545}

/* ============================================
   TESTIMONIALS SECTION
   ============================================ */
.testimonials-section{padding:60px 20px;background:#f8fafc;overflow:hidden}
.testimonials-container{max-width:1200px;margin:0 auto}
.testimonials-header{text-align:center;margin-bottom:40px}
.testimonials-header h2{font-size:1.8rem;font-weight:800;color:#1a1f71;margin-bottom:8px}
.testimonials-header h2 span{color:#f5b800}
.testimonials-header p{color:#6b7280;font-size:.95rem}
.testimonials-wrapper{overflow:hidden;margin:0 -10px}
.testimonials-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.testimonial-card{flex:0 0 calc(33.333% - 20px);margin:0 10px;background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid #e5e7eb;transition:all .3s}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.1)}
.testimonial-rating{margin-bottom:16px}
.testimonial-rating i{color:#f5b800;font-size:.9rem;margin-right:2px}
.testimonial-text{color:#374151;font-size:.92rem;line-height:1.7;margin-bottom:20px;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #f3f4f6}
.testimonial-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid #f5b800}
.testimonial-avatar img{width:100%;height:100%;object-fit:cover}
.testimonial-info h4{font-size:.95rem;font-weight:700;color:#1a1f71;margin-bottom:2px}
.testimonial-info span{font-size:.8rem;color:#9ca3af}
.testimonials-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}
.testimonial-nav-btn{width:40px;height:40px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;color:#1a1f71;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}
.testimonial-nav-btn:hover{background:#1a1f71;border-color:#1a1f71;color:#fff}
.testimonials-dots{display:flex;gap:8px}
.testimonial-dot{width:10px;height:10px;border-radius:50%;background:#e5e7eb;cursor:pointer;transition:all .3s}
.testimonial-dot.active{background:#f5b800;transform:scale(1.2)}

/* ============================================
   WHATSAPP FLOATING BUTTON + MODAL
   ============================================ */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:9000;display:flex;align-items:center;gap:10px;animation:waFloatIn 600ms cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:2s;opacity:0}
@keyframes waFloatIn{from{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
.wa-float__btn{width:56px;height:56px;border-radius:50%;border:none;background:#25D366;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform 200ms,box-shadow 200ms}
.wa-float__btn:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,.55)}
.wa-float__btn svg{width:28px;height:28px;fill:#fff}
.wa-float__tooltip{background:#fff;color:#1a1a2e;font-family:'Noto Sans Georgian',sans-serif;font-size:13px;font-weight:500;padding:8px 14px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.1);white-space:nowrap;position:relative;animation:waPulse 3s ease-in-out infinite}
@keyframes waPulse{0%,100%{opacity:1}50%{opacity:.7}}
.wa-float__tooltip::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#fff}

.wa-overlay{position:fixed;inset:0;background:rgba(10,10,46,.55);backdrop-filter:blur(8px);z-index:9998;opacity:0;visibility:hidden;transition:opacity 300ms,visibility 300ms}
.wa-overlay.active{opacity:1;visibility:visible}

.wa-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);z-index:9999;width:92%;max-width:400px;background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity 300ms,visibility 300ms,transform 300ms cubic-bezier(.34,1.56,.64,1);overflow:hidden}
.wa-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.wa-modal__header{background:linear-gradient(135deg,#25D366,#128C7E);padding:28px;position:relative;overflow:hidden}
.wa-modal__close{position:absolute;top:16px;right:16px;width:30px;height:30px;border:none;background:rgba(255,255,255,.15);border-radius:50%;color:rgba(255,255,255,.8);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 180ms}
.wa-modal__close:hover{background:rgba(255,255,255,.3);color:#fff}
.wa-modal__icon{width:44px;height:44px;background:rgba(255,255,255,.18);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.wa-modal__icon svg{width:24px;height:24px;fill:#fff}
.wa-modal__title{font-size:18px;font-weight:700;color:#fff;margin-bottom:5px}
.wa-modal__subtitle{font-size:13px;color:rgba(255,255,255,.85)}
.wa-modal__body{padding:24px 28px 28px}
.wa-modal__label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:10px}
.wa-phone-row{display:flex;gap:8px}

.wa-country{position:relative;flex-shrink:0}
.wa-country__btn{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fafafa;cursor:pointer;font-size:14px;color:#1a1a2e;transition:border-color 180ms}
.wa-country__btn:hover{border-color:#25D366;background:#fff}
.wa-country__flag{width:24px;height:18px;border-radius:3px;object-fit:cover}
.wa-country__code{font-weight:700;font-size:14px;color:#374151}
.wa-country__arrow{font-size:9px;color:#9ca3af;transition:transform 200ms;margin-left:2px}
.wa-country.open .wa-country__arrow{transform:rotate(180deg)}
.wa-country__list{position:absolute;top:calc(100% + 6px);left:0;width:260px;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.14);z-index:10;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 200ms,visibility 200ms,transform 200ms}
.wa-country.open .wa-country__list{opacity:1;visibility:visible;transform:translateY(0)}
.wa-country__search{width:100%;padding:12px 14px;border:none;border-bottom:1px solid #f3f4f6;font-size:13px;color:#1a1a2e;outline:none;background:#fafafa}
.wa-country__item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:13px;color:#374151;transition:background 120ms}
.wa-country__item:hover{background:#f0fdf4}
.wa-country__item-flag{width:24px;height:18px;border-radius:3px;object-fit:cover}
.wa-country__item-name{flex:1;font-weight:500}
.wa-country__item-code{font-weight:700;color:#6b7280;font-size:12.5px}

.wa-phone-input{flex:1;height:48px;border:1.5px solid #e5e7eb;border-radius:12px;padding:0 16px;font-size:16px;font-weight:500;color:#1a1a2e;outline:none;transition:border-color 180ms,box-shadow 180ms}
.wa-phone-input:focus{border-color:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.1)}
.wa-phone-input.error{border-color:#ef4444}
.wa-phone-input.valid{border-color:#25D366}
.wa-error-msg{font-size:12px;color:#ef4444;margin-top:8px;display:none;font-weight:500}
.wa-error-msg.show{display:block}

.wa-consent{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;background:#f9fafb;border-radius:10px;border:1px solid #f3f4f6}
.wa-consent input[type="checkbox"]{width:18px;height:18px;margin-top:1px;accent-color:#25D366;cursor:pointer}
.wa-consent label{font-size:12.5px;color:#4b5563;line-height:1.6;cursor:pointer;font-weight:500}

.wa-submit{width:100%;height:48px;border:none;border-radius:12px;background:#25D366;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background 180ms,transform 180ms,opacity 180ms;box-shadow:0 4px 14px rgba(37,211,102,.25)}
.wa-submit:hover:not(:disabled){background:#22c55e;transform:translateY(-1px)}
.wa-submit:disabled{opacity:.55;cursor:not-allowed;background:#86efac;box-shadow:none}
.wa-submit svg{width:18px;height:18px;fill:#fff}

.wa-success{text-align:center;padding:36px 28px;display:none}
.wa-success.show{display:block}
.wa-success__check{width:60px;height:60px;background:#f0fdf4;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:waPop 400ms cubic-bezier(.34,1.56,.64,1)}
@keyframes waPop{from{transform:scale(0)}to{transform:scale(1)}}
.wa-success__check svg{width:30px;height:30px}
.wa-success__title{font-size:17px;font-weight:700;color:#1a1a2e;margin-bottom:6px}
.wa-success__text{font-size:13.5px;color:#6b7280}

/* RESPONSIVE */
@media(max-width:1024px){
    .testimonial-card{flex:0 0 calc(50% - 20px)}
}
@media(max-width:640px){
    .testimonials-section{padding:40px 16px}
    .testimonials-header h2{font-size:1.4rem}
    .testimonial-card{flex:0 0 calc(100% - 20px);padding:20px}
    .testimonial-text{font-size:.88rem}
}
@media(max-width:480px){
    .wa-modal{width:96%;border-radius:16px}
    .wa-modal__header{padding:22px}
    .wa-modal__body{padding:20px 22px 24px}
    .wa-float{bottom:16px;right:16px}
    .wa-float__btn{width:50px;height:50px}
    .wa-float__btn svg{width:24px;height:24px}
    .wa-float__tooltip{display:none}
}