/**
 * Phoenix Search + Discovery visitor UI
 * Version 4.16.0
 *
 * Scoped to .phoenix-discovery / .phoenix-explorer so it cannot restyle the
 * rest of the active WordPress theme.
 */
.phoenix-discovery,
.phoenix-explorer{
    --p-ink:#30251f;
    --p-soft:#66584f;
    --p-orange:#c85a2e;
    --p-orange-deep:#9e4327;
    --p-olive:#6f7445;
    --p-cream:#fffdf8;
    --p-cream-2:#f6f0e6;
    --p-border:#e4ddd5;
    --p-white:#fff;
    --p-shadow:0 10px 34px rgba(48,37,31,.07);
    color:var(--p-ink);
    font-family:inherit;
    box-sizing:border-box;
}
.phoenix-discovery *,
.phoenix-explorer *,
.phoenix-discovery *::before,
.phoenix-explorer *::before,
.phoenix-discovery *::after,
.phoenix-explorer *::after{box-sizing:border-box}

.phoenix-discovery{
    max-width:1280px;
    margin:32px auto;
}
.phoenix-discovery__hero{
    padding:30px;
    border:1px solid #e7dccd;
    border-radius:24px 24px 0 0;
    background:linear-gradient(135deg,var(--p-cream),var(--p-cream-2));
}
.phoenix-discovery__eyebrow{
    margin:0 0 6px!important;
    color:var(--p-orange-deep);
    font-size:12px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.13em;
}
.phoenix-discovery__hero h2,
.phoenix-explorer h2{
    margin:0;
    color:var(--p-ink);
    font-family:Georgia,"Times New Roman",serif;
    font-weight:500;
    letter-spacing:-.02em;
}
.phoenix-discovery__hero h2{font-size:clamp(32px,5vw,48px)}
.phoenix-discovery__hero p:last-child{
    margin:8px 0 0;
    color:var(--p-soft);
}
.phoenix-discovery__form{
    padding:22px 30px;
    border:1px solid var(--p-border);
    border-top:0;
    background:#fff;
}
.phoenix-discovery__searchbox{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
}
.phoenix-discovery__searchbox input,
.phoenix-discovery__filter select{
    width:100%;
    min-height:48px;
    border:1px solid #cfc5bb;
    border-radius:10px;
    background:#fff;
    color:var(--p-ink);
    font:inherit;
    box-shadow:none;
}
.phoenix-discovery__searchbox input{
    padding:10px 14px;
    font-size:16px;
}
.phoenix-discovery__searchbox input:focus,
.phoenix-discovery__filter select:focus{
    outline:0;
    border-color:var(--p-orange);
    box-shadow:0 0 0 2px rgba(200,90,46,.12);
}
.phoenix-discovery__searchbox button{
    min-height:48px;
    border:1px solid var(--p-orange);
    border-radius:10px;
    padding:10px 22px;
    background:var(--p-orange);
    color:#fff;
    font:inherit;
    font-weight:700;
    cursor:pointer;
}
.phoenix-discovery__searchbox button:hover{background:var(--p-orange-deep);border-color:var(--p-orange-deep)}

.phoenix-discovery__filters{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:14px;
}
.phoenix-discovery__filter{
    display:block;
    min-width:0;
}
.phoenix-discovery__filter span{
    display:block;
    margin:0 0 5px;
    color:var(--p-soft);
    font-size:12px;
    font-weight:700;
}
.phoenix-discovery__filter select{padding:8px 10px}
.phoenix-discovery__actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:14px;
}
.phoenix-discovery__reset{
    border:0;
    padding:0;
    background:none;
    color:var(--p-orange-deep);
    font:inherit;
    font-weight:700;
    cursor:pointer;
}
.phoenix-discovery__count{color:var(--p-soft);font-size:14px}
.phoenix-discovery__status{
    min-height:24px;
    padding:10px 2px;
    color:var(--p-soft);
    font-size:14px;
}
.phoenix-discovery__results{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.phoenix-discovery__empty{
    grid-column:1/-1;
    padding:36px;
    border:1px solid var(--p-border);
    border-radius:18px;
    background:var(--p-cream);
    text-align:center;
    color:var(--p-soft);
}

.phoenix-recipe-result{
    overflow:hidden;
    min-width:0;
    border:1px solid var(--p-border);
    border-radius:20px;
    background:var(--p-white);
    box-shadow:var(--p-shadow);
}
.phoenix-recipe-result__media{
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:var(--p-cream-2);
}
.phoenix-recipe-result__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .25s ease;
}
.phoenix-recipe-result:hover .phoenix-recipe-result__media img{transform:scale(1.025)}
.phoenix-recipe-result__placeholder{
    display:block;
    width:100%;
    height:100%;
    background:
        radial-gradient(circle at 65% 28%,rgba(200,90,46,.20),transparent 22%),
        linear-gradient(135deg,var(--p-cream-2),#e8dfd4);
}
.phoenix-recipe-result__body{padding:20px}
.phoenix-recipe-result__meta{
    margin:0 0 8px!important;
    color:var(--p-orange-deep);
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.phoenix-recipe-result h3{
    margin:0 0 8px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:22px;
    line-height:1.2;
}
.phoenix-recipe-result h3 a{
    color:var(--p-ink);
    text-decoration:none;
}
.phoenix-recipe-result h3 a:hover{color:var(--p-orange-deep)}
.phoenix-recipe-result__body>p:not(.phoenix-recipe-result__meta){
    margin:0 0 14px;
    color:var(--p-soft);
    line-height:1.55;
}
.phoenix-recipe-result__link{
    color:var(--p-orange-deep);
    text-decoration:none;
    font-weight:700;
}
.phoenix-recipe-result__link:hover{text-decoration:underline}

.phoenix-explorer{
    max-width:1280px;
    margin:28px auto;
    padding:24px;
    border:1px solid var(--p-border);
    border-radius:20px;
    background:#fff;
    box-shadow:var(--p-shadow);
}
.phoenix-explorer__head{margin-bottom:16px}
.phoenix-explorer h2{font-size:30px}
.phoenix-explorer__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.phoenix-explorer__chip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:48px;
    padding:10px 13px;
    border:1px solid var(--p-border);
    border-radius:12px;
    background:var(--p-cream);
    color:var(--p-ink);
    text-align:left;
    font:inherit;
    cursor:pointer;
}
.phoenix-explorer__chip:hover{border-color:#d5b9a5;background:#fff8f2}
.phoenix-explorer__chip strong{
    min-width:30px;
    padding:3px 7px;
    border-radius:999px;
    background:var(--p-cream-2);
    color:var(--p-orange-deep);
    text-align:center;
    font-size:12px;
}

@media(max-width:980px){
    .phoenix-discovery__filters{grid-template-columns:repeat(2,minmax(0,1fr))}
    .phoenix-discovery__results{grid-template-columns:repeat(2,minmax(0,1fr))}
    .phoenix-explorer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
    .phoenix-discovery{margin:20px 0}
    .phoenix-discovery__hero{padding:22px;border-radius:18px 18px 0 0}
    .phoenix-discovery__form{padding:18px}
    .phoenix-discovery__searchbox{grid-template-columns:1fr}
    .phoenix-discovery__filters{grid-template-columns:1fr}
    .phoenix-discovery__results{grid-template-columns:1fr}
    .phoenix-discovery__actions{align-items:flex-start;flex-direction:column}
    .phoenix-explorer{padding:18px}
    .phoenix-explorer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
    .phoenix-explorer__grid{grid-template-columns:1fr}
}