/* Shared layout extracted unchanged from Tennis Videos. */
@import url("./collection-widget.css");

/* Both collections select categories only through the picker. */
:is(#tennis-academy,#food-academy) .tl-filterbar{margin-bottom:16px}

/* Source sections are exclusive to Tennis Videos; the food picker stays flat. */
#tennis-academy .tl-source-context{margin:-7px 0 16px;color:var(--brand-muted);font-size:12px;line-height:1.5}
#tennis-academy .tl-source-groups{display:block}
#tennis-academy .tl-source-group+.tl-source-group{margin-top:20px;padding-top:16px;border-top:1px solid var(--brand-border)}
#tennis-academy .tl-source-heading{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 5px;font-size:14px;color:var(--brand-ink)}
#tennis-academy .tl-source-type{font-size:10px;font-weight:500;background:var(--brand-soft);color:var(--brand-muted);border-radius:20px;padding:3px 7px}
#tennis-academy .tl-source-description{margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--brand-muted)}
#tennis-academy .tl-source-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#tennis-academy .tl-source-choices .tl-category{white-space:normal;overflow-wrap:anywhere;line-height:1.35;padding:10px 8px}
#tennis-academy .tl-source-choices .tl-category[hidden]{display:none}
#tennis-academy .tl-source-range{display:block;font-size:10px;font-weight:400;margin-top:4px}

/* Inline source details alongside More videos, without the original full-width source card. */
#tennis-academy .tl-secondary-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px}
#tennis-academy .tl-secondary-actions>.tl-more-videos{margin-top:0;flex:1 1 125px;min-width:0}
#tennis-academy .tl-source-disclosure{margin-left:auto;max-width:100%;min-width:0;flex:0 1 auto;position:relative}
#tennis-academy .tl-source-toggle{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 11px;background:var(--brand-soft);border:1px solid var(--brand-border);border-radius:11px;list-style:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--brand-ink)}
#tennis-academy .tl-source-toggle::-webkit-details-marker{display:none}
#tennis-academy .tl-source-toggle-icon{font-size:11px;line-height:1;color:#be123c}
#tennis-academy .tl-source-toggle-chevron::after{content:'';display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 2px 3px}
#tennis-academy .tl-source-disclosure[open] .tl-source-toggle-chevron::after{transform:rotate(225deg);margin:3px 2px 0}
#tennis-academy .tl-source-toggle:focus-visible{outline:2px solid var(--brand-action);outline-offset:2px}

#tennis-academy .tl-source-disclosure[open] .tl-source-toggle{width:max-content;max-width:100%;margin-left:auto}
#tennis-academy .tl-source-help{margin:10px 0 4px;color:var(--brand-muted);font-size:12px;line-height:1.5}
#tennis-academy .tl-source-disclosure:not([open]) .tl-source-help,#tennis-academy .tl-source-disclosure:not([open]) .tl-playlist{display:none}
#tennis-academy .tl-source-disclosure .tl-playlist{margin:0;padding:11px 12px;border-radius:10px}
#tennis-academy .tl-source-disclosure .tl-playlist small,#tennis-academy .tl-contributor-link[hidden]{display:none}

/* Remembered, accessible disclosure controls for video source groups. */
#tennis-academy .tl-source-group-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:7px;width:100%;min-height:44px;padding:5px 0;border:0;background:none;color:inherit;font:inherit;font-weight:650;text-align:left;cursor:pointer}
#tennis-academy .tl-source-group-title{flex:0 1 auto}
#tennis-academy .tl-source-group-chevron{margin-left:auto;margin-right:4px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
#tennis-academy .tl-source-group-toggle[aria-expanded="true"] .tl-source-group-chevron{transform:rotate(225deg)}
#tennis-academy .tl-source-group-toggle:focus-visible{outline:2px solid var(--brand-action);outline-offset:3px;border-radius:4px}
#tennis-academy .tl-source-panel[hidden]{display:none}

/* Keep the full Academy source name beside More videos on phones. */
#tennis-academy .tl-secondary-actions{flex-wrap:nowrap}
#tennis-academy .tl-secondary-actions>.tl-more-videos{flex-basis:0}
#tennis-academy .tl-more-videos>.tl-section-head{white-space:nowrap}
#tennis-academy .tl-source-toggle{white-space:nowrap}
@media(max-width:420px){
 #tennis-academy .tl-secondary-actions{gap:6px}
 #tennis-academy .tl-more-videos>.tl-section-head{font-size:13px;gap:6px}
 #tennis-academy .tl-source-toggle{font-size:12px;gap:5px}
}
@media(max-width:350px){#tennis-academy .tl-source-toggle{font-size:11px}}

/* Let expanded videos span the card while their heading shares a row with the source. */
#tennis-academy .tl-secondary-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}
#tennis-academy .tl-secondary-actions>.tl-more-videos{grid-column:1/-1;grid-row:1}
#tennis-academy .tl-secondary-actions>.tl-more-videos>.tl-section-head{width:max-content}
#tennis-academy .tl-source-disclosure{grid-column:2;grid-row:1;align-self:start}