/* ==========================================================================
   VacancyMitra — Sidebar Widget Area (Search / Recent Posts / etc.)
   Loaded only on single posts and pages (see inc/enqueue.php), wherever
   GeneratePress renders its native sidebar widget area — currently
   completely unstyled (default browser/WP look). This file gives the
   widgets that sit inside it the same white-card + brand-colour language
   already used by homepage.css/single.css (--vm-* tokens from
   colors.css). No layout, width or column changes — GeneratePress keeps
   full control of the sidebar's position/width; this only styles the
   widgets inside it. Covers the two widgets in use today (core Search
   block, classic "Recent Posts" widget) plus a safe generic style for
   the widget card/title so any future widget added to this sidebar
   inherits the same official look instead of default styling.
   ========================================================================== */

.widget-area .widget{
    background:var(--vm-bg-page);
    border:1px solid var(--vm-border);
    border-radius:4px;
    margin-bottom:20px;
    overflow:hidden;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Arial,sans-serif;
}

/* Generic widget title bar (GeneratePress wraps every classic widget's
   heading in .widget-title) — solid brand-blue header bar, white text. */
.widget-area .widget-title{
    margin:0;
    padding:12px 16px;
    background:var(--vm-blue);
    color:#fff;
    font-size:15px;
    font-weight:700;
    letter-spacing:.2px;
}

/* ---- Search (core/search block) ---- */
.widget-area .wp-block-search{ margin:0; }
.widget-area .wp-block-search__label{
    display:block;
    margin:0;
    padding:12px 16px;
    background:var(--vm-blue);
    color:#fff;
    font-size:15px;
    font-weight:700;
    letter-spacing:.2px;
}
.widget-area .wp-block-search__inside-wrapper{
    margin:14px 16px 16px;
    border:1px solid var(--vm-border)!important;
    border-radius:4px;
    overflow:hidden;
}
.widget-area .wp-block-search__input{
    border:none!important;
    padding:10px 12px;
    font-size:14px;
    color:var(--vm-text);
    background:var(--vm-bg-page);
}
.widget-area .wp-block-search__button{
    background:var(--vm-orange)!important;
    border:none!important;
    color:#fff!important;
    font-weight:700;
    font-size:13px;
    padding:0 18px!important;
}
.widget-area .wp-block-search__button:hover{
    background:var(--vm-orange-dark)!important;
}

/* Classic search-widget markup fallback, in case a non-block Search
   widget is used instead of the core Search block above. */
.widget-area .search-form{
    display:flex;
    margin:14px 16px 16px;
    border:1px solid var(--vm-border);
    border-radius:4px;
    overflow:hidden;
}
.widget-area .search-form .search-field{
    flex:1;
    border:none;
    padding:10px 12px;
    font-size:14px;
    color:var(--vm-text);
}
.widget-area .search-form .search-submit{
    background:var(--vm-orange);
    border:none;
    color:#fff;
    font-weight:700;
    font-size:13px;
    padding:0 18px;
    cursor:pointer;
}
.widget-area .search-form .search-submit:hover{ background:var(--vm-orange-dark); }

/* ---- Recent Posts (classic widget or core/latest-posts block) ---- */
.widget-area .widget_recent_entries ul,
.widget-area .wp-block-latest-posts__list{
    list-style:none;
    margin:0;
    padding:4px 0;
}
.widget-area .widget_recent_entries ul li,
.widget-area .wp-block-latest-posts__list li{
    padding:10px 16px;
    border-bottom:1px solid var(--vm-border);
}
.widget-area .widget_recent_entries ul li:last-child,
.widget-area .wp-block-latest-posts__list li:last-child{
    border-bottom:none;
}
.widget-area .widget_recent_entries ul li a,
.widget-area .wp-block-latest-posts__list li a{
    color:var(--vm-text);
    font-size:13.5px;
    font-weight:600;
    line-height:1.5;
    text-decoration:none;
}
.widget-area .widget_recent_entries ul li a:hover,
.widget-area .wp-block-latest-posts__list li a:hover{
    color:var(--vm-blue-link);
}
.widget-area .widget_recent_entries .post-date,
.widget-area .wp-block-latest-posts__post-date{
    display:block;
    font-size:11px;
    color:var(--vm-text-muted);
    margin-top:3px;
}

/* Empty-state text ("No posts found." / "No posts to display.") — quiet
   muted note instead of default black text sitting flush to the edges. */
.widget-area .widget p{
    margin:14px 16px;
    font-size:13.5px;
    color:var(--vm-text-muted);
}