@import url('./brand-palette.css');
/* Shared brand treatment; readable text is never smaller than 14px. */
.ootoon-log {
    width: 130px;
    min-width: 130px;
    height: 41px;
    background-image: url('../image/toonnyam-logo-green.svg');
    background-size: contain;
}
html[data-theme="dark"] .ootoon-log { background-image: url('../image/toonnyam-logo-green-dark.svg'); }
html[data-theme="dark"] img.brand-wordmark { content: url('../image/toonnyam-logo-green-dark.svg'); }
.brand-wordmark { display: block; width: 130px; height: 40px; object-fit: contain; }
.app-brand, .site-brand { flex-shrink: 0; }
.footer-logo-wrap img, .member-auth-brand img { width: 40px; height: 40px; object-fit: contain; border-radius: 10px; }
.footer-logo-wrap img.brand-wordmark, .member-auth-brand img.brand-wordmark,
.login-logo-text-wrap img.brand-wordmark { width: 146px; height: 45px; border-radius: 0; }
.footer-desc, .modern-footer-bottom, .modern-footer-bottom p,
.app-install-copy small, .app-install-copy strong, .site-footer, .site-footer p,
.preview-phone strong, .preview-phone small, .preview-top,
.intro-copy .install-status, .guide p, .guide code, .guide-number,
.release-badge, .qr-copy > span, .qr-copy a, .qr-local-notice,
.availability-note, .site-return { font-size: 14px; }
.mobile-app-entry, .floating-app-install p, .floating-app-install a { font-size: 14px; }
.catalog-status, .account-form-note, .app-chat-sender { font-size: 14px; }
.footer-desc { line-height: 1.7; }
.app-install-copy small { white-space: normal; }
.app-brand span, .site-brand { white-space: nowrap; }
.ad-mobile-copy { display: none; }
.mobile-app-entry, .app-install-link, .qr-local-notice {
    background: var(--brand-support-bg);
    border-color: var(--brand-support-line);
    color: var(--brand-support-ink);
}
.release-badge, .points-summary { background: var(--brand-support-bg); color: var(--brand-support-ink); }
.points-summary > span, .points-summary p { color: var(--brand-support-ink); }
.community-board .cb-feature { background: var(--brand-support-bg); border-color: var(--brand-support-line); }
.community-board .cb-feature:nth-child(2) { background: var(--brand-tint); border-color: var(--brand-line); }
.cb-feature > span { background: var(--brand-support); color: #215c39; }
.cb-feature:nth-child(2) > span { background: var(--brand-tint); color: var(--brand-text); }
.floating-app-install a { background: var(--brand-action); }
.floating-app-install a:hover { background: var(--brand-hover); }
.ranking-up { color: var(--brand-text); }
.pp-balance, .points-guide .pg-example { background: #244e35; }
.app-bottom-nav button.is-active,
html[data-theme="dark"] .app-bottom-nav button.is-active { color: var(--brand-text); }
::selection { background: #c4f5d5; color: #194b2e; }
html[data-theme="dark"] .mobile-app-entry,
html[data-theme="dark"] .app-install-link,
html[data-theme="dark"] .points-summary { background: var(--brand-support-bg); color: var(--brand-support-ink); border-color: var(--brand-support-line); }
html[data-theme="dark"] .points-summary p { color: var(--brand-support-ink); }
/* Neutral installation/search actions stay black in both themes. */
html .mobile-app-entry, html .app-install-link,
html[data-theme="dark"] .mobile-app-entry, html[data-theme="dark"] .app-install-link,
html .floating-app-install a, html #installButton:not(:disabled),
html .category-search-form .latest-search-button {
    background: #111111;
    border-color: #444444;
    color: #ffffff;
    box-shadow: none;
    font-size: 14px;
}
html .mobile-app-entry:hover, html .app-install-link:hover,
html[data-theme="dark"] .mobile-app-entry:hover, html[data-theme="dark"] .app-install-link:hover,
html .floating-app-install a:hover, html #installButton:not(:disabled):hover,
html .category-search-form .latest-search-button:hover { background: #292929; color: #ffffff; }
html .app-install-copy small { color: #dddddd; }
@media (max-width: 720px) {
    .ootoon-log { width: 108px; min-width: 108px; height: 36px; }
    .brand-wordmark { width: 120px; height: 38px; }
    .site-return { font-size: 14px; }
    .preview-phone { transform: none; max-width: 100%; }
    .ad-carousel > a { aspect-ratio: auto; min-height: 88px; text-decoration: none; background: var(--brand-support-bg); }
    .ad-carousel .ad-art { display: none; }
    .ad-mobile-copy { display: flex; min-height: 88px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; padding: 14px; color: var(--brand-support-ink); }
    .ad-mobile-copy strong { font-size: 18px; line-height: 1.4; }
    .ad-mobile-copy > span { font-size: 14px; line-height: 1.5; }
}