/*
Theme Name: Twenty Twenty-Five Child
Description: Child theme of Twenty Twenty-Five for Brinson Foundation
Template: twentytwentyfive
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../twentytwentyfive/style.css");

/* Custom search box styling to match original site */
.brinson-search-box {
    display: inline-block !important;
}

.brinson-search-box .wp-block-search__inside-wrapper {
    background-color: transparent !important;
    border: 1px solid #4a9cc2 !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    height: 32px !important;
    box-sizing: border-box !important;
}

.brinson-search-box .wp-block-search__input {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    height: 100% !important;
    box-sizing: border-box !important;
    flex: 1 !important;
    outline: none !important;
}

.brinson-search-box .wp-block-search__button {
    background-color: transparent !important;
    color: #4a9cc2 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 6px 12px !important;
    height: 100% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.brinson-search-box .wp-block-search__button:hover {
    background-color: #4a9cc2 !important;
    color: #ffffff !important;
}

/* Style the search icon */
.brinson-search-box .wp-block-search__button svg {
    fill: currentColor !important;
    width: 16px !important;
    height: 16px !important;
}

/* Ensure search input placeholder text is visible */
.brinson-search-box .wp-block-search__input::placeholder {
    color: #b8d4e3 !important;
    opacity: 1;
}

/* Focus states for better accessibility */
.brinson-search-box .wp-block-search__inside-wrapper:focus-within {
    border-color: #6bb6d6 !important;
    box-shadow: 0 0 0 1px #6bb6d6 !important;
}