/* Beautiful Hover Effects for All Buttons */

/* General button hover effects */
.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.btn {
    transition: all 0.3s ease;
}

/* Custom button hover effects */
.custom-btn:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
}

/* Download button hover effects */
.btn-light:hover {
    background-color: #000 !important;
    color: #fff !important;
    transform: scale(1.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* Interactive buttons hover effects */
.interactive-btn:hover {
    background-color: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.interactive-btn {
    transition: all 0.3s ease;
}

/* Portfolio buttons hidden by default */
.product-thumb .position-absolute {
    opacity: 0;
    transition: all 0.3s ease;
}

.product-thumb:hover .position-absolute {
    opacity: 1;
}

/* Button tooltips */
.product-thumb .btn {
    position: relative;
}

.product-thumb .btn::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.product-thumb .btn:hover::before {
    opacity: 1;
}

.product-thumb .btn:hover {
    transform: scale(1.1);
    transition: all 0.3s ease;
}

/* Like button specific hover */
.like-btn:hover {
    background-color: rgba(255, 182, 193, 0.9) !important;
    color: #e91e63 !important;
}

/* Share button specific hover */
.share-btn:hover {
    background-color: rgba(173, 216, 230, 0.9) !important;
    color: #2196f3 !important;
}

/* Download button specific hover */
.download-btn:hover {
    background-color: rgba(144, 238, 144, 0.9) !important;
    color: #4caf50 !important;
}

/* Navigation pills hover */
.nav-pills .nav-link:hover {
    background-color: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.2);
}

/* Language dropdown hover */
.dropdown-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Dropdown items hover */
.dropdown-item:hover {
    background-color: #f8f9fa;
    color: #0d6efd;
    transform: translateX(5px);
    transition: all 0.3s ease;
}

/* Contact icon hover */
.custom-icon:hover {
    color: #fff !important;
    transform: scale(1.2);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

/* Navbar brand hover */
.navbar-brand:hover {
    transform: scale(1.05);
    transition: all 0.3s ease;
}


/* Form button hover effects */
input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #0d6efd !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

/* Social media links hover */
a[href*="telegram"]:hover,
a[href*="instagram"]:hover,
a[href*="whatsapp"]:hover {
    transform: scale(1.1);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

/* Testimonial hover effects */
.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

/* Image hover effects */
.img-fluid:hover {
    transform: scale(1.02);
    transition: all 0.3s ease;
}

/* Card hover effects */
.card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* Smooth transitions for all interactive elements */
* {
    transition: all 0.3s ease;
}

/* Hover effect for portfolio images */
.portfolio-item:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

/* FAQ accordion hover */
.accordion-button:hover {
    background-color: rgba(13, 110, 253, 0.05);
    color: #0d6efd;
    transform: translateX(5px);
}

/* Link hover effects */
a:hover {
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
}

/* Button group hover effects */
.btn-group .btn:hover {
    z-index: 2;
    transform: translateY(-2px);
}

/* Pagination hover effects */
.page-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.2);
}

/* Badge hover effects */
.badge:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Alert hover effects */
.alert:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}