/* Shared day banner and a single share disclosure, for every daily Mass. */
.day-share { position:absolute; top:50%; right:12px; transform:translateY(-50%); z-index:40; font:14px/1.5 Inter,system-ui,sans-serif; color:var(--color-text); }
.day-share > summary { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; list-style:none; cursor:pointer; border:1px solid var(--color-text-muted); border-radius:50%; background:var(--color-surface); }
.day-share > summary::-webkit-details-marker { display:none; }
.day-share svg { width:18px; height:18px; }
.day-share__panel { position:absolute; top:calc(100% + 4px); right:0; z-index:50; width:min(280px,calc(100vw - 32px)); padding:8px; background:var(--color-surface); border:1px solid var(--color-text-muted); border-radius:8px; box-shadow:0 8px 24px var(--color-shadow); overflow:auto; overscroll-behavior:contain; }
.day-share__panel a,.day-share__panel button { display:flex; align-items:center; width:100%; min-height:44px; padding:10px; background:transparent; border:0; border-radius:4px; font:inherit; color:var(--color-text); text-align:left; text-decoration:none; cursor:pointer; }
.day-share__panel a:hover,.day-share__panel button:hover,.day-share > summary:hover { background:var(--color-surface-hover); }
.day-share :focus-visible { outline:2px solid var(--color-accent); outline-offset:2px; }
.day-share > summary:focus-visible { outline-offset:-5px; }
.day-share__fallback { display:block; padding:10px; font-size:14px; }
.day-share__fallback input { margin-top:6px; width:100%; min-width:0; min-height:44px; padding:6px; font:16px/1.5 Inter,system-ui,sans-serif; color:var(--color-text); background:var(--color-bg); border:1px solid var(--color-text-muted); border-radius:4px; }
.day-share__status:not(:empty) { padding:8px 10px; }
.day-share [hidden],.day-share:not(.day-share--enhanced) .day-share__enhanced { display:none; }
.day-banner-wrap { position:relative; margin:0 0 16px; }
.reader-page .day-banner-wrap > .content-day-banner { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; padding:8px 68px 8px 12px; margin:0; font:600 14px/1.5 Inter,system-ui,sans-serif; text-transform:none; letter-spacing:normal; }
.content-day-banner { background:var(--color-surface); color:var(--color-text); }
.day-banner--white { background:var(--lit-white); color:#302000; }
.day-banner--red { background:var(--lit-red); color:#fff; }
.day-banner--green { background:var(--lit-green); color:#fff; }
.day-banner--violet { background:var(--lit-violet); color:#fff; }
.day-banner--black { background:#212121; color:#fff; }
.day-banner--rose { background:var(--lit-rose); color:#fff; }
[data-theme=dark] .day-banner--white,[data-theme=dark] .day-banner--red,[data-theme=dark] .day-banner--green,[data-theme=dark] .day-banner--violet,[data-theme=dark] .day-banner--rose { color:#1E1A17; }
[data-theme=dark] .day-banner--black { background:#111; color:#E4DDD4; border-block:1px solid var(--color-text-muted); }
@media (max-width:900px) { .reader-page .day-banner-wrap { margin-inline:-16px; } .reader-page .content-day-banner { padding-left:16px; } }
@media print { .day-share { display:none; } .reader-page .day-banner-wrap > .content-day-banner { background:transparent; color:#000; padding:0; } }

/* The download badge shares the banner overlay, without an extra toolbar row. */
.day-download { position:absolute; top:50%; right:64px; transform:translateY(-50%); z-index:39; display:flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid var(--color-text-muted); border-radius:50%; color:var(--color-text); background:var(--color-surface); }
.day-download svg { width:20px; height:20px; }
.day-download:hover { background:var(--color-surface-hover); }
.day-download:focus-visible { outline:2px solid var(--color-accent); outline-offset:-5px; }
.reader-page .day-banner-wrap:has(.day-download) > .content-day-banner { padding-right:120px; }
@media print { .day-download { display:none; } }