/* [B] Elementor Post Meta & Time - Base Styles (Light Preset) */

.bdw-epmt-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px; /* Default gap between main data groups, can be overridden by Elementor */
}

/* Group wrapper for multiple taxonomies to keep them grouped before the separator */
.bdw-epmt-tax-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; /* Small inner gap for multiple tags/categories */
}

/* Base style for Text (Date, Time) */
.bdw-epmt-text {
    font-size: 0.95rem;
    line-height: 1;
    color: #333333; /* Light theme text fallback */
    opacity: 0.85;
}

/* Base style for Badges (Category, Tags) - Light Theme Preset */
a.bdw-epmt-badge,
.bdw-epmt-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    background-color: #f0f5f9; /* Light, soft blue/grey background */
    color: #003366; /* Elegant dark blue for contrast */
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid rgba(0, 51, 102, 0.1);
    text-decoration: none; /* Crucial: removes default underline from links */
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Hover effects for links */
a.bdw-epmt-badge:hover {
    background-color: #e0eaf2;
    border-color: rgba(0, 51, 102, 0.3);
    color: #002244;
    text-decoration: none;
}

/* Separator */
.bdw-epmt-separator {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    color: #666666;
    opacity: 0.4;
}