/*
Theme Name: Khachik One Page
Theme URI: https://khachik.ir/
Author: Khachik
Description: Simple Persian one-page blog theme for Khachik.
Version: 2.3.0
Text Domain: khachik-one-page
*/
:root{--cream:#fbf8f3;--brown:#4a2f24;--brown2:#76513e;--line:#eadfd5;--white:#fff;--shadow:0 18px 50px rgba(74,47,36,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:inherit;line-height:1.9}a{color:inherit;text-decoration:none}.kh-wrap{width:min(1120px,92%);margin:auto}.kh-header{position:sticky;top:0;z-index:20;background:rgba(251,248,243,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.kh-nav{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.kh-logo{font-size:28px;font-weight:800;letter-spacing:.5px}.kh-menu{display:flex;gap:24px;font-size:14px}.kh-menu a{transition:.25s}.kh-menu a:hover{color:var(--brown2);transform:translateY(-2px)}.kh-hero{padding:100px 0 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.kh-kicker{font-size:13px;letter-spacing:2px;color:var(--brown2);margin-bottom:8px}.kh-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.15;margin:0 0 22px}.kh-hero p{font-size:18px;color:#6e5b51;max-width:620px}.kh-btn{display:inline-block;background:var(--brown);color:#fff;padding:12px 24px;border-radius:999px;margin-top:15px;transition:.3s;box-shadow:0 10px 25px rgba(74,47,36,.15)}.kh-btn:hover{transform:translateY(-3px);background:var(--brown2)}.kh-hero-img,.kh-card-img{background:#e9ddd2;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);min-height:360px;display:flex;align-items:center;justify-content:center;color:#9a7c69}.kh-hero-img img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}.kh-card-img img{width:100%;height:100%;object-fit:cover}.kh-section{padding:80px 0}.kh-title{text-align:center;margin-bottom:45px}.kh-title h2{font-size:34px;margin:0 0 8px}.kh-title p{color:#77665d;margin:0}.kh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.kh-card{background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:.35s}.kh-card:hover{transform:translateY(-8px)}.kh-card-img{min-height:220px;border-radius:0;box-shadow:none}.kh-card-body{padding:24px}.kh-card h3{margin:0 0 8px;font-size:21px}.kh-card p{color:#77665d;margin:0}.kh-about{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kh-contact{display:block}.kh-contact-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;max-width:640px;margin:0 auto}.kh-contact-box h3{margin:0 0 18px;font-size:19px}.kh-footer{padding:35px 0;text-align:center;color:#806c60;border-top:1px solid var(--line)}.kh-placeholder{font-size:14px;text-align:center;padding:20px}@media(max-width:800px){.kh-hero{grid-template-columns:1fr;padding:65px 0}.kh-grid,.kh-contact{grid-template-columns:1fr}.kh-menu{gap:12px;font-size:12px}.kh-logo{font-size:23px}}
@keyframes khFade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.kh-hero>*{animation:khFade .8s ease both}.kh-card{animation:khFade .7s ease both}

.kh-brand-logo{display:block;width:auto;height:58px;max-width:190px;object-fit:contain}
@media(max-width:800px){.kh-brand-logo{height:48px;max-width:150px}}

.kh-brand-logo{display:block;width:auto;height:58px;max-width:210px;object-fit:contain}
.kh-hero-img{background:#f0e5db}
.kh-hero-img img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}
.kh-card-img img{display:block;width:100%;height:220px;object-fit:cover}
.kh-placeholder{color:#8b7365;font-size:14px}

@media(max-width:800px){.kh-brand-logo{height:48px;max-width:165px}.kh-hero-img img{max-height:280px;height:auto}}

/* --- Contact items (Customizer repeater output) --- */
.kh-contact-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 28px}
.kh-contact-item{display:flex;align-items:flex-start;gap:12px;padding:11px 0;color:var(--brown2)}
a.kh-contact-item:hover{color:var(--brown)}
.kh-contact-icon{flex:none;width:22px;height:22px;margin-top:2px;color:var(--brown2)}
.kh-contact-icon svg{width:100%;height:100%;display:block}
.kh-contact-text strong{color:var(--brown);font-weight:700}
.kh-contact-item.kh-placeholder{color:#9a8a7f;grid-column:1/-1;padding:0}

/* --- Single article (single.php) --- */
.kh-single-wrap{max-width:760px}
.kh-back{display:inline-block;margin-bottom:28px;color:var(--brown2);font-size:14px}
.kh-back:hover{color:var(--brown)}
.kh-single-meta{font-size:13px;letter-spacing:.3px;color:#9a8a7f;margin-bottom:10px}
.kh-single-article h1{font-size:clamp(30px,4vw,44px);line-height:1.25;margin:0 0 24px}
.kh-single-img{border-radius:24px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:32px}
.kh-single-img img{display:block;width:100%;height:auto}
.kh-single-content{font-size:17px;color:#4a3b32}
.kh-single-content p{margin:0 0 22px}
.kh-single-content h2,.kh-single-content h3{margin:36px 0 16px;color:var(--brown)}
.kh-single-content img{max-width:100%;height:auto;border-radius:16px}
.kh-single-content a{color:var(--brown2);text-decoration:underline}
.kh-single-content ul,.kh-single-content ol{margin:0 0 22px;padding-inline-start:22px}
.kh-single-content blockquote{margin:28px 0;padding:4px 22px;border-inline-start:3px solid var(--line);color:#6e5b51;font-style:italic}

/* --- Archive listing + pagination (archive.php) --- */
.kh-archive-desc{color:#77665d;max-width:640px;margin:10px auto 0}
.kh-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:50px}
.kh-pagination a,.kh-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:12px;border:1px solid var(--line);color:var(--brown2)}
.kh-pagination .current{background:var(--brown);border-color:var(--brown);color:#fff}
.kh-pagination a:hover{border-color:var(--brown2)}

@media(max-width:800px){.kh-contact-items{grid-template-columns:1fr}}