/*
Theme Name: Conmart App Theme
Theme URI: https://example.com
Author: Conmart Dev
Description: A Single Page Application theme for Conmart - Build Better.
Version: 1.0
*/

/* Custom scrollbar hiding */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Smooth transitions */
.animate-in { animation: fadeIn 0.3s ease-out forwards; }
.slide-up { animation: slideUp 0.3s ease-out forwards; }
.zoom-in { animation: zoomIn 0.2s ease-out forwards; }

/* New Animations for Modals */
@keyframes slideInRight { from { transform: translateX(100%); } to { transform: translateX(0); } }
.slide-in-right { animation: slideInRight 0.3s ease-out forwards; }

@keyframes slideUpBottom { from { transform: translateY(100%); } to { transform: translateY(0); } }
.slide-up-bottom { animation: slideUpBottom 0.3s ease-out forwards; }

/* Left to Right Slide for Ad */
@keyframes slideInLeft { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.slide-in-left { animation: slideInLeft 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

/* Bubble Animation for Profile */
@keyframes bubbleUp { 
    0% { transform: scale(0.5) translateY(50px); opacity: 0; } 
    80% { transform: scale(1.05) translateY(-5px); opacity: 1; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}
.animate-bubble { transform-origin: bottom center; animation: bubbleUp 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes zoomIn { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }

body { -webkit-tap-highlight-color: transparent; }