/*
 * animeunity-detail.css — the anime / episode template's header and sidebar
 * (frontend/anime, frontend/watch → partials/anime/*). Owned by the ANIME+WATCH
 * area; loaded on every page by layouts/animeunity, so every rule is scoped
 * under animeunity's own page root `#anime` (div#anime; the shell logo
 * img#anime never contains anything).
 *
 * Most of the page comes free from the vendored app.css (#anime .banner,
 * .header .container, .cover-wrap, .actions, .content, .info-wrapper,
 * .info-item, .related-*, .recommended, .items-wrapper) and from the Vue scoped
 * CSS in animeunity-components.css (.au-v-read-more, .au-v-video-player,
 * .au-v-layout-items). This file adds:
 *   1. animeunity's unclosed <b> after the red bar (weight 900 below it)
 *   2. the heart's "on" state (the anime's love reaction)
 *   3. the CMS rating stars inside "Valutazione" (main.js Rating, #w-rating)
 *   4. small fixes: the red bar as a button, hidden bars, the "Prossimo episodio" item
 * Tokens only (both themes come free).
 */

/* 1 ─ animeunity's red bar is served as `<b>TEXT<b>`: the second <b> is never
   closed, so the HTML parser wraps the rest of .overview (player, episode grid,
   recommended) in bold. Everything after the bar row inherits 900 there. */
#anime .overview > :not(:first-child) { font-weight: bolder; }

/* On anime / episode pages animeunity's VideoPlayer leaves
   `style="overflow: hidden; position: relative;"` on #app (every rendered
   anime-*.html): between 768 and 991px its 185px + auto grid lets the player
   column run wider than the viewport and #app clips it. */
body.au-anime-page #app { overflow: hidden; position: relative; }

/* 2 ─ the heart (a#add-to-fav.btn.btn-danger): the CMS "love" reaction.
   animeunity's TheFavoriteButton recolours the icon when the title is a favourite. */
#anime #add-to-fav i { color: #fff; transition: color .15s, transform .15s; }
#anime #add-to-fav.au-on i { color: #11161d; }
#anime #add-to-fav.au-busy { opacity: .7; pointer-events: none; }
#anime #add-to-fav:focus { box-shadow: none; }

/* The red bar opens the report dialog (a.bar-link without a real href). */
#anime .au-report-bar .bar-link { cursor: pointer; text-decoration: none; }
#anime .au-report-bar .bar-close { font-weight: 900; }

/* 3 ─ "Valutazione" + main.js Rating (exactly five bare spans in .stars; the
   engine rewrites their class to full / half / ""). Stars are FA 5 glyphs. */
#anime #w-rating .au-stars { display: block; margin-top: 4px; line-height: 1; white-space: nowrap; }
#anime #w-rating .au-stars span { display: inline-block; width: 13px; font-size: 11px; color: var(--color-text); cursor: pointer; }
#anime #w-rating .au-stars span::before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f005"; }
#anime #w-rating .au-stars span.full::before { font-weight: 900; content: "\f005"; color: #e3c000; }
#anime #w-rating .au-stars span.half::before { font-weight: 900; content: "\f5c0"; color: #e3c000; }
#anime #w-rating .au-rating-msg { display: block; font-size: 10px; line-height: 1.2; font-weight: 400; color: var(--color-text); min-height: 0; }
#anime #w-rating .au-rating-msg:empty { display: none; }
@media (max-width: 768px) {
    #anime #w-rating .au-stars { display: inline-block; margin: 0 0 0 6px; vertical-align: 1px; }
    #anime #w-rating .au-rating-msg { display: none; }
}

/* ReadMore (animeunity's ReadMore root inside .description): its overlay is
   absolutely placed over the 150px box (scoped CSS: .au-v-read-more). */
#anime .header .description .au-v-read-more { display: inline; }

/* "Anime Correlati": a row without a link (the title on screen). */
#anime .content .related-item.active .related-anime-title { color: var(--color-text-0); }
#anime .content .related-item a:hover .related-anime-title { color: #3db4f2; }

/* "Anime che ti potrebbero interessare": LayoutItems without hover. */
#anime .recommended .items-wrapper .title { margin-top: 10px; }
#anime .recommended .items-wrapper .item .cover { display: block; text-decoration: none; }

/* An ad slot inside .overview takes no room when empty. */
#anime .overview .au-ad:empty { display: none; }