/*
Theme Name: Lúa Design — Rừng trong tầm tay
Version: 0.2.0
Requires at least: 6.5
Requires PHP: 8.0
Author: Lúa Design
Description: Trang chủ tám bộ sưu tập và thư viện TikTok. Dùng cùng plugin Lúa Design Core.
License: GPL-2.0-or-later
*/
:root{--ink:#18372b;--paper:#f5f5ee;--line:#d8dfd5;--green:#426c4c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d3a958;outline-offset:4px}.site-header{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:27px;font-weight:700;letter-spacing:-1px}.brand span{display:block;font-size:11px;font-weight:400;letter-spacing:1.8px}.site-header nav{display:flex;gap:28px;font-size:14px}main{max-width:1600px;margin:auto;padding:0 5%}.intro{padding:65px 0 45px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,72px);line-height:1.12;margin:20px 0}.intro p:last-child{color:#637065}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.collection-grid+.collection-grid{margin-top:42px}.collection-tile{position:relative;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(145deg,#647b61,#1a382e);color:white;border-radius:3px}.collection-tile:nth-child(2){background:linear-gradient(145deg,#4a6666,#142e30)}.collection-tile:nth-child(3){background:linear-gradient(145deg,#87916e,#274330)}.collection-tile:nth-child(4){background:linear-gradient(145deg,#9ba993,#36584b)}.collection-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.collection-tile:hover img{transform:scale(1.04)}.mask{position:absolute;inset:0;background:linear-gradient(0deg,#061c18de,transparent 90%)}.tile-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px}.tile-content small{font-size:9px;letter-spacing:2px}.tile-content h2{font-family:Georgia,serif;font-size:clamp(20px,2.1vw,32px);font-weight:400;line-height:1.3}.discover{border:1px solid #ffffff80;border-radius:30px;padding:9px 12px;font-size:11px}.journal{margin:65px 0;padding:35px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.journal h2{font-family:Georgia,serif;font-size:36px;font-weight:400;margin:12px 0}.journal>p{width:100%;color:#637065}.site-footer{padding:40px 5%;border-top:1px solid var(--line);font-size:13px}.site-footer p{color:#637065}.collection-head{padding:48px 0 32px}.collection-head h1{font-family:Georgia,serif;font-size:clamp(32px,4vw,52px);font-weight:400;margin:20px 0 8px}.search{display:block;margin-top:25px;font-size:12px}.search input{display:block;width:min(100%,420px);padding:12px;margin-top:6px;border:1px solid var(--line);border-radius:6px;background:white}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.video-cover{position:relative;display:block;width:100%;aspect-ratio:9/14;border:0;padding:0;background:#294638;color:white;overflow:hidden;border-radius:4px}.video-cover img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fffa;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;background:#0005}.model-meta{padding:12px 0}.model-meta span{font-size:10px;letter-spacing:1px}.model-meta h2{font-size:16px;margin:4px 0}.model-meta p{font-size:12px;margin:0;color:#637065}.pagination{display:flex;gap:15px;margin:35px 0}.pagination a{padding:4px 12px;border:1px solid var(--line)}.pagination [aria-current]{background:var(--ink);color:white}.empty-results{text-align:center;padding:30px}.preview{background:#fff0bc;padding:8px;text-align:center;font-size:13px}dialog{border:0;border-radius:10px;background:var(--paper);color:var(--ink);padding:18px;width:min(850px,95vw);max-height:94dvh}dialog::backdrop{background:#071c17d9}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-top button{border:0;background:none;font-size:22px}.viewer-layout{display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap:25px}#player{aspect-ratio:9/16;max-height:72dvh;background:#091a14;color:white;display:grid;place-items:center}#player iframe{width:100%;height:100%;border:0}.viewer-info{display:flex;flex-direction:column;align-items:flex-start}.viewer-info h2{font-family:Georgia,serif;font-size:30px;line-height:1.3;margin:0}.viewer-controls{display:flex;gap:8px;margin:18px 0}button:not(.video-cover){border:1px solid var(--line);border-radius:4px;padding:8px 12px;background:transparent;color:inherit}#tiktok-original{font-size:12px}.consult{margin-top:auto;align-self:flex-end;background:var(--ink);color:white;padding:12px 16px;border-radius:5px}.consult-note{font-size:11px;color:#637065}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.article-grid img{width:100%;height:auto}.article-grid h2{font-size:22px}.reading{max-width:780px;margin:60px auto}.reading img{max-width:100%;height:auto}[hidden]{display:none!important}@media(max-width:700px){.site-header{align-items:flex-start;flex-direction:column;gap:18px}.site-header nav{gap:20px;flex-wrap:wrap;font-size:12px}.intro{padding-top:35px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile-content{padding:10px}.tile-content h2{font-size:23px}.tile-content small{font-size:8px}.discover{font-size:9px;padding:8px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.viewer-layout{grid-template-columns:1fr}.viewer-info{gap:4px}#player{height:56dvh;aspect-ratio:auto}.viewer-info h2{font-size:23px}.viewer-info p{margin:6px 0}.consult{margin-top:16px}.article-grid{grid-template-columns:1fr}.journal h2{font-size:30px}}