/* Today Highlighting */
.wdpc-day.wdpc-today {
    background-color: rgba(255, 255, 200, 0.3);
    /* Subtle hint */
    position: relative;
    z-index: 1;
    /* Ensure on top */
}

/* Background Color */
.wdpc-calendar-wrapper {
    background-color: var(--wdpc-bg-color, #ffffff);
}

/* Weekday Header */
.wdpc-day-name {
    color: var(--wdpc-weekday-color, #333333);
    font-size: var(--wdpc-weekday-size, 0.9em);
}

/* Date Number */
.wdpc-date-num {
    color: var(--wdpc-date-color, #888888);
    font-size: var(--wdpc-date-size, 0.85em);
}

/* Highlight Today's Date Number specially? Or keep default circle? 
   The user asked for Date Color settings, so we apply generic date color above.
   However, today usually overrides this. We will keep today logic but respect size. 
*/
.wdpc-day.wdpc-today .wdpc-date-num {
    font-weight: bold;
    color: #fff;
    /* Today is usually inverted/highlighted */
    background: var(--wdpc-primary-color, #0073aa);
}

/* Post Links */
.wdpc-post-link {
    color: var(--wdpc-primary-color, #0073aa);
    font-size: var(--wdpc-link-size, 1em);
}

.wdpc-post-link:hover {
    text-decoration: underline;
    opacity: 0.8;
}

/* Dots */
.wdpc-dot {
    background-color: var(--wdpc-dot-color, #ff4400);
    width: var(--wdpc-dot-size, 6px);
    height: var(--wdpc-dot-size, 6px);
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .wdpc-day-name {
        /* Scale down size if needed, or rely on user 'size' setting? 
           For now trust user setting but maybe ensure min-size. */
    }
}