/* ==========================================================================
   TIER-1 DEDICATED MYCODEBLOCK SEARCH+ STYLESHEET
   Location: css/catalog-search-plus.css
   Single Typographic String with Seamless Linear Gradient
   ========================================================================== */

#bside-sec-searchPlus {
    text-align: left !important;
    width: 100% !important;
}

#bside-sec-searchPlus p,
#bside-sec-searchPlus br {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 1. Header Flex Lockup */
.mcb-search-plus-header-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    text-align: left !important;
}

/* 2. Dead-Center 34x34 Circle Badge with Inset Breathing Room */
.mcb-search-plus-header-title div.mcb-sp-badge-circle {
    position: relative !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    border-radius: 50% !important; /* Perfect 50% Circle */
    display: grid !important;
    place-items: center !important; /* Precise Horizontal & Vertical Center */
    background: #17141c !important;
    border: 2px solid transparent !important;
    background-image: linear-gradient(#17141c, #17141c), linear-gradient(135deg, #7c3aed 0%, #c084fc 100%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    box-shadow: 0 0 14px rgba(124, 58, 237, 0.45) !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Clean Inset Centered Search Icon */
.mcb-sp-badge-svg {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    display: block !important;
    margin: auto !important;
    fill: #c084fc !important;
    color: #c084fc !important;
    flex-shrink: 0 !important;
}

/* 3. Pure Unified Typographic Gradient Title */
.mcb-search-plus-header-title .mcb-sp-text {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(135deg, #ffffff 0%, #d8b4fe 45%, #a855f7 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    display: inline-block !important;
    white-space: nowrap !important;
    user-select: none !important;
}