/*
Theme Name: TN Yeumoikho
Theme URI: https://yeumoikho.com
Author: Your Name
Description: Reading theme for yeumoikho.com (an online magazine about romantic films from Vietnam), ported from landing-maker/sites/yeumoikho.com. One sticky header row (logo, search, saved articles, dark mode, menu), with categories and search in the drawer. The homepage shows real WordPress posts (lead story, mood block, teaser row, category blocks, picks). Single posts have "Key points" and "In this article" blocks. No comments and no forms collecting data (except the search box). Fonts and icons are bundled with the theme. Full theme option set (Content Injection, Scripts, Social, Footer, Post Display). Bilingual UI: English by default, Vietnamese via the EN | VI switcher.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tn-yeumoikho
Tags: blog, magazine, responsive, dark-mode, custom-menu, featured-images, translation-ready

TN Yeumoikho WordPress Theme, Copyright 2026
TN Yeumoikho is distributed under the terms of the GNU GPL
*/

/*
Design styles live in assets/css/main.css (Tailwind build of
assets/css/tailwind-input.css). This file only carries the theme header and
a few WordPress hooks; it must not set colours (dark mode swaps CSS vars).
*/

/* EN | VI switcher (inc/i18n.php). Header copy is desktop only (menu row
   breakpoint 1024px); the drawer copy is always visible inside the panel. */
.tny-lang {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}
.tny-lang--header {
    display: none;
}
@media (min-width: 1024px) {
    .tny-lang--header {
        display: inline-flex;
    }
}
.tny-lang--drawer {
    margin: 0 0 1rem;
}
.tny-lang__btn {
    padding: 4px 8px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-decoration: none;
    color: var(--muted);
}
.tny-lang__btn:hover {
    color: var(--ink);
    background: var(--rose-soft);
}
.tny-lang__btn.is-active {
    color: var(--rose);
    font-weight: 800;
}
.tny-lang__btn:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}