.whatsapp-icon-circle{width:32px;height:32px;background:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;margin-right:12px}.whatsapp-icon-circle .whatsapp-icon{width:18px;height:18px;filter:invert(62%) sepia(65%) saturate(2159%) hue-rotate(98deg) brightness(94%) contrast(89%)}.whatsapp-form .form-group{margin-bottom:16px}.whatsapp-form .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:13px}.whatsapp-form .form-group input,.whatsapp-form .form-group textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;background-color:#fff;box-sizing:border-box}.whatsapp-form .form-group input:focus,.whatsapp-form .form-group textarea:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.whatsapp-form .form-group input::placeholder,.whatsapp-form .form-group textarea::placeholder{color:#9ca3af;font-size:14px}.whatsapp-form .form-group input.is-invalid,.whatsapp-form .form-group textarea.is-invalid{border-color:#ef4444;background-color:#fef2f2}.whatsapp-form .form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.whatsapp-form .form-group .error-message{color:#ef4444;font-size:12px;margin-top:4px;font-weight:400}.whatsapp-form .form-group .character-counter{color:#9ca3af;font-size:12px;margin-top:4px;text-align:right;font-weight:400;transition:color .2s ease}.whatsapp-form .form-group .character-counter.near-limit{color:#fb923c}.whatsapp-form .form-group .character-counter.at-limit{color:#ef4444}.whatsapp-form .form-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.whatsapp-form .form-actions button{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.whatsapp-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.whatsapp-form .form-actions button i{font-size:16px}.whatsapp-form .phone-input-group{display:flex;width:100%}.whatsapp-form .phone-input-group .country-code{flex:0 0 auto;width:60px;background-color:#25d366;color:#fff;border:1px solid #25d366;border-right:none;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border-radius:6px 0 0 6px;transition:all .2s ease}.whatsapp-form .phone-input-group .country-code:hover{background-color:#128c7e;border-color:#128c7e}.whatsapp-form .phone-input-group .phone-number{flex:1 1 auto;border-radius:0 6px 6px 0!important;border-left:none!important}.input-group-text{background-color:#25d366!important;color:#fff!important;border-color:#25d366!important;transition:all .2s ease}.input-group-text:hover{background-color:#128c7e!important;border-color:#128c7e!important}.btn-success{background-color:#25d366!important;border-color:#25d366!important;transition:all .2s ease}.btn-success:hover:not(:disabled){background-color:#128c7e!important;border-color:#128c7e!important}.btn-success:focus,.btn-success:active,.btn-success.active{background-color:#128c7e!important;border-color:#128c7e!important;box-shadow:0 0 0 .2rem #25d36640!important}.whatsapp-modal-bs3{position:fixed!important;top:0;left:0;width:100%;height:100%;z-index:1050;pointer-events:none}.whatsapp-modal-bs3 .modal-backdrop{position:fixed;inset:0;z-index:1040;background-color:#000;opacity:.5;pointer-events:all}.whatsapp-modal-bs3 .modal-dialog{position:fixed;bottom:20px;right:20px;z-index:1050;margin:0;width:350px;pointer-events:all;animation:slideInFromRight .3s ease-out}.whatsapp-modal-bs3 .modal-content{border-radius:8px;box-shadow:0 10px 25px #00000026;border:none}.whatsapp-modal-bs3 .modal-header{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:16px 20px;border-bottom:none;border-radius:8px 8px 0 0}.whatsapp-modal-bs3 .modal-header .modal-title{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center}.whatsapp-modal-bs3 .modal-header .modal-title i{margin-right:8px}.whatsapp-modal-bs3 .modal-header .close{color:#fff;opacity:.9;font-size:18px;background:none;border:none}.whatsapp-modal-bs3 .modal-header .close:hover{opacity:1}.whatsapp-modal-bs3 .modal-body{padding:20px}.whatsapp-modal-bs4{position:fixed!important;top:0;left:0;width:100%;height:100%;z-index:1055;pointer-events:none}.whatsapp-modal-bs4 .modal-backdrop{position:fixed;inset:0;z-index:1040;background-color:#000;opacity:.5;pointer-events:all}.whatsapp-modal-bs4 .modal-dialog{position:fixed;bottom:20px;right:20px;z-index:1050;margin:0;width:350px;pointer-events:all;animation:slideInFromRight .3s ease-out}.whatsapp-modal-bs4 .modal-content{border-radius:8px;box-shadow:0 10px 25px #00000026;border:none}.whatsapp-modal-bs4 .modal-header{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-bottom:none;padding:16px 20px;border-radius:8px 8px 0 0}.whatsapp-modal-bs4 .modal-header .modal-title{font-size:16px;font-weight:600;display:flex;align-items:center}.whatsapp-modal-bs4 .modal-header .modal-title i{margin-right:8px}.whatsapp-modal-bs4 .modal-header .close{color:#fff;opacity:.9;font-size:18px;background:none;border:none}.whatsapp-modal-bs4 .modal-header .close:hover{opacity:1}.whatsapp-modal-bs4 .modal-body{padding:20px}.whatsapp-modal-bs5{position:fixed!important;top:0;left:0;width:100%;height:100%;z-index:1060;pointer-events:none}.whatsapp-modal-bs5 .modal-backdrop{position:fixed;inset:0;z-index:1055;background-color:#000;opacity:.5;pointer-events:all}.whatsapp-modal-bs5 .modal-dialog{position:fixed;bottom:20px;right:20px;z-index:1060;margin:0;width:350px;pointer-events:all;animation:slideInFromRight .3s ease-out}.whatsapp-modal-bs5 .modal-content{border-radius:8px;box-shadow:0 10px 25px #00000026;border:none}.whatsapp-modal-bs5 .modal-header{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-bottom:none;padding:16px 20px;border-radius:8px 8px 0 0}.whatsapp-modal-bs5 .modal-header .modal-title{font-size:16px;font-weight:600;display:flex;align-items:center}.whatsapp-modal-bs5 .modal-header .modal-title i{margin-right:8px}.whatsapp-modal-bs5 .modal-header .btn-close{filter:invert(1) grayscale(100%) brightness(200%);opacity:.9}.whatsapp-modal-bs5 .modal-header .btn-close:hover{opacity:1}.whatsapp-modal-plain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.whatsapp-modal-plain .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;pointer-events:all}.whatsapp-modal-plain .modal-container{position:fixed;bottom:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;width:350px;max-height:calc(100vh - 40px);overflow:hidden;animation:slideInFromRight .3s ease-out;pointer-events:all}.whatsapp-modal-plain .modal-header{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.whatsapp-modal-plain .modal-header .modal-title{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center}.whatsapp-modal-plain .modal-header .modal-title .whatsapp-icon{width:18px;height:18px;margin-right:8px;filter:brightness(0) invert(1)}.whatsapp-modal-plain .modal-header .close-button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;opacity:.9}.whatsapp-modal-plain .modal-header .close-button:hover{background-color:#ffffff1a;opacity:1}.whatsapp-modal-plain .modal-body{padding:20px;max-height:calc(100vh - 140px);overflow-y:auto}.whatsapp-modal-plain .modal-body .contact-info{margin-bottom:16px;color:#666;font-size:13px;line-height:1.4}.whatsapp-modal-plain .form-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.whatsapp-modal-plain .form-input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 2px #25d36633}.whatsapp-modal-plain .btn-submit{background:#25d366;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.whatsapp-modal-plain .btn-submit:hover:not(:disabled){background:#128c7e}.whatsapp-modal-plain .btn-submit:disabled{opacity:.6;cursor:not-allowed}.whatsapp-modal-plain .btn-cancel{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.whatsapp-modal-plain .btn-cancel:hover{background-color:#e5e7eb;color:#374151}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 480px){.whatsapp-modal-plain .modal-container,.whatsapp-modal-bs3 .modal-dialog,.whatsapp-modal-bs4 .modal-dialog,.whatsapp-modal-bs5 .modal-dialog{position:fixed!important;bottom:10px!important;right:10px!important;left:10px!important;width:auto!important;max-width:none!important}}.whatsapp-trigger-btn{background-color:#25d366;color:#fff;border:none;padding:1rem 2rem;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;margin:.5rem;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.whatsapp-trigger-btn:hover{background-color:#1ea952;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.whatsapp-trigger-btn:active{transform:translateY(0)}.whatsapp-trigger-btn i{margin-right:8px}.demo-container{padding:2rem;max-width:800px;margin:0 auto}.demo-container h1{text-align:center;color:#333;margin-bottom:2rem;font-size:2rem}.demo-container .demo-section{margin-bottom:3rem;padding:2rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.demo-container .demo-section h2{color:#25d366;margin-bottom:1rem;font-size:1.5rem}.demo-container .demo-section p{color:#666;margin-bottom:1rem;line-height:1.6}.demo-container .demo-section .button-group{display:flex;flex-wrap:wrap;gap:1rem}.whatsapp-float-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:#25d366;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #25d36666;transition:all .3s ease;z-index:1000}.whatsapp-float-button:hover{background-color:#128c7e;transform:scale(1.1);box-shadow:0 6px 16px #25d36680}.whatsapp-float-button .whatsapp-icon{width:32px;height:32px;filter:brightness(0) invert(1)}
