/* ========================================================= CLOSET VAN VAL — LUXURY SOFT SUMMER THEME Soft lilac/pink luxury fashion webshop styling ========================================================= */ :root { /* ===== COLORS ===== */ --cvv-primary: #FF8FA3; --cvv-primary-hover: #FF6F88; --cvv-summer-lilac: #F1E5F2; --cvv-summer-pink: #EADBF0; --cvv-summer-white: #FFF9FC; --cvv-accent: #D4A54C; --cvv-accent-hover: #BF923C; --cvv-text: #2F2F2F; --cvv-white: #ffffff; --cvv-border: rgba(0, 0, 0, 0.06); --cvv-focus: rgba(255, 143, 163, 0.25); --cvv-gradient: linear-gradient( 90deg, #F1E5F2, #FFF9FC, #EADBF0 ); } /* HARD RESET VOOR DE TEXT EN EMOTICON OVERLAPS BOVENIN */ body::before { content: "" !important; display: none !important; } body { text-transform: none; font-size: 0 !important; /* Verbergt alle losse tekst bovenaan de pagina */ } body * { font-size: initial; /* Zorgt dat alle normale elementen wel hun tekst tonen */ } /* HARD VERBERGEN VAN DE 15% BADGE EN WINKELWAGEN MELDING */ .cvv-discount-badge, .cvv-cart-notice-bar { display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; padding: 0 !important; margin: 0 !important; } /* ========================================================= BODY ========================================================= */ body { color: var(--cvv-text); background-color: #ffffff; background: radial-gradient(circle at top left, rgba(241, 229, 242, 0.5), transparent 45%), radial-gradient(circle at bottom right, rgba(234, 219, 240, 0.5), transparent 45%); margin: 0; padding: 0; } /* ========================================================= LINKS ========================================================= */ a, .alink, a:visited { color: var(--cvv-text); text-decoration: none; transition: 0.25s ease; } a:hover { color: var(--cvv-primary); text-decoration: none; } /* ========================================================= HEADER & HOOFDMENU ========================================================= */ .page-header, .header, .header-wrapper { background: var(--cvv-gradient) !important; color: var(--cvv-text) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .header__nav a, .navigation .level0 > .level-top, .megamenu a, ul.sm_megamenu_menu .title-menu, .nav-container .menu-main > li > a { color: var(--cvv-text) !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; transition: 0.25s ease !important; text-align: center !important; } .navigation > ul, .header__nav > ul, .menu-main { display: block !important; text-align: center !important; padding: 0 !important; margin: 0 auto !important; } .navigation > ul > li.cvv-custom-item, .header__nav ul li.cvv-custom-item, li.cvv-custom-item, .navigation .level0, .header__nav > ul > li, .nav-container .menu-main > li { display: inline-block !important; float: none !important; vertical-align: top !important; margin: 0 !important; padding: 0 !important; } .navigation > ul > li > a, .navigation > ul > li.level0 > a, .header__nav ul li > a, .nav-container .menu-main > li > a, a.cvv-custom-link { display: inline-block !important; vertical-align: top !important; line-height: normal !important; padding-top: 22px !important; padding-bottom: 15px !important; padding-left: 14px !important; padding-right: 14px !important; margin: 0 !important; } .header__nav a:hover, .navigation .level0 > .level-top:hover, .megamenu a:hover, ul.sm_megamenu_menu .title-menu:hover, .nav-container .menu-main > li > a:hover { color: var(--cvv-accent) !important; text-shadow: 0 0 10px rgba(212, 165, 76, 0.35) !important; } /* ========================================================= STYLING DROPDOWN SUBMENU — STANDAARD 2 KOLOMMEN ========================================================= */ .cvv-has-dropdown { position: relative; } /* Forceer verbergen van alle oude megamenu resten */ .cvv-has-dropdown > .sm-megamenu-child, .cvv-has-dropdown > .submenu { display: none !important; } /* Nieuwe, luxe dropdown container */ .cvv-dropdown-menu { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: var(--cvv-white); min-width: 320px; padding: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); border: 1px solid var(--cvv-border); border-radius: 8px; z-index: 999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, ease-in-out; } /* Toon dropdown bij hover */ .cvv-has-dropdown:hover .cvv-dropdown-menu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; opacity: 1; visibility: visible; animation: cvvFadeIn 0.25s ease-out forwards; } /* Dropdown items styling */ .cvv-dropdown-menu li { list-style: none !important; display: block !important; text-align: left !important; padding: 0 !important; margin: 0 !important; } .cvv-dropdown-menu li a { display: block !important; padding: 8px 12px !important; font-size: 13px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0.5px !important; color: var(--cvv-text) !important; border-radius: 4px; transition: all 0.2s ease !important; } .cvv-dropdown-menu li a:hover { background-color: var(--cvv-summer-lilac) !important; color: var(--cvv-primary) !important; padding-left: 16px !important; /* Subtiel 'slide' effect bij hover */ } /* Fade-in Animatie */ @keyframes cvvFadeIn { from { opacity: 0; transform: translateX(-50%) translateY(10px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } } \n\n
Search
Geavanceerd zoeken
Winkelwagen

Customer Login