/* ---- Blog search widget: card styled like the category block (DreamHosting) ----
   Loaded via blog_design_valor_default override. The Valor design removes the base
   blog-custom.css and sets the search block to border:none/padding:0; here we give it
   the same card as .sidebar > .block (border + radius + padding) and lay out the
   title -> divider line -> subtitle -> field. The field/button keep Valor's styling.
   Selectors are kept specific enough to win, since this file loads before Valor's. */

/* Card around the search widget, mirroring the category block */
.sidebar .block.widget.blog-search {
    padding: 20px 20px 24px;
    border: 1px solid rgba(213, 214, 218, 0.8);
    border-radius: 12px;
    margin-bottom: 20px;
}

/* Title spacing (inherits the category block-title look) */
.sidebar .block.blog-search .block-title {
    margin: 0 0 14px;
}

/* Subtitle */
.sidebar .block.blog-search .blog-search-subtitle {
    margin: 0 0 16px;
    color: #777;
    font-size: 14px;
    line-height: 1.45;
}