/*
Theme Name: AnhKhongChe Gallery
Author: Gallery Studio
Description: Theme thư viện ảnh nhẹ, hero 4 ảnh, một hồ sơ tác giả và tương tác ảnh.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: anhkhongche-gallery
*/
:root{--brand:#0f766e;--brand2:#14b8a6;--ink:#273238;--muted:#69777c;--line:#e3ebe9;--soft:#f0f8f6;--max:1200px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%;height:auto}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--brand2);outline-offset:3px}.wrap{width:min(var(--max),calc(100% - 36px));margin-inline:auto}h1,h2,h3,h4,h5{line-height:1.3;overflow-wrap:anywhere}p{margin:0 0 1em}.site-header{border-bottom:1px solid var(--line);background:#fff}.head{min-height:80px;display:flex;align-items:center;gap:20px}.site-logo,.footer-brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:750;letter-spacing:-.6px}.site-logo{color:var(--ink)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--brand);color:#fff;border-radius:12px}.brand-image,.site-logo img{max-width:250px;max-height:65px;width:auto;height:auto}.nav{display:flex;align-items:center;gap:16px;margin-left:auto}.nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0}.nav a{font-size:14px;color:var(--ink);font-weight:600}.nav li{position:relative}.nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:180px;background:#fff;padding:15px;box-shadow:0 8px 25px #0002;z-index:30}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block}.nav .sub-menu li{padding:5px}.menu-toggle{display:none;border:0;background:var(--soft);padding:8px 12px;border-radius:8px}.search-toggle{width:42px;height:42px;display:grid;place-items:center;background:var(--soft);border:0;border-radius:50%;color:var(--brand)}.search-toggle svg{width:21px;height:21px}.home-title{font-size:24px;font-weight:650;margin:26px 0 18px}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hero-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:16px;background:var(--soft)}.hero-tile img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.hero-tile:hover img{transform:scale(1.025)}.hero-tile span{position:absolute;inset:auto 0 0;padding:35px 16px 16px;background:linear-gradient(transparent,#000b);color:#fff;font-size:16px;font-weight:650}.hero-empty{display:grid;place-items:center;aspect-ratio:4/5;padding:20px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:14px;text-align:center}.home-cats{padding:20px 0 40px}.cat-section{padding:24px 0;border-bottom:1px solid var(--line)}.cat-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.cat-head h2{font-size:23px;margin:4px 0 8px;font-weight:650}.cat-head p{font-size:14px;color:var(--muted);margin:0}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-weight:700}.view-all{white-space:nowrap;font-size:13px}.card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.thumb{display:block;overflow:hidden;aspect-ratio:4/3;background:var(--soft)}.thumb img{width:100%;height:100%;object-fit:cover}.card-body{padding:13px 15px}.card h2,.card h3{font-size:16px;font-weight:600;margin:0 0 9px}.card h2 a,.card h3 a,.related-card a{color:var(--ink)}.meta{font-size:12px;color:var(--muted)}.layout-a,.layout-b,.layout-c,.layout-d,.layout-e,.layout-f,.archive-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.layout-a{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-a .card:first-child{grid-column:span 2;grid-row:span 2}.layout-a .card:first-child .thumb{aspect-ratio:4/4.1}.layout-b{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-c{grid-template-columns:repeat(4,minmax(0,1fr))}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding-block:32px 52px}.content-layout>main{min-width:0}.archive-hero{background:var(--soft);padding:30px 0}.archive-hero h1{font-size:28px;margin:0 0 8px}.archive-hero p{margin:0;color:var(--muted)}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-title{font-size:30px;font-weight:650;margin:0 0 12px}.entry-content{margin-top:24px;overflow-wrap:anywhere}.entry-content h2{font-size:24px}.entry-content h3{font-size:20px}.entry-content img{max-width:100%;height:auto}.entry-content figure{max-width:100%;margin-inline:0}.entry-content .aligncenter,.entry-content img.aligncenter{margin-inline:auto}.entry-content .alignleft{float:left;margin:0 20px 20px 0}.entry-content .alignright{float:right;margin:0 0 20px 20px}.entry-content::after{content:"";display:block;clear:both}.entry-content iframe,.entry-content video{max-width:100%}.entry-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.entry-content td,.entry-content th{border:1px solid var(--line);padding:10px}.entry-content figcaption{font-size:13px;color:var(--muted);text-align:center}.akc-image-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px auto 22px;clear:both;max-width:100%;font-size:13px}.akc-image-tools button,.akc-image-tools>a{padding:7px 12px;min-height:40px;border:1px solid var(--line);border-radius:25px;background:#fff;color:var(--ink);font-weight:500}.akc-image-tools button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.akc-image-tools button:disabled{opacity:.5;cursor:wait}.akc-feedback{flex-basis:100%;text-align:center;color:var(--muted);font-size:12px}.akc-feedback:empty{display:none}.side-box{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:22px}.side-title{font-size:17px;margin:0 0 16px;font-weight:650}.side-post{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line);color:var(--ink)}.side-post:first-child{border-top:0;padding-top:0}.side-thumb{display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--soft)}.side-thumb img{width:100%;height:100%;object-fit:cover}.side-post-title{display:block;font-size:13px;line-height:1.5;font-weight:500}.side-views{display:block;color:var(--muted);font-size:11px;margin-top:5px}.related{margin-top:35px;border-top:1px solid var(--line);padding-top:20px}.related h4{font-size:21px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.related-card{min-width:0}.related-card .thumb{border-radius:10px}.related-card h5{font-size:15px;font-weight:550;margin:10px 0}.author-box{display:flex;gap:22px;padding:26px;background:var(--soft);border:1px solid var(--line);border-radius:16px;margin-top:32px;align-items:flex-start}.author-avatar{width:100px;height:100px;object-fit:cover;border-radius:50%;flex-shrink:0}.author-box h2{font-size:22px;margin:4px 0 10px}.author-box p{font-size:14px}.author-socials{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0;font-size:12px}.author-intro{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;padding:30px;background:var(--soft);border-radius:18px;border-top:4px solid var(--brand)}.author-portrait .author-avatar{width:144px;height:144px;border-radius:18px}.author-intro h1{font-size:30px;margin:8px 0 15px}.author-intro p{font-size:15px}.author-articles{margin-top:34px}.author-articles>h2{font-size:23px}.site-footer{background:#102c2a;color:#c8d8d5;padding-top:45px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}.footer-col{min-width:0;font-size:14px;overflow-wrap:anywhere}.footer-col h2{font-size:18px;color:#fff;margin:0 0 23px}.footer-col a{color:#d2e6df}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin:0 0 14px}.footer-brand{margin-bottom:24px;color:#fff}.footer-brand img{max-width:250px;max-height:80px;width:auto;height:auto;filter:none}.copyright{border-top:1px solid #ffffff20;margin-top:34px;padding:22px 0;font-size:12px}.navigation.pagination{margin-top:25px}.page-numbers{display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:6px;margin:2px}.page-numbers.current{background:var(--brand);color:#fff}.search-overlay{display:none;position:fixed;inset:0;background:#0a2229a8;z-index:1000;align-items:flex-start;justify-content:center;padding:100px 18px 20px}.search-overlay.open{display:flex}.search-panel{background:#fff;border-radius:18px;width:min(600px,100%);padding:24px;max-height:80vh;overflow:auto}.search-head{display:flex;align-items:center;justify-content:space-between}.search-head h2{font-size:22px;margin:0 0 20px}.search-close{background:none;border:0;font-size:30px}.site-search-form{display:flex;gap:8px}.site-search-form input{min-width:0;flex:1;border:1px solid var(--line);padding:12px;border-radius:8px}.site-search-form button{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:10px 16px}.search-tags{display:flex;gap:9px;flex-wrap:wrap;font-size:13px;margin-top:18px}.search-tags strong{flex-basis:100%}
@media(min-width:1000px){.layout-e .thumb{aspect-ratio:16/10}}
@media(max-width:1000px){.content-layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.layout-b,.layout-c{grid-template-columns:repeat(2,minmax(0,1fr))}.foot{grid-template-columns:repeat(2,minmax(0,1fr))}.nav ul{gap:12px}.site-logo{font-size:20px}.brand-image{max-width:200px}}
@media(max-width:760px){.content-layout{grid-template-columns:minmax(0,1fr)}.menu-toggle{display:block;margin-left:auto}.head{flex-wrap:wrap;gap:10px;min-height:70px;padding-block:10px}.nav{display:none;width:100%;margin:0;padding-block:12px}.head.open .nav{display:flex;align-items:flex-start}.nav>ul{flex-direction:column;flex:1}.nav .sub-menu{position:static;box-shadow:none;padding:8px 15px}.nav li>.sub-menu{display:block}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-tile{aspect-ratio:4/5}.home-title{font-size:21px}.layout-a,.layout-d,.layout-e,.layout-f{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-a .card:first-child{grid-column:auto;grid-row:auto}.layout-a .card:first-child .thumb{aspect-ratio:4/3}.entry-title{font-size:26px}.entry-content h2{font-size:22px}.author-intro{grid-template-columns:110px minmax(0,1fr);padding:22px;gap:18px}.author-portrait .author-avatar{width:100px;height:100px}.author-intro h1{font-size:25px}.site-footer{padding-top:30px}.entry-content .alignleft,.entry-content .alignright{float:none;margin-inline:auto}}
@media(max-width:440px){.wrap{width:calc(100% - 28px)}.cat-head{align-items:flex-start}.cat-head h2{font-size:20px}.view-all{font-size:12px}.card-body{padding:10px}.card h2,.card h3{font-size:14px}.meta{font-size:11px}.archive-grid,.layout-a,.layout-b,.layout-c,.layout-d,.layout-e,.layout-f{gap:12px}.foot{grid-template-columns:1fr;gap:26px}.author-box{padding:18px;gap:14px}.author-box .author-avatar{width:60px;height:60px}.author-intro{grid-template-columns:1fr}.hero-tile span{font-size:14px;padding:28px 10px 12px}.entry-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}