{% extends "_base.html" %}
{% comment %}
A club's skin, used on its subdomain. `club` comes from the branding context
processor, which reads the tenant resolved by ClubTenantMiddleware.
{% endcomment %}
{% block title %}
{% block head_title %}{% endblock head_title %} ยท {{ club.name }}
{% endblock title %}
{% block extra %}
{% if club.primary_color or club.secondary_color %}
{% comment %}
daisyUI declares its theme variables inside `@layer base`, and unlayered styles
beat every layered rule regardless of specificity -- so this plain :root wins
without any !important or selector games. primary_content_color / secondary_content_color
are computed from the club's colours so a pale brand doesn't end up with
white-on-yellow buttons or initials.
{% endcomment %}
{% endif %}
{% endblock extra %}
{% block brand %}
{# min-w-0 on both the link and the text column: without it a flex child's default min-width:auto refuses to shrink past the club name's intrinsic width, so `truncate` never gets the chance to kick in and the name pushes the header wider than the viewport instead of ellipsizing. The avatar and tagline shrink/hide below `sm` for the same reason -- a long club name at full size has nowhere left to give. #}
{% if club.logo %}
{# The ring is the club's own primary colour -- a plain frame around whatever crest they uploaded. #}