/* ================================================ VELVORA GLOBAL HOVER EFFECTS Add this to every page's section ================================================ */ :root { --gold: #C8922A; --gold-light: #f0b429; --dark: #1a1a1a; } /* ── PRODUCT CARDS ── */ .product-card:hover, .featured-card:hover, .pc:hover, .wish-card:hover { border: 1.5px solid var(--gold) !important; box-shadow: 0 8px 30px rgba(200,146,42,0.18) !important; transform: translateY(-4px) !important; } .product-card:hover .product-name, .featured-card:hover .product-name, .pc:hover .prod-name, .pc:hover .pn { color: var(--gold) !important; } /* ── CATEGORY ITEMS ── */ .cat-item:hover { background: #fffbf3 !important; transform: translateY(-3px) !important; } .cat-item:hover span { color: var(--gold) !important; font-weight: 700 !important; } .cat-item:hover .cat-icon i { color: var(--gold) !important; } .cat-item:hover .cat-icon { background: #fff8ed !important; border: 2px solid var(--gold) !important; } /* ── SERVICE ITEMS ── */ .service-item:hover { background: #fffbf3 !important; transform: translateY(-3px) !important; box-shadow: 0 6px 20px rgba(200,146,42,0.15) !important; } .service-item:hover .s-name { color: var(--gold) !important; } .service-item:hover .service-icon { filter: drop-shadow(0 2px 8px rgba(200,146,42,0.4)) !important; transform: scale(1.15) !important; } /* ── SUB SERVICE ITEMS ── */ .sub-item:hover, a.sub-item:hover { background: #fffbf3 !important; transform: translateY(-3px) !important; } .sub-item:hover i, a.sub-item:hover i { color: var(--gold) !important; } .sub-item:hover span, a.sub-item:hover span { color: var(--gold) !important; font-weight: 700 !important; } /* ── NAVIGATION LINKS ── */ .nav-link:hover { color: var(--gold) !important; background: rgba(200,146,42,0.08) !important; } .menu-item:hover, .sb a:hover { color: #fff !important; border-left-color: var(--gold) !important; background: rgba(200,146,42,0.12) !important; } /* ── SIDEBAR MENU ── */ .sidebar-menu a:hover, .menu-item:hover { color: #fff !important; border-left-color: var(--gold) !important; } /* ── BUTTONS ── */ .btn-gold:hover { background: #b8821a !important; transform: translateY(-2px) !important; } .btn-next:hover { background: var(--gold) !important; } .btn-submit:hover { background: var(--gold) !important; } .sub-btn:hover { background: var(--gold) !important; color: #fff !important; } .btn-login:hover { background: var(--gold) !important; } button:not([class]):hover { opacity: 0.85 !important; } /* ── WISHLIST / HEART BUTTON ── */ .wishlist-btn:hover, .wish-btn:hover, .wb:hover { background: #e53935 !important; border-color: #e53935 !important; transform: scale(1.15) !important; } .wishlist-btn:hover i, .wish-btn:hover i, .wb:hover i { color: #fff !important; } /* ── CATEGORY PAGE CARDS ── */ .type-card:hover { border-color: var(--gold) !important; background: #fffbf3 !important; transform: translateY(-4px) !important; box-shadow: 0 8px 25px rgba(200,146,42,0.2) !important; } .type-card:hover .type-name { color: var(--gold) !important; } /* ── ACCOUNT SIDEBAR ── */ .sidebar-menu a:hover { background: #fff8ed !important; color: var(--gold) !important; border-left-color: var(--gold) !important; } /* ── PROVIDER CARDS ── */ .pcard:hover { box-shadow: 0 10px 35px rgba(200,146,42,0.18) !important; transform: translateY(-4px) !important; border: 1px solid var(--gold) !important; } /* ── FOOTER LINKS ── */ footer a:hover, .footer-col ul li a:hover { color: var(--gold) !important; } /* ── FORM INPUTS FOCUS ── */ input:focus, select:focus, textarea:focus { border-color: var(--gold) !important; box-shadow: 0 0 0 3px rgba(200,146,42,0.12) !important; outline: none !important; } /* ── TABLE ROWS ── */ tr:hover td { background: #fffbf3 !important; } /* ── BADGES / TAGS ── */ .badge:hover { opacity: 0.85; } /* ── JUTE & GHEE BANNER ── */ .special-banner:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.2) !important; } /* ── SEARCH BUTTON ── */ .search-box button:hover, .sb button:hover { background: #b8821a !important; } /* ── ORDER CARDS ── */ .order-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important; border-color: var(--gold) !important; } /* ── HOW-IT-WORKS CARDS ── */ .how-card:hover { box-shadow: 0 8px 25px rgba(200,146,42,0.15) !important; transform: translateY(-3px) !important; } .how-card:hover h4 { color: var(--gold) !important; } /* ── GLOBAL SMOOTH TRANSITIONS ── */ .product-card, .featured-card, .pc, .wish-card, .cat-item, .service-item, .sub-item, .type-card, .pcard, .order-card, .how-card, .stype-btn, .nav-link, .menu-item, .sidebar-menu a, button, .btn-gold, a { transition: all 0.22s ease !important; } /* ── ANCHOR TAGS ── */ a:hover { color: var(--gold); } /* ── ADMIN TABLE ACTIONS ── */ .btn-sm:hover { opacity: 0.85 !important; transform: translateY(-1px) !important; } .btn-e:hover { background: var(--gold) !important; color: #fff !important; } /* ── MOBILE NAV ── */ .mobile-nav a:hover { color: var(--gold) !important; }