Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

/* ===== VESTJYSK VARMEPUMPER — GLOBAL DARK NAVY DESIGN ===== */
/* Design tokens */
:root {
–navy: #0d1b2a;
–navy-light: #132236;
–navy-card: #1a2e45;
–blue: #1a73e8;
–blue-light: #4a9eff;
–green: #00c853;
–white: #ffffff;
–gray: #8899aa;
–text: #e8edf2;
}

/* ===== BODY & GLOBAL ===== */
body {
background-color: var(–navy) !important;
color: var(–text) !important;
}

/* ===== HEADER ===== */
.site-header,
header.site-header,
.elementor-location-header,
#masthead,
.header-area,
nav.navbar,
.main-navigation {
background-color: var(–navy) !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* Header logo area */
.site-branding,
.navbar-brand {
background-color: transparent !important;
}

/* Navigation links */
.main-navigation a,
.elementor-nav-menu a,
.site-header a,
header a,
.nav-menu a,
#site-navigation a {
color: var(–text) !important;
}

.main-navigation a:hover,
.elementor-nav-menu a:hover,
.site-header a:hover {
color: var(–blue-light) !important;
}

/* CTA button in header */
.header-cta a,
.elementor-button.elementor-button-link {
background-color: var(–blue) !important;
color: var(–white) !important;
border-radius: 6px !important;
}

/* ===== FOOTER ===== */
.site-footer,
footer.site-footer,
.elementor-location-footer,
#colophon,
.footer-area {
background-color: var(–navy-light) !important;
color: var(–text) !important;
border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.site-footer a,
footer a {
color: var(–gray) !important;
}

.site-footer a:hover,
footer a:hover {
color: var(–blue-light) !important;
}

/* ===== ELEMENTOR SECTIONS ===== */
.elementor-section,
.elementor-top-section,
.e-con,
.e-con-inner {
background-color: var(–navy) !important;
}

/* Keep existing colored sections */
.elementor-section[data-settings*=”navy”],
.elementor-section.dark-section {
background-color: var(–navy-light) !important;
}

/* ===== HEADINGS ===== */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
color: var(–white) !important;
}

/* ===== PARAGRAPHS & TEXT ===== */
p,
.elementor-widget-text-editor,
.elementor-text-editor,
li {
color: var(–text) !important;
}

/* ===== WOOCOMMERCE PRODUCT PAGE ===== */
.woocommerce-page,
.single-product,
.woocommerce {
background-color: var(–navy) !important;
}

/* Product title */
.product_title,
.woocommerce-loop-product__title {
color: var(–white) !important;
}

/* Product price */
.woocommerce-Price-amount,
.price {
color: var(–blue-light) !important;
}

/* Product description */
.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel,
.woocommerce-product-details__short-description p {
color: var(–text) !important;
background-color: var(–navy-card) !important;
padding: 20px !important;
border-radius: 8px !important;
}

/* Add to cart button */
.single_add_to_cart_button,
.button.add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button {
background-color: var(–blue) !important;
color: var(–white) !important;
border: none !important;
border-radius: 6px !important;
font-weight: 600 !important;
}

.single_add_to_cart_button:hover,
.button.add_to_cart_button:hover {
background-color: var(–blue-light) !important;
}

/* Product tabs */
.woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs li {
background-color: var(–navy-card) !important;
border-color: rgba(255,255,255,0.1) !important;
}

.woocommerce-tabs ul.tabs li a {
color: var(–text) !important;
}

.woocommerce-tabs ul.tabs li.active a {
color: var(–white) !important;
background-color: var(–navy-light) !important;
}

/* Product image */
.woocommerce-product-gallery {
background-color: var(–navy-card) !important;
border-radius: 12px !important;
padding: 20px !important;
}

/* Quantity input */
.quantity input,
.woocommerce .quantity input.qty {
background-color: var(–navy-card) !important;
color: var(–white) !important;
border: 1px solid rgba(255,255,255,0.2) !important;
border-radius: 6px !important;
}

/* Breadcrumbs */
.woocommerce-breadcrumb,
.breadcrumb {
color: var(–gray) !important;
}

.woocommerce-breadcrumb a {
color: var(–blue-light) !important;
}

/* ===== WOOCOMMERCE SHOP PAGE ===== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
background-color: var(–navy-card) !important;
border-radius: 12px !important;
padding: 16px !important;
}

/* ===== FORMS ===== */
input[type=”text”],
input[type=”email”],
input[type=”tel”],
input[type=”number”],
textarea,
select {
background-color: var(–navy-card) !important;
color: var(–white) !important;
border: 1px solid rgba(255,255,255,0.2) !important;
border-radius: 6px !important;
}

input::placeholder,
textarea::placeholder {
color: var(–gray) !important;
}

/* ===== CARDS & BOXES ===== */
.elementor-widget-icon-box .elementor-icon-box-wrapper,
.elementor-widget-image-box,
.card,
.box {
background-color: var(–navy-card) !important;
border-radius: 12px !important;
padding: 24px !important;
}

/* ===== ACCORDION / TABS ===== */
.elementor-accordion .elementor-accordion-item,
.elementor-tab-content,
.elementor-tab-title {
background-color: var(–navy-card) !important;
color: var(–text) !important;
border-color: rgba(255,255,255,0.1) !important;
}

.elementor-accordion .elementor-tab-title.elementor-active {
background-color: var(–navy-light) !important;
color: var(–white) !important;
}

/* ===== ADMIN BAR — hide on frontend ===== */
/* Keep admin bar visible for logged-in users */

/* ===== PAGE TITLE AREA ===== */
.page-header,
.entry-header,
.page-title {
background-color: var(–navy) !important;
color: var(–white) !important;
}

/* ===== PRODUCT PAGE SPECIFIC ===== */
.page-id-1696 .page-header,
.page-id-1696 h1.page-title {
display: none !important;
}

/* ===== MOBILE MENU ===== */
.mobile-menu,
.mobile-nav,
.elementor-nav-menu–dropdown {
background-color: var(–navy-light) !important;
}

.elementor-nav-menu–dropdown a {
color: var(–text) !important;
}

/* ===== DIVIDERS ===== */
.elementor-divider-separator {
border-color: rgba(255,255,255,0.1) !important;
}

2 reaktioner

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *