/* ==========================================================================
   123FOTOROLLETJE.CSS - DOMAIN-SPECIFIC COLORS & CONTENT OVERRIDES
   ========================================================================== */

/* 1. Header Colors & Background */
.custom-landing-header {
    background-color: #222 !important;
}

.custom-logo {
    color: #eee !important;
}

/* Specifieke kleur en underline voor de hele anchor */
.custom-logo a {
    color: #ffffff;
    text-decoration: none;
    position: relative;
}

.custom-logo a:hover {
    text-decoration: underline;
}

/* CMY Accent kleuren */
.num-c { color: #00aeef !important; } 
.num-m { color: #ec008c !important; } 
.num-y { color: #fff200 !important; } 

/* Powered-by subtitle colors */
.custom-logo span.powered-by {
    color: #ddd !important;
}

.custom-logo span.powered-by a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* 2. Page & Layout Backgrounds */
.page-id-282,
.page-id-282 body, 
.page-id-282 #page, 
.page-id-282 #content, 
.page-id-282 .wp-site-blocks, 
.page-id-282 .entry-content {
    background-color: #ffffff !important;
}

.split-side {
    background-color: #ffffff !important;
}

.left-side {
    border-right: 1px solid #eaeaea !important; 
}

/* 3. Product & Typography Colors */
.product-image {
    filter: grayscale(100%);
}

.image-link:hover .product-image,
.btn-link:hover ~ .image-link .product-image {
    filter: grayscale(0%);
}

.split-content h2 {
    color: #000000 !important;
}

.split-content p {
    color: #666666 !important;
}

.btn {
    border: 1px solid #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

.btn-link:hover .btn {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* 4. Footer & Borders */
.custom-footer-credits {
    background-color: #ffffff !important;
    border-top: 1px solid #eaeaea !important;
}

.credit-item {
    color: #555555 !important;
}