@props(['size' => 'md', 'tone' => 'dark', 'tagline' => false])
{{-- The HerDawn (Pharmacy) wordmark: a rising sun and the name in sunrise colours. Self-contained (no icon font). --}}
<span {{ $attributes->merge(['class' => "hd-mark hd-$size hd-$tone"]) }} role="img" aria-label="{{ config('brand.full') }}">
    <svg class="hd-sun" viewBox="0 0 48 48" aria-hidden="true" focusable="false">
        <defs>
            <linearGradient id="hdSun{{ $size }}{{ $tone }}" x1="0" y1="0" x2="1" y2="1">
                <stop offset="0" stop-color="#fbbf24"/><stop offset=".55" stop-color="#f97316"/><stop offset="1" stop-color="#ec4899"/>
            </linearGradient>
        </defs>
        <rect width="48" height="48" rx="13" fill="url(#hdSun{{ $size }}{{ $tone }})"/>
        <path d="M11 31a13 13 0 0 1 26 0z" fill="#fff"/>
        <g stroke="#fff" stroke-width="3" stroke-linecap="round">
            <path d="M24 9v5M11.5 14.5l3.5 3.5M36.5 14.5 33 18M6 24.5h4.5M37.5 24.5H42"/>
        </g>
        <path d="M8 36h32" stroke="#fff" stroke-width="3" stroke-linecap="round"/>
    </svg>
    <span class="hd-text">
        <span class="hd-word">HerDawn</span>
        <span class="hd-tag">({{ config('brand.descriptor') }})</span>
        @if($tagline)<span class="hd-tagline">{{ config('brand.tagline') }}</span>@endif
    </span>
</span>
@once
<style>
    .hd-mark { display: inline-flex; align-items: center; gap: .55em; line-height: 1; text-decoration: none; }
    .hd-sun { width: 2.1em; height: 2.1em; flex-shrink: 0; filter: drop-shadow(0 4px 10px rgba(249, 115, 22, .35)); }
    .hd-text { display: inline-flex; flex-wrap: wrap; align-items: baseline; column-gap: .35em; row-gap: .25em; }
    .hd-word { font-weight: 900; letter-spacing: -.02em; background: linear-gradient(90deg, #f97316 0%, #ec4899 100%);
        -webkit-background-clip: text; background-clip: text; color: transparent; }
    .hd-tag { font-weight: 700; font-size: .55em; letter-spacing: .14em; text-transform: uppercase; }
    .hd-tagline { flex-basis: 100%; font-weight: 500; font-size: .42em; letter-spacing: .02em; }
    .hd-dark .hd-tag, .hd-dark .hd-tagline { color: #64748b; }
    .hd-light .hd-tag, .hd-light .hd-tagline { color: rgba(255, 255, 255, .85); }
    .hd-light .hd-word { background: linear-gradient(90deg, #fdba74 0%, #f9a8d4 100%); -webkit-background-clip: text; background-clip: text; }
    .hd-sm { font-size: .95rem; } .hd-md { font-size: 1.35rem; } .hd-lg { font-size: 2.1rem; } .hd-xl { font-size: 2.8rem; }
</style>
@endonce