/* ============================================================
   Geo Eyebrow Label Widget
   All critical properties use !important to prevent theme /
   Bootstrap / plugin CSS overrides.
   ============================================================ */

/* ---- Wrapper ---- */
.geo-el-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
}

/* ---- Alignment (class set per-instance) ---- */
.geo-el-outer {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.geo-el-outer.align-left   { justify-content: flex-start !important; }
.geo-el-outer.align-center { justify-content: center !important; }
.geo-el-outer.align-right  { justify-content: flex-end !important; }

/* ---- Decorative lines ---- */
.geo-el-line {
    display: block !important;
    flex-shrink: 0 !important;
    width: 28px !important;
    height: 1px !important;
    background-color: #5D1E1E !important;
    border: none !important;
}

/* ---- Label text ---- */
.geo-el-text {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #5D1E1E !important;
    line-height: 1 !important;
    flex-shrink: 1 !important;
    white-space: normal !important;
    word-break: break-word !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}