/* TECHNOVA brand theme overrides */

:root {
    --hover-primary: #00AEEF;
    --hover-secondary: #007BFF;
    --hover-accent: #8A2BE2;
    --hover-gradient: linear-gradient(135deg, #0066dd, #7a1fd4);
    --hover-gradient-light: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    --hover-shadow: rgba(0, 174, 239, 0.28);
    --hover-shadow-blue: rgba(0, 123, 255, 0.18);
    --hover-tint: #f0f6ff;
    --hover-tint-border: #cce5ff;
}

/* ── Buttons ── */
.btn-gradient,
.hero .hero-text .button .btn:first-child,
.special-offer .offer-content .btn,
.btn-buy-now {
    background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)) !important;
    border: none !important;
    color: #fff !important;
}

.btn-gradient:hover,
.hero .hero-text .button .btn:first-child:hover,
.special-offer .offer-content .btn:hover,
.btn-buy-now:hover {
    background: var(--hover-gradient) !important;
    color: #fff !important;
    box-shadow: 0 6px 18px var(--hover-shadow) !important;
}

.button .btn:hover {
    background: var(--hover-gradient-light) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 14px var(--hover-shadow-blue) !important;
}

.button .btn-alt:hover {
    background: var(--hover-gradient-light) !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* ── Header & Navigation ── */
.header .navbar-nav .nav-item > a.active,
.header .navbar-nav .nav-item > a:hover,
.header .navbar .navbar-nav .nav-item > a:hover,
.navbar-nav .nav-item:hover > a,
.navbar-nav .nav-item .sub-menu .nav-item a:hover {
    color: var(--primary-color) !important;
}

.header .topbar .top-middle .useful-links li a:hover,
.header .topbar .top-end .user-login li a:hover {
    color: var(--primary-color) !important;
}

.header .mega-category-menu .cat-button {
    background: var(--hover-gradient-light) !important;
    color: #fff !important;
    padding: 10px 18px;
    border-radius: 6px;
    display: inline-flex !important;
    align-items: center;
    line-height: 1.2;
}

.header .mega-category-menu .cat-button:hover {
    background: var(--hover-gradient) !important;
    box-shadow: 0 4px 12px var(--hover-shadow) !important;
}

.header .mega-category-menu .cat-button i {
    color: #fff !important;
}

.header .mega-category-menu .sub-category li a:hover,
.header .mega-category-menu .sub-category li .inner-sub-category li a:hover {
    color: var(--secondary-color) !important;
}

.header .mega-category-menu .sub-category li:hover {
    background: var(--hover-tint) !important;
}

.header .main-menu-search .search-btn button:hover {
    background: var(--secondary-color) !important;
}

.header .navbar-cart .wishlist a:hover,
.header .navbar-cart .cart-items .shopping-item .dropdown-cart-header a:hover,
.header .navbar-cart .cart-items .shopping-item .shopping-list li .content h4 a:hover {
    color: var(--primary-color) !important;
}

.header .navbar-cart .cart-items .shopping-item .shopping-list li .remove:hover {
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #fff !important;
}

.header .nav-social ul li a:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.header.sticky .button .btn:hover {
    background: var(--hover-gradient-light) !important;
    color: #fff !important;
}

/* ── Breadcrumbs & Pagination ── */
.breadcrumbs .breadcrumb-nav li a:hover {
    color: var(--primary-color) !important;
}

.pagination .pagination-list li:hover a {
    background: var(--hover-gradient-light) !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* ── Hero ── */
.hero-area .tns-controls button:hover {
    background: var(--hover-gradient-light) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.hero-area .hero-small-banner.style2 .content .button .btn:hover {
    background: var(--hover-gradient) !important;
    color: #fff !important;
}

/* ── Shipping & Categories ── */
.shipping-info li:hover,
.shipping-info ul li:hover {
    border-color: var(--hover-tint-border) !important;
    box-shadow: 0 10px 24px var(--hover-shadow-blue) !important;
}

.featured-categories .single-category ul li a:hover {
    color: var(--secondary-color) !important;
}

.single-category-card:hover {
    box-shadow: 0 8px 28px var(--hover-shadow-blue) !important;
}

.single-category-card:hover .category-image::after {
    background: linear-gradient(135deg, rgba(0, 123, 255, 0.35), rgba(138, 43, 226, 0.35)) !important;
}

/* ── Product cards ── */
.product-grids .product-image .sale-badge,
.single-product .sale-badge,
.badge-sale {
    background: linear-gradient(135deg, var(--accent-color), #6a1fd4) !important;
}

.single-product .product-info .title a:hover,
.home-product-list .single-list .list-info h3 a:hover,
.product-grids .product-content .title a:hover {
    color: var(--secondary-color) !important;
}

.home-product-list .single-list:hover {
    border-color: var(--hover-tint-border) !important;
    box-shadow: 0 8px 22px var(--hover-shadow-blue) !important;
}

#nav-grid .shop-product-card:hover,
.shop-product-link-card:hover {
    box-shadow: 0 8px 22px var(--hover-shadow-blue) !important;
}

#nav-grid .shop-product-card:hover .shop-product-thumb {
    border-color: var(--hover-tint-border);
}

.product-sidebar .list li a:hover,
.product-sidebar .list li a.active {
    color: var(--secondary-color) !important;
}

.product-sidebar .list li a.active {
    font-weight: 700 !important;
}

/* ── Special offer & brands ── */
.special-offer .offer-content .text h2 a:hover {
    color: var(--secondary-color) !important;
}

.brands-logo-wrapper .brand-logo:hover img,
.brands .brands-logo-wrapper .brands-logo-carousel .brand-logo img:hover {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
}

/* ── Blog ── */
.blog-section .single-blog:hover,
.single-blog:hover {
    border-color: var(--hover-tint-border) !important;
    box-shadow: 0 8px 24px var(--hover-shadow-blue) !important;
}

.blog-section .single-blog .blog-content h4 a:hover,
.blog-single .post-title a:hover {
    color: var(--secondary-color) !important;
}

.blog-section .single-blog .blog-content .button .btn:hover {
    background: var(--hover-gradient-light) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.blog-single .meta-info li a:hover,
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .post-title a:hover,
.sidebar .widget.categories-widget ul li a:hover {
    color: var(--secondary-color) !important;
}

.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .cetagory:hover {
    color: var(--primary-color) !important;
}

.sidebar .widget.search-widget form button:hover {
    background: var(--hover-gradient-light) !important;
    color: #fff !important;
}

.popular-tag-widget .tags > a:hover {
    background: var(--hover-gradient-light) !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* ── Product detail ── */
.item-details .product-info .category a:hover {
    color: var(--secondary-color) !important;
}

.item-details .product-info .quantity .inner-content input.button:hover {
    background: var(--hover-tint) !important;
    color: var(--secondary-color) !important;
    border-color: var(--hover-tint-border) !important;
}

.item-details .product-info .wish-button .btn:hover {
    background: var(--hover-gradient-light) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.product-info-tabs .nav-link:hover,
.product-info-tabs .nav-link.active {
    color: var(--secondary-color) !important;
    border-bottom-color: var(--secondary-color) !important;
}

.product-images .images img:hover,
.product-images .images img.active {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 2px rgba(0, 174, 239, 0.25) !important;
}

.review-btn:hover {
    background: var(--hover-gradient) !important;
    color: #fff !important;
    border-color: transparent !important;
}

.product-qty-btn:hover,
.cart-qty-btn:hover {
    background: var(--hover-tint) !important;
    color: var(--secondary-color) !important;
}

.social-share li a:hover {
    background: var(--hover-gradient-light) !important;
    color: #fff !important;
    border-color: transparent !important;
}

.product-details-info .give-review .review-btn:hover {
    background: var(--hover-gradient-light) !important;
    color: #fff !important;
}

/* ── Cart & wishlist cards ── */
.cart-item-card:hover {
    border-color: var(--hover-tint-border) !important;
    box-shadow: 0 8px 22px var(--hover-shadow-blue) !important;
}

.product-name-link:hover {
    color: var(--secondary-color) !important;
}

/* ── Contact & About ── */
.contact-card:hover {
    box-shadow: 0 14px 40px var(--hover-shadow-blue) !important;
    border-color: var(--hover-tint-border) !important;
}

.contact-card a:hover {
    color: var(--primary-color) !important;
}

.contact-form-box .btn-submit:hover {
    background: var(--hover-gradient) !important;
    box-shadow: 0 6px 18px var(--hover-shadow) !important;
}

.contact-social a:hover {
    background: var(--hover-gradient-light) !important;
    color: #fff !important;
    border-color: transparent !important;
}

.contact-map-header a:hover {
    color: var(--primary-color) !important;
}

.about-values .value-card:hover {
    border-color: var(--hover-tint-border) !important;
    box-shadow: 0 12px 32px var(--hover-shadow-blue) !important;
}

/* ── Team & misc ── */
.team .single-team:hover {
    box-shadow: 0 8px 24px var(--hover-shadow-blue) !important;
}

.team .single-team .content .social li a:hover {
    background: var(--hover-gradient-light) !important;
    color: #fff !important;
}

.post-bottom-area .post-tag ul li a:hover,
.post-bottom-area .post-social-media ul li a:hover {
    background: var(--hover-gradient-light) !important;
    color: #fff !important;
    border-color: transparent !important;
}

.post-comments .comments-list li .comment-desc .desc-top .reply-link:hover {
    color: var(--secondary-color) !important;
}

.about-us .content-left .video:hover {
    box-shadow: 0 8px 24px var(--hover-shadow-blue) !important;
}

/* ── Footer ── */
.footer .footer-top {
    background-color: var(--dark-bg) !important;
}

.footer .footer-middle,
.footer .footer-bottom {
    background-color: #0a2044 !important;
}

.footer-newsletter .newsletter-form .button .btn:hover {
    background: var(--hover-gradient) !important;
    border-color: transparent !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px var(--hover-shadow) !important;
}

.footer .footer-bottom .socila li a:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px var(--hover-shadow) !important;
}

.single-footer.f-link ul li a:hover {
    color: var(--primary-color) !important;
}

.single-footer.our-app .app-btn li a:hover {
    background: var(--hover-gradient-light) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.single-footer.our-app .app-btn li a:hover i,
.single-footer.our-app .app-btn li a:hover span {
    color: #fff !important;
}

/* ── Scroll top ── */
.scroll-top {
    background: var(--hover-gradient-light) !important;
}

.scroll-top:hover {
    background: var(--hover-gradient) !important;
    box-shadow: 0 6px 16px var(--hover-shadow) !important;
}

/* ── Section titles ── */
.section-title h2::before,
.section-title h2::after {
    background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end)) !important;
}

/* ── Prices ── */
.product-grids .product-content .price span,
.single-product .product-info .price span {
    color: var(--secondary-color) !important;
}

/* ── Product card images — show full product, no crop ── */
.product-grids .shop-product-thumb img,
.single-product.shop-product-card .product-image img {
    object-fit: contain !important;
}

.product-grids .shop-product-card:hover .product-image img,
.product-grids .shop-product-link-card:hover .product-image img {
    transform: none !important;
}

/* ── Mega menu (product categories) ── */
.product-mega-menu {
    border-color: var(--hover-tint-border) !important;
    box-shadow: 0 12px 30px var(--hover-shadow-blue) !important;
}

.product-mega-menu .mega-all-link {
    border-bottom-color: var(--hover-tint-border) !important;
}

.product-mega-menu .mega-all-link a {
    color: #081828 !important;
}

.product-mega-menu .mega-all-link a:hover {
    color: var(--secondary-color) !important;
}

.product-mega-menu .mega-parent-link {
    color: #081828 !important;
}

.product-mega-menu .mega-child-list a {
    color: #333333 !important;
}

.product-mega-menu .mega-col:hover {
    background: var(--hover-tint) !important;
}

.product-mega-menu .mega-parent-link:hover,
.product-mega-menu .mega-child-list a:hover {
    color: var(--secondary-color) !important;
}

/* ── Wishlist popup ── */
.wl-icon:hover {
    color: #fff !important;
    background: var(--hover-gradient-light) !important;
    border-color: transparent !important;
}

.wl-dropdown-header a:hover,
.wl-info h5 a:hover {
    color: var(--primary-color) !important;
}

.wl-dropdown-body::-webkit-scrollbar-thumb:hover {
    background: var(--secondary-color) !important;
}

/* ── Chat widget ── */
#chat-btn:hover {
    background: var(--hover-gradient) !important;
    box-shadow: 0 6px 18px var(--hover-shadow) !important;
}