@import url("/static/css/storefront-tile.css");
/* Store owner presentation: social links, public weekly hours and profile editor. */
.store-social-links{position:absolute;right:20px;top:20px;display:flex;gap:8px;z-index:2}
.store-social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#fffef9;color:#25202a;box-shadow:0 3px 12px #0002;text-decoration:none}
.store-social svg{width:1cm;height:1cm;max-width:38px;max-height:38px;fill:currentColor;padding:5px;box-sizing:border-box}
.store-social:focus-visible{outline:3px solid #a40040;outline-offset:3px}
.store-head:has(.store-social-links) .store-head-row{padding-right:112px}
.store-about-description,.store-hours-legacy,.store-hours-note{white-space:pre-wrap;overflow-wrap:anywhere}
.store-hours-list{list-style:none;margin:0;padding:0;max-width:900px}
.store-hours-list li{display:grid;grid-template-columns:140px 160px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #e7ddd5;align-items:baseline}
.store-hours-day{font-weight:600}.store-hours-time{font-variant-numeric:tabular-nums}.store-hours-time.is-closed{color:#79727a}.store-hours-note{color:#5b5560;font-size:.94em}.store-hours-always{font-weight:700;color:#7a0030}
.store-hours-editor,.store-social-editor,.store-cover-picker{min-width:0;border:1px solid #e6d8d2;border-radius:16px;padding:16px;margin:16px 0;background:#fffdf9}
.store-hours-editor legend,.store-social-editor legend,.store-cover-picker legend{font-weight:700;padding:0 7px}
.store-hours-rows{display:grid;gap:7px}
.store-hours-row{display:grid;grid-template-columns:145px 8px 115px 10px 115px minmax(150px,1fr);gap:10px;align-items:center;padding:10px;background:#f6f1ec;border:1px solid transparent;border-radius:12px}
.store-hours-row.is-open{border-color:#d5e1d6;background:#f1f7f0}
.store-day-toggle{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:600;cursor:pointer}.store-day-toggle input{width:20px;height:20px;accent-color:#8f0037}
.store-day-indicator{width:8px;height:8px;background:#c7c0ba;border-radius:50%}.is-open .store-day-indicator{background:#398556}
.store-time-field{display:grid;gap:3px;font-size:11px;color:#6c6268}.store-time-field input{min-width:0;width:100%;min-height:42px;box-sizing:border-box}
.store-day-note input{box-sizing:border-box;width:100%;min-width:0;min-height:44px}.store-hours-row.is-always .store-time-field,.store-hours-row.is-always .store-time-dash{opacity:.4}
.store-cover-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:12px 0}
.store-cover-choice{position:relative;display:grid;gap:6px;padding:7px;border:2px solid #e8dfd9;border-radius:12px;cursor:pointer;font-size:12px;background:#fff}
.store-cover-choice:has(input:checked){border-color:#a3003d;box-shadow:0 0 0 1px #a3003d}.store-cover-choice:has(input:focus-visible){outline:3px solid #db7598;outline-offset:2px}
.store-cover-choice input{position:absolute;top:13px;left:13px;width:20px;height:20px;accent-color:#9b0039}.store-cover-choice img{display:block;width:100%;height:76px;object-fit:cover;border-radius:7px}.store-cover-choice span{padding:3px 2px}
.store-cover-preview{height:130px;background-size:cover;background-position:center;border-radius:12px;margin:12px 0}
@media(max-width:900px){.store-hours-row{grid-template-columns:125px 8px minmax(90px,1fr) 8px minmax(90px,1fr)}.store-day-note{grid-column:1/-1}.store-day-note input{font-size:13px}.store-hours-list li{grid-template-columns:120px minmax(0,1fr)}.store-hours-note{grid-column:1/-1}}
@media(max-width:599px){.store-social-links{right:10px;top:10px;gap:5px}.store-head:has(.store-social-links) .store-head-row{padding-right:98px}.store-social{width:44px;height:44px}.store-hours-editor,.store-social-editor,.store-cover-picker{padding:10px}.store-hours-row{grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr);gap:5px;padding:8px}.store-day-toggle{grid-column:1/5}.store-day-indicator{grid-column:5;justify-self:end}.store-time-field{grid-column:span 2}.store-time-dash{display:none}.store-time-field input{font-size:16px;width:100%}.store-day-note{grid-column:1/-1}.store-cover-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.store-hours-list li{font-size:13px;gap:5px 10px}}

@media(max-width:599px){.store-hours-row{position:relative;grid-template-columns:repeat(2,minmax(0,1fr))}.store-day-toggle{grid-column:1/-1;padding-right:16px}.store-day-indicator{position:absolute;right:12px;top:27px}.store-time-field{grid-column:auto}.store-day-note{grid-column:1/-1}}

/* Long profile checkbox labels wrap on phones. */
.profile-form .check-inline{white-space:normal}.profile-form .check-inline input{flex:0 0 22px}