/*
Theme Name: CeS-CSS-Theme
Theme URI: 
Author: CeS-Henk
Author URI: 
Description: A bare CSS compliant theme
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 5.7
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://gnu.org
Text Domain: ces-css-theme
Tags: 
*/
/* ==========================================================================
   2. Editor Specific Hacks (Only affects the backend canvas)
   ========================================================================== */

/* Lock the title container inside the editor canvas so it cannot be clicked */
.editor-post-title__input,
.wp-block-post-title [contenteditable="true"],
.edit-post-visual-editor__post-title-wrapper [contenteditable="true"] {
    pointer-events: none !important;
    user-select: none !important;
    opacity: 0.50 !important;
    cursor: not-allowed !important;
}


/* 1. Slaat de automatische WordPress-marge op de site-content volledig plat */
:where(.wp-site-blocks) > * {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
}

/* 2. Dwingt de hoofd-contentcontainer strak tegen de header aan */
.wp-site-blocks main, 
#wp--skip-link--target + *,
.entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* =========================================================================
   TOPBAR OVERLAP: TRANSPARANT TREINTJE OVER DE LINKS GEPLAATST
   ========================================================================= */

/* 1. De hoofdcontainer die beide lagen vasthoudt en de hoogte bepaalt */
.topbar-links {
    position: relative !important; /* Cruciaal: vormt het anker voor de absolute noten */
    width: 100% !important;
    background-color: #ffffff !important; /* De vaste achtergrondkleur van de bar */
    padding: 10px 0 !important; /* Bepaalt de ademruimte rondom de links */
    text-align: center !important;
    border-bottom: 1px solid #eee !important;
    overflow: hidden !important; /* Zorgt dat de noten niet buiten de bar treden */
}

/* 2. De stilstaande links (Open Sans / elegant) */
.topbar-links a {
    font-size: 13px !important;
    color: #555 !important;
    text-decoration: none !important;
    margin: 0 15px !important;
    position: relative !important;
    z-index: 1 !important; /* Duwt de links vòòr de achtergrond-noten */
    transition: color 0.2s ease !important;
}

.topbar-links a:hover {
    color: #000 !important;
}

/* 3. Het treintje: zweeft nu als een transparante laag over de links */
.noten-topbar {
    position: absolute !important;
    top: 50% !important; /* Zet de noten verticaal in het exacte midden */
    transform: translateY(-50%) !important; /* Perfecte verticale uitlijning */
    left: 0 !important;
    width: 100% !important;
    z-index: 0 !important; /* Plaatst de noten subtiel àchter of onder de link-tekst */
    opacity: 0.4 !important; /* Half doorzichtig (40% zichtbaar) */
    pointer-events: none !important; /* Muis klikt dóór de noten heen op de links */
    white-space: nowrap !important;
}

.noten-trein {
    display: inline-block !important;
    padding-left: 100% !important;
    animation: rijden 25s linear infinite !important;
}

.noten-trein span {
    font-size: 15px !important; /* Iets groter omdat ze transparant zijn */
    color: #999 !important; /* Rustige, vergrijsde tint */
    margin-right: 60px !important;
    display: inline-block !important;
}

/* 4. Hardware-versnelde animatie voor het rollen */
@keyframes rijden {
    0% { transform: translate3d(0, -50%, 0); }
    100% { transform: translate3d(-100%, -50%, 0); }
}