/* ==========================================================================
   Sidebar — ogólne style widgetów (kolumna boczna)
   Wgraj do: wp-content/themes/generatepress_child/sidebar.css
   Uwaga: selektory ".widget-area" i ".widget-title" to standardowe klasy
   GeneratePress. Jeśli po wdrożeniu style się NIE zastosują, sprawdź
   w narzędziach deweloperskich (F12) faktyczną klasę Twojego sidebaru
   i podmień selektor — struktura mogła się nieznacznie zmienić między
   wersjami motywu.
   ========================================================================== */

.widget-area .widget {
    margin-bottom: 50px;
    padding-bottom: 0;
}

.widget-area .widget-title {
    font-family: "Lora", serif;
    font-size: 15px;
    font-weight: 700;
    color: #2B2B28;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 24px;
    position: relative;
}

/* Delikatna linia po obu stronach tytułu widgetu */
.widget-area .widget-title::before,
.widget-area .widget-title::after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 1px;
    background-color: #d4d4d4;
    vertical-align: middle;
    margin: 0 10px;
}

/* Sidebar przyklejony podczas scrollowania (odpowiednik theiaStickySidebar) */
.inside-right-sidebar {
    position: sticky;
    top: 20px;
    align-self: flex-start;
}

/* Wyszukiwarka w sidebarze */
.widget-area .widget_search .search-form {
    display: flex;
    gap: 8px;
}

.widget-area .widget_search input[type="search"] {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
}

.widget-area .widget_search .search-submit {
    background-color: #1E5B41;
    color: #ffffff !important;
    border: none;
    padding: 10px 18px;
    border-radius: 2px;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.widget-area .widget_search .search-submit:hover {
    background-color: #164A34;
}

/* ==========================================================================
   Responsywność
   ========================================================================== */

@media (max-width: 900px) {
    .inside-right-sidebar {
        position: static; /* wyłącz sticky na mobile/tablet, bo sidebar ląduje pod treścią */
    }

    .widget-area .widget {
        margin-bottom: 36px;
    }
}