/* ===== Shabbos Delights page ===== */
.gw-sd .container { max-width: 960px; }
/* Banner: across the whole screen, but no taller than 260px. On wide screens the picture is
   centered and the sides continue its colors (gold bars and navy on the right, the dark photo on the left). */
.gw-sd__hero {
    clear: both; width: 100%; line-height: 0; background-color: #fff;
    background-image:
        linear-gradient(to bottom, rgb(80,75,88) 0%, rgb(81,75,87) 18%, rgb(60,56,68) 29%, rgb(40,38,52) 41%, rgb(31,33,48) 53%, rgb(29,31,53) 65%, rgb(32,36,63) 76%, rgb(37,44,73) 88%, rgb(40,46,80) 95.5%, #fff 95.5%, #fff 97.2%, rgb(187,156,109) 97.2%),
        linear-gradient(to bottom, #fff 0%, #fff 2.6%, rgb(187,156,112) 2.6%, rgb(187,156,112) 16.3%, #fff 16.3%, #fff 17.5%, rgb(64,70,102) 17.5%, rgb(64,70,102) 95.6%, #fff 95.6%, #fff 97.3%, rgb(188,155,104) 97.3%);
    background-size: 50% 100%, 50% 100%;
    background-position: left top, right top;
    background-repeat: no-repeat;
}
.gw-sd__hero picture { display: block; max-width: 940px; margin: 0 auto; }
.gw-sd__hero img { display: block; width: 100%; height: auto; }
.gw-sd .gw-lead { margin: 22px auto 10px; }
.gw-sd__cta { text-align: center; margin-bottom: 8px; }
.gw-sd__h { margin: 26px 0 12px; font-size: 27px; }

.gw-sd__recent { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; text-align: left; }
.gw-sd__issue { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #d5e4df; border-radius: 10px; padding: 14px 16px; color: var(--gw-text) !important; text-decoration: none !important; box-shadow: 0 1px 6px rgba(0,0,0,.05); transition: box-shadow .15s, transform .15s; }
.gw-sd__issue:hover, .gw-sd__issue:focus { box-shadow: 0 6px 18px rgba(0,0,0,.1); transform: translateY(-1px); }
.gw-sd__issue.is-latest { border: 2px solid var(--gw-green); }
.gw-sd__icon { flex: none; width: 44px; height: 44px; border-radius: 10px; background: var(--gw-green-tint); color: var(--gw-green); display: flex; align-items: center; justify-content: center; font-size: 21px; }
.gw-sd__issue.is-latest .gw-sd__icon { background: var(--gw-green); color: #fff; }
.gw-sd__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.gw-sd__tag { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--gw-green); }
.gw-sd__name { font-family: 'Vollkorn', 'Noto Serif', serif; color: var(--gw-brown); font-size: 18px; line-height: 1.25; }
.gw-sd__date { font-size: 13px; color: var(--gw-muted); }
.gw-sd__open { font-size: 13px; font-weight: 700; color: var(--gw-green-dark); white-space: nowrap; }

.gw-sd__finder { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 10px 16px; background: #fff; border: 1px solid var(--gw-line); border-radius: 10px; padding: 14px 16px; }
.gw-sd__finder label { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 13px; font-weight: 700; color: var(--gw-text); text-align: left; }
.gw-sd__finder select { min-width: 220px; height: 42px; border: 1px solid #c8d6d1; border-radius: 8px; padding: 0 10px; font-size: 15px; background: #fff; color: var(--gw-text); font-weight: normal; }
.gw-sd__results { margin-top: 14px; text-align: left; }
.gw-sd__hint, .gw-sd__count { text-align: center; color: var(--gw-muted); font-size: 15px; margin: 8px 0; }
.gw-sd__count { text-align: left; font-size: 14px; }
.gw-sd__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 8px; }
.gw-sd__list > li { float: none; width: auto; margin: 0; padding: 0; }
.gw-sd__list a { display: flex; align-items: baseline; gap: 8px; background: #fff; border: 1px solid var(--gw-line); border-radius: 8px; padding: 9px 12px; color: var(--gw-text) !important; text-decoration: none !important; height: 100%; }
.gw-sd__list a:hover { border-color: var(--gw-green); background: #f7fbf9; }
.gw-sd__list .fa { color: var(--gw-green); flex: none; }
.gw-sd__list span { flex: 1; min-width: 0; font-size: 15px; line-height: 1.35; }
.gw-sd__list small { color: var(--gw-muted); font-size: 12.5px; white-space: nowrap; }
@media (max-width: 600px) {
    .gw-sd__finder select { min-width: 0; width: 100%; }
    .gw-sd__finder label { flex: 1 1 100%; }
}
.gw-sd__finder [hidden] { display: none !important; }