/* Homepage heading owner: compact signatures using the Mood type scale. */
body.studio-theme .studio-section-heading {
    --section-heading-size: 16px;
    --section-heading-icon: 32px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px 20px !important;
    min-width: 0;
    margin-bottom: 18px !important;
    direction: inherit;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.studio-theme .studio-section-heading::before,
body.studio-theme .studio-section-heading::after { content: none !important; }
body.studio-theme .studio-section-heading > :is(.studio-most-watched__title, .studio-section-signature) {
    --signature-accent: var(--studio-color-accent);
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-self: start !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: initial !important;
    flex: initial !important;
    width: 235px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 7px 10px !important;
    gap: 9px !important;
    border: 1px solid color-mix(in srgb, var(--signature-accent) 32%, transparent) !important;
    border-radius: 15px !important;
    background: linear-gradient(120deg, color-mix(in srgb, var(--signature-accent) 15%, var(--studio-component-card-bg, #0b2034)), var(--studio-page-section, #071725)) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--signature-accent) 10%, transparent) !important;
    overflow: hidden !important;
    box-sizing: border-box;
}
body.studio-theme .studio-section-heading > :is(.studio-most-watched__title, .studio-section-signature)::before,
body.studio-theme .studio-section-heading > .studio-section-signature > i { display: none !important; }
body.studio-theme .studio-section-heading > :is(.studio-most-watched__title, .studio-section-signature)::after {
    content: "";
    position: absolute;
    inset-inline-start: 12px;
    bottom: 0;
    width: 34px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--signature-accent), transparent);
}
body.studio-theme .studio-section-heading > :is(.studio-most-watched__title, .studio-section-signature) > span {
    display: grid !important;
    place-items: center;
    width: var(--section-heading-icon) !important;
    height: var(--section-heading-icon) !important;
    min-width: var(--section-heading-icon) !important;
    flex: 0 0 var(--section-heading-icon) !important;
    border: 1px solid color-mix(in srgb, var(--signature-accent) 24%, transparent) !important;
    border-radius: 11px !important;
    background: color-mix(in srgb, var(--signature-accent) 10%, transparent) !important;
    color: var(--signature-accent) !important;
    box-shadow: none !important;
    box-sizing: border-box;
}
body.studio-theme .studio-section-heading > :is(.studio-most-watched__title, .studio-section-signature) > span svg {
    width: 19px !important; height: 19px !important;
    fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
body.studio-theme .studio-section-heading > :is(.studio-most-watched__title, .studio-section-signature) > div { min-width: 0; max-width: 100%; background: none !important; }
body.studio-theme .studio-section-heading > :is(.studio-most-watched__title, .studio-section-signature) > div > :is(small, span) {
    display: block !important;
    margin: 0 0 2px !important;
    color: color-mix(in srgb, var(--signature-accent) 65%, var(--studio-color-text-secondary, #8197b0)) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .03em !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    background: none !important;
}
body.studio-theme .studio-section-heading h2 {
    background: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: 100%;
    font-size: var(--section-heading-size) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    color: var(--studio-color-heading, #eef5ff) !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
    text-overflow: clip !important;
}
body.studio-theme .studio-section-more {
    display: inline-flex !important;
    align-items: center; justify-content: center;
    justify-self: end !important;
    align-self: center !important;
    grid-column: 2 !important; grid-row: 1 !important;
    order: initial !important;
    gap: 8px;
    width: auto !important;
    min-width: 44px; min-height: 44px;
    padding: 8px 12px !important;
    border: 1px solid var(--studio-component-control-border, #30495b) !important;
    border-radius: 12px !important;
    background: var(--studio-component-control-bg, #091b29) !important;
    color: var(--studio-color-link, #60a5fa) !important;
    font-size: 12px; font-weight: 700; line-height: 1.5;
    white-space: nowrap; text-decoration: none; box-sizing: border-box;
    transform: none !important;
}
body.studio-theme .studio-section-more__arrow { display: inline-flex; width: 18px; height: 18px; flex: 0 0 18px; }
html[dir="ltr"] body.studio-theme .studio-section-more__arrow { transform: scaleX(-1); }
body.studio-theme .studio-section-more:hover { border-color: var(--studio-color-link, #60a5fa) !important; }
body.studio-theme .studio-section-heading :is(a, button):focus-visible { outline: 2px solid var(--studio-color-link, #60a5fa); outline-offset: 3px; }
/* Tabs stay centered in the section, including when they move below the title. */
body.studio-theme .studio-section-heading > :is(.studio-most-watched__tabs, .studio-hub__tabs) {
    display: inline-flex !important;
    align-items: center !important; justify-content: start !important;
    justify-self: center !important;
    grid-column: 1 / -1 !important; grid-row: 2 !important;
    order: initial !important;
    width: fit-content !important; max-width: 100% !important; min-width: 0 !important;
    gap: 3px !important; padding: 3px !important;
    border: 1px solid var(--studio-component-control-border, #30495b) !important;
    border-radius: 12px !important;
    background: var(--studio-component-control-bg, #091b29) !important;
    box-sizing: border-box;
}
body.studio-theme .studio-section-heading :is(.studio-most-watched__tabs, .studio-hub__tabs) > button {
    display: inline-flex; align-items: center; justify-content: center;
    flex: 0 1 auto !important; gap: 6px !important; min-width: 0;
    min-height: 40px !important; height: auto !important;
    padding: 7px 14px !important;
    font-size: 12px !important; line-height: 1.5 !important; font-weight: 700 !important;
    border-radius: 9px !important; white-space: nowrap !important;
}
body.studio-theme .studio-section-heading > .movie-premiere__nav {
    grid-column: 2 !important; grid-row: 1 !important; justify-self: end; order: initial !important;
    grid-template-columns: 44px 60px 44px !important;
    gap: 4px !important; padding: 0 !important;
    border: 0 !important; background: none !important; box-shadow: none !important;
}
body.studio-theme .studio-section-heading > .movie-premiere__nav > button { width: 44px !important; height: 44px !important; border-radius: 12px !important; }
body.studio-theme .studio-section-heading .movie-premiere__meter { display: grid !important; min-width: 0 !important; padding-inline: 2px !important; }
@media (min-width: 1101px) {
    body.studio-theme .studio-section-heading:has(> [role="tablist"]) { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; }
    body.studio-theme .studio-section-heading > :is(.studio-most-watched__tabs, .studio-hub__tabs) { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; }
    body.studio-theme .studio-section-heading:has(> [role="tablist"]) > .studio-section-more { grid-column: 3 !important; }
}
@media (max-width: 820px) {
    body.studio-theme .studio-section-heading { --section-heading-size: 16px; gap: 10px 14px !important; }
    body.studio-theme .studio-section-more { width: 44px !important; height: 44px; padding: 0 !important; }
    body.studio-theme .studio-section-more__label { display: none !important; }
    body.studio-theme .studio-section-heading :is(.studio-most-watched__tabs, .studio-hub__tabs) > button { min-height: 44px !important; }
}
@media (max-width: 680px) {
    body.studio-theme .studio-section-heading { --section-heading-size: 14px; --section-heading-icon: 29px; gap: 10px !important; margin-bottom: 14px !important; }
    body.studio-theme .studio-section-heading > :is(.studio-most-watched__title, .studio-section-signature) { width: 220px !important; min-height: 50px !important; padding: 6px 8px !important; gap: 7px !important; border-radius: 13px !important; }
    body.studio-theme .studio-section-heading > :is(.studio-most-watched__title, .studio-section-signature) > div > :is(small, span) { font-size: 7.5px !important; letter-spacing: 0 !important; }
    body.studio-theme .studio-section-heading > .movie-premiere__nav { grid-template-columns: 44px 44px !important; }
    body.studio-theme .studio-section-heading .movie-premiere__meter { display: none !important; }
}
@media (max-width: 360px) {
    body.studio-theme .studio-section-heading :is(.studio-most-watched__tabs, .studio-hub__tabs) > button { padding-inline: 10px !important; font-size: 11px !important; }
}
