/* DFGI Custom Search v1.2.0 */
.dfgi-cs{max-width:1000px;margin:2rem auto;font-family:inherit;color:inherit}
.dfgi-cs-form{background:#f7f5f8;padding:clamp(1rem,3vw,2rem);border-radius:14px}
.dfgi-cs-form>label:first-child{display:block;font-weight:700;font-size:1.5rem;margin-bottom:.8rem;color:#173e53}
.dfgi-cs-controls{display:flex;gap:.65rem}
.dfgi-cs-controls input{flex:1;min-width:0;border:1px solid #bcb5c2;border-radius:7px;padding:.85rem 1rem;font:inherit;background:white}
.dfgi-cs-controls button{background:#ffb400;color:#003f53;border:0;border-radius:7px;padding:.85rem 1.5rem;font:inherit;font-weight:800;cursor:pointer}
.dfgi-cs-controls button:hover{background:#f2a900}
.dfgi-cs-filter-label{display:block;font-weight:600;margin-top:1rem;margin-bottom:.3rem}
.dfgi-cs select{max-width:100%;min-width:210px;border:1px solid #bcb5c2;border-radius:7px;padding:.6rem;background:white;font:inherit}
.dfgi-cs-count{font-weight:600;margin:2rem 0 1rem}
.dfgi-cs-results{display:grid;gap:0}
.dfgi-cs-result{display:flex;gap:1.3rem;padding:1.5rem 0;border-bottom:1px solid #e2dce4}
.dfgi-cs-image{flex:0 0 110px}
.dfgi-cs-image img{width:110px;height:110px;object-fit:cover;border-radius:9px}
.dfgi-cs-type{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#982269;font-weight:700}
.dfgi-cs-result h3{font-size:1.35rem;margin:.25rem 0 .5rem}
.dfgi-cs-result h3 a{color:#173e53;text-decoration:none}
.dfgi-cs-result h3 a:hover{text-decoration:underline}
.dfgi-cs-result p{margin:0;line-height:1.6}
.dfgi-cs-pagination ul{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:2rem 0}
.dfgi-cs-pagination a,.dfgi-cs-pagination .current{display:inline-block;padding:.4rem .75rem;border:1px solid #d6c9d4;border-radius:5px}
.dfgi-cs-pagination .current{background:#ffb400;color:#003f53}
@media(max-width:600px){.dfgi-cs-controls{flex-direction:column}.dfgi-cs-controls button{width:100%}.dfgi-cs-result{gap:.8rem}.dfgi-cs-image{flex-basis:75px}.dfgi-cs-image img{width:75px;height:75px}}

/* Expandable navigation search icon */
.dfgi-nav-search{position:relative;display:inline-flex;align-items:center;z-index:50;color:#fff;font-family:inherit}
.dfgi-nav-search-details{position:relative}
.dfgi-nav-search-toggle{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;color:#fff!important;padding:.35rem;border-radius:4px;font-weight:700}
.dfgi-nav-search-toggle::-webkit-details-marker{display:none}
.dfgi-nav-search-toggle svg,.dfgi-nav-search-toggle svg circle,.dfgi-nav-search-toggle svg path{color:#fff!important;stroke:#fff!important}
.dfgi-nav-search-toggle:hover,.dfgi-nav-search-toggle:focus-visible{background:rgba(255,255,255,.14);outline-offset:2px;color:#fff!important}
.dfgi-nav-search-form{position:absolute;right:0;top:calc(100% + 12px);display:flex;gap:.45rem;width:min(340px,calc(100vw - 2rem));padding:.65rem;background:#fff;border:1px solid #d8d8d8;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);color:#173e53}
.dfgi-nav-search-form input{flex:1;min-width:0;width:100%;padding:.65rem .75rem;border:1px solid #bcb5c2;border-radius:5px;background:#fff;color:#173e53;font:inherit}
.dfgi-nav-search-form button{border:0;border-radius:5px;padding:.6rem .8rem;background:#ffb400;color:#003f53;font:inherit;font-weight:800;cursor:pointer}
.dfgi-nav-search-form button:hover{background:#f2a900}
@media(max-width:600px){.dfgi-nav-search-form{right:-.25rem;width:min(300px,calc(100vw - 2rem))}}

/* v1.2.1: keep the navigation search icon in its original white style */
.dfgi-nav-search .dfgi-nav-search-toggle,
.dfgi-nav-search .dfgi-nav-search-toggle svg,
.dfgi-nav-search .dfgi-nav-search-toggle svg circle,
.dfgi-nav-search .dfgi-nav-search-toggle svg path {
    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: none !important;
    stroke-width: 2 !important;
}

/* Gold search submit button, matching the DFGI Support Today button */
.dfgi-custom-search button[type="submit"],
.dfgi-custom-search .dfgi-search-submit,
.dfgi-custom-search input[type="submit"] {
    background-color: #FFB400 !important;
    border-color: #FFB400 !important;
    color: #06485B !important;
    font-weight: 700 !important;
}
.dfgi-custom-search button[type="submit"]:hover,
.dfgi-custom-search .dfgi-search-submit:hover,
.dfgi-custom-search input[type="submit"]:hover {
    background-color: #EAA500 !important;
    border-color: #EAA500 !important;
    color: #06485B !important;
}


/* v1.3.0 — Days for Girls International brand styling */
.dfgi-custom-search,
.dfgi-search-results,
.dfgi-search-wrapper {
    color: #06485B;
}
.dfgi-custom-search h1,
.dfgi-custom-search h2,
.dfgi-custom-search h3,
.dfgi-search-results h1,
.dfgi-search-results h2,
.dfgi-search-results h3 {
    color: #06485B;
}
.dfgi-custom-search button[type="submit"],
.dfgi-custom-search .dfgi-search-submit,
.dfgi-custom-search input[type="submit"],
.dfgi-search-results button[type="submit"],
.dfgi-search-results .dfgi-search-submit {
    background: #FFB400 !important;
    border: 1px solid #FFB400 !important;
    color: #06485B !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}
.dfgi-custom-search button[type="submit"]:hover,
.dfgi-custom-search .dfgi-search-submit:hover,
.dfgi-custom-search input[type="submit"]:hover,
.dfgi-search-results button[type="submit"]:hover,
.dfgi-search-results .dfgi-search-submit:hover {
    background: #E6A200 !important;
    border-color: #E6A200 !important;
    color: #06485B !important;
}
.dfgi-custom-search input[type="search"],
.dfgi-custom-search input[type="text"],
.dfgi-search-results input[type="search"],
.dfgi-search-results input[type="text"],
.dfgi-custom-search select,
.dfgi-search-results select {
    border: 1px solid #C9C3CC;
    border-radius: 7px;
}
.dfgi-search-results a,
.dfgi-custom-search a {
    color: #982269;
}
.dfgi-search-results .page-numbers,
.dfgi-search-results .pagination a,
.dfgi-search-results .pagination span {
    border-radius: 999px;
}
.dfgi-search-results .page-numbers.current,
.dfgi-search-results .pagination .current {
    background: #982269 !important;
    border-color: #982269 !important;
    color: #FFFFFF !important;
}


/* v1.3.1 — Brand colors applied to the plugin's actual .dfgi-cs markup */
.dfgi-cs {
    color: #06485B;
}
.dfgi-cs-form {
    background: #FFF9F4 !important;
    border: 1px solid #E9DFE5;
    color: #06485B;
}
.dfgi-cs-form > label:first-child,
.dfgi-cs-form .dfgi-cs-filter-label {
    color: #06485B !important;
}
.dfgi-cs-controls input,
.dfgi-cs select {
    background-color: #FFFFFF !important;
    color: #173E53 !important;
    border: 1px solid #C9C3CC !important;
}
.dfgi-cs-controls button {
    background-color: #FFB400 !important;
    border: 1px solid #FFB400 !important;
    color: #06485B !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}
.dfgi-cs-controls button:hover,
.dfgi-cs-controls button:focus-visible {
    background-color: #E6A200 !important;
    border-color: #E6A200 !important;
    color: #06485B !important;
}
.dfgi-cs-result h3 a {
    color: #06485B !important;
}
.dfgi-cs-type,
.dfgi-cs a {
    color: #982269;
}
.dfgi-cs-pagination a,
.dfgi-cs-pagination .current {
    border-color: #D9B8CD !important;
    border-radius: 999px !important;
}
.dfgi-cs-pagination .current {
    background: #982269 !important;
    border-color: #982269 !important;
    color: #FFFFFF !important;
}
.dfgi-cs-pagination a:hover {
    background: #F5E8F0 !important;
    color: #06485B !important;
}