/* All functional icons use the licensed Lucide SVG assets in assets/icons.
   Size belongs to the control: 18px normally, 16px inside compact buttons. */
:root { --hdk-icon-size: 18px; }
.hdk-icon { stroke: currentColor; vertical-align: -0.125em; flex-shrink: 0; }
.btn-sm, .library-more, .hero-announcement-pause, .banner-autoplay-toggle,
.account-alert-close, .topup-close, .creator-chapter-quick-price,
[data-remove-character], [data-clear-story] { --hdk-icon-size: 16px; }
/* Shared spacing only for groups containing functional icons. */
.btn, .header-action-btn, .reader-tool-btn { gap: 8px; }
.btn-sm, .library-more, .library-book-stats span { gap: 6px; }
/* Header actions retain the default icon size on mobile too. */
.header-action-btn .hdk-icon { width: var(--hdk-icon-size) !important; height: var(--hdk-icon-size) !important; }
/* Reclaim columns formerly reserved for decorative badges. */
.account-wallet-balance-card, .account-wallet-package,
.account-connection-list > div, .account-connection-list > a {
    grid-template-columns: minmax(0, 1fr) auto;
}
.account-connection-list > div > span:first-child,
.account-connection-list > a > span:first-child {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}
.reader-comment-login { grid-template-columns: minmax(0, 1fr) auto; }
@media (max-width: 540px) {
    .account-wallet-balance-card { grid-template-columns: minmax(0, 1fr); }
    .account-wallet-balance-actions { grid-column: 1; }
}
.account-settings-header-actions { margin-left: 0; }
@media (max-width: 540px) {
    .account-settings-header-actions { width: 100%; }
}

/* Generated by hdk_icon() in functions.php; background shorthands must not
   reset repetition or sizing on financial form selects. */
select:not([multiple]):not([size]):not(:disabled) {
    appearance: none;
    -webkit-appearance: none;
    background-image: var(--hdk-select-chevron) !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: var(--hdk-icon-size) var(--hdk-icon-size) !important;
    padding-right: 38px !important;
}
.reader-chapter-select-wrap select { background-image: none !important; }

.reader-select-chevron { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: inline-flex; pointer-events: none; }