/* Add custom CSS styles below */ /* ========================================================= BSVELLURA@ — LUXURY BRAND IDENTITY SALLA / THEME RAED Navy #0E2A47 | Gold #D4AF7C | Cream #F8F6F2 ========================================================= */ :root { --bv-navy: #0E2A47; --bv-navy-dark: #081C30; --bv-gold: #D4AF7C; --bv-gold-dark: #B89055; --bv-cream: #F8F6F2; --bv-white: #FFFFFF; --bv-black: #1A1A1A; --bv-radius: 10px; --bv-shadow: 0 8px 30px rgba(14,42,71,.08); --bv-transition: .3s ease; } /* ========================= GENERAL ========================= */ body { background: var(--bv-cream) !important; color: var(--bv-navy) !important; font-family: "Montserrat", Arial, sans-serif !important; } a { transition: var(--bv-transition); } .container { max-width: 1400px; } /* ========================= HEADER ========================= */ header, .site-header { background: var(--bv-white) !important; border-bottom: 1px solid rgba(212,175,124,.25) !important; box-shadow: 0 2px 15px rgba(14,42,71,.04); } .site-header a, header a { color: var(--bv-navy) !important; } .site-header a:hover, header a:hover { color: var(--bv-gold-dark) !important; } /* ========================= LOGO ========================= */ .navbar-brand img, .header-logo img, .logo img { max-height: 65px; width: auto; object-fit: contain; transition: transform .3s ease; } .navbar-brand img:hover, .header-logo img:hover { transform: scale(1.03); } /* ========================= NAVIGATION ========================= */ .main-nav a, .navbar-nav a { color: var(--bv-navy) !important; font-weight: 500; letter-spacing: .2px; } .main-nav a:hover, .navbar-nav a:hover { color: var(--bv-gold-dark) !important; } /* خط ذهبي أسفل العنصر عند المرور */ .main-nav li a, .navbar-nav li a { position: relative; } .main-nav li a::after, .navbar-nav li a::after { content: ""; position: absolute; bottom: -5px; right: 50%; width: 0; height: 2px; background: var(--bv-gold); transition: .3s ease; transform: translateX(50%); } .main-nav li a:hover::after, .navbar-nav li a:hover::after { width: 70%; } /* ========================= BUTTONS ========================= */ button, .btn, .button, .s-button-primary, button[type="submit"] { background: var(--bv-navy) !important; color: var(--bv-white) !important; border: 1px solid var(--bv-navy) !important; border-radius: var(--bv-radius) !important; transition: all .3s ease !important; } button:hover, .btn:hover, .button:hover, .s-button-primary:hover, button[type="submit"]:hover { background: var(--bv-gold) !important; border-color: var(--bv-gold) !important; color: var(--bv-navy) !important; transform: translateY(-2px); } /* ========================= PRODUCT CARDS ========================= */ .s-product-card, .product-card { background: var(--bv-white) !important; border: 1px solid rgba(14,42,71,.06) !important; border-radius: var(--bv-radius) !important; overflow: hidden; transition: all .35s ease !important; box-shadow: none !important; } .s-product-card:hover, .product-card:hover { transform: translateY(-5px); box-shadow: var(--bv-shadow) !important; border-color: rgba(212,175,124,.45) !important; } /* صورة المنتج */ .s-product-card img, .product-card img { transition: transform .5s ease; } .s-product-card:hover img, .product-card:hover img { transform: scale(1.025); } /* اسم المنتج */ .s-product-card h3, .s-product-card h2, .product-card h3, .product-card h