/*
Theme Name: Sukhan Gah
Theme URI: https://example.com/sukhan-gah
Author: Sukhan Gah
Description: A complete Urdu poetry (shayari) theme: poetry posts with numbered couplets, copy and share buttons, poets and categories with sub-categories, member registration with unique usernames, front-end poetry submission, admin approval, duplicate detection, members list and a one-click demo importer.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: sukhan-gah
*/
:root{--bg:#faf6ee;--card:#fffdf8;--ink:#2a2118;--mute:#7a6a58;--acc:#8a5a2b;--line:#e6dccb;--hd:#12352f;--hd2:#0d2822;--gold:#e0b565;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#14110c;--card:#1e1913;--ink:#f1e7d6;--mute:#b3a48e;--acc:#e0b565;--line:#372e22;color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif}
svg{display:block;width:100%;height:100%}
.screen-reader-text{position:absolute;left:-9999px}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.top{background:var(--hd2);color:#b9cbc3;font-size:.78rem}
.top .wrap{display:flex;justify-content:space-between;padding:5px 16px}
.site-header{position:sticky;top:0;z-index:40;background:var(--hd);color:#fff;box-shadow:0 2px 14px #0004}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
.hd{display:flex;align-items:center;gap:14px;min-height:68px}
.logo{display:flex;gap:10px;align-items:center;color:#fff}
.mark{width:42px;height:42px;border-radius:12px;background:var(--gold);color:var(--hd);display:grid;place-items:center;font:700 1.5rem "Noto Nastaliq Urdu",serif;padding-top:8px}
.logo b{display:block;font:700 1.3rem/1.2 "Playfair Display",Georgia,serif}
.logo small{display:block;font-size:.6rem;letter-spacing:.12em;line-height:1.4;color:#a9bdb5;text-transform:uppercase}
.main-nav{flex:1;margin-left:16px}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav .menu{display:flex;gap:2px}
.main-nav li{position:relative}
.main-nav a{display:block;color:#e9efec;padding:26px 14px;font-weight:500;font-size:.92rem;line-height:1}
.main-nav li:hover>a,.main-nav .current-menu-item>a{color:var(--gold)}
.main-nav .menu-item-has-children>a::after{content:" \25BE";font-size:.75em}
.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:0 0 12px 12px;box-shadow:0 14px 30px #0005;padding:8px;z-index:50}
.main-nav li:hover>.sub-menu{display:block}
.main-nav .sub-menu a{color:var(--ink);padding:10px 12px;border-radius:8px}
.main-nav .sub-menu a:hover{background:var(--line);color:var(--acc)}
.main-nav .sub-menu .menu-item-has-children>a::after{content:" \203A"}
.main-nav .sub-menu .sub-menu{top:-4px;left:100%;border-top:1px solid var(--line);border-radius:12px}
.hr{display:flex;gap:8px;align-items:center}
.ic{background:#ffffff18;border:0;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1rem}
.burger{display:none}
.cta{display:inline-block;background:var(--gold);color:var(--hd);font-weight:700;padding:9px 18px;border-radius:999px;font-size:.88rem;white-space:nowrap;border:0;cursor:pointer}
.sbar{background:var(--hd2);padding:10px 16px}
input,button,select,textarea{font:inherit}
.sbar input,.hero input[type=search]{width:100%;max-width:560px;display:block;margin:0 auto;padding:10px 18px;border-radius:999px;border:0;background:var(--card);color:var(--ink)}
.searchform{margin:0}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,#1f5a4d,var(--hd) 60%);color:#fff;padding:46px 0 52px}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.deco{position:absolute;inset:0;opacity:.3;pointer-events:none}
.hero h1{margin:0 0 10px;font-size:2.6rem;line-height:1.2;color:var(--gold)}
.hero p{margin:0 0 18px;color:#d3e0da;font-size:1.05rem;max-width:520px}
.hero .searchform input{margin:0;max-width:440px}
.stats{display:flex;gap:26px;margin-top:22px}
.stats b{display:block;font-size:1.7rem;color:var(--gold);line-height:1.3}
.stats span{font-size:.8rem;color:#b9cbc3}
.dayc{background:var(--card);color:var(--ink);border-radius:18px;padding:18px 22px;text-align:center;box-shadow:0 16px 40px #0006;border:1px solid var(--gold)}
.dayc small{color:var(--acc);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}
.sec{padding:36px 0 6px}
.sec h2{margin:0 0 16px;font-size:1.5rem;display:flex;align-items:center;gap:12px}
.sec h2::after{content:"";flex:1;height:1px;background:var(--line)}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.cc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;border-top:4px solid var(--gold)}
.cimg{height:100px;border-radius:10px;overflow:hidden;margin-bottom:10px}
.cc h3{margin:0;font-size:1.2rem}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.chip{border:1px solid var(--line);border-radius:999px;padding:1px 12px;font-size:.8rem;background:var(--bg);display:inline-block}
.chip:hover{border-color:var(--acc);color:var(--acc)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.bp{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.bp:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0002}
.th{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.th img{width:100%;height:100%;object-fit:cover;display:block}
.ct{position:absolute;top:10px;left:10px;background:var(--gold);color:var(--hd);font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 12px}
.bd{padding:14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.bd h3{margin:0;font-size:1.1rem;line-height:1.4}
.bd h3 a:hover{color:var(--acc)}
.ex{margin:0;color:var(--mute);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ft{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:.82rem;color:var(--mute)}
.more{color:var(--acc);font-weight:600}
.btn{font-size:.8rem;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:4px 14px;border-radius:999px;cursor:pointer;display:inline-block;line-height:1.4}
.btn:hover{border-color:var(--acc);color:var(--acc)}
.btn.pri{background:var(--hd);color:var(--gold);border-color:var(--hd)}
.empty{text-align:center;color:var(--mute);padding:30px;grid-column:1/-1}
.poem{direction:rtl;white-space:pre-line;text-align:center;font:1.1rem/2.5 "Noto Nastaliq Urdu",serif;margin:4px 0}
.by{text-align:center;color:var(--acc);font-size:.85rem;font-weight:600}
.by a:hover{text-decoration:underline}
.acts{display:flex;gap:8px;justify-content:center;margin-top:8px;flex-wrap:wrap}
.bc{font-size:.85rem;color:var(--mute);padding:18px 0 10px;max-width:780px;margin:0 auto}
.bc a:hover{color:var(--acc)}
.ban{position:relative;aspect-ratio:16/6;border-radius:18px;overflow:hidden;max-width:780px;margin:0 auto 16px}
.ban img{width:100%;height:100%;object-fit:cover}
.one{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:18px;padding:22px 24px;max-width:780px;margin:0 auto 10px}
.one h1{margin:0 0 6px;font-size:1.6rem;line-height:1.3}
.intro{margin:0 0 10px;color:var(--mute)}
.byline{font-size:.85rem;color:var(--mute);margin-bottom:8px}
.byline a{color:var(--acc);font-weight:600}
.cpl{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:12px 0}
.no{flex:none;width:30px;height:30px;border-radius:50%;background:var(--hd);color:var(--gold);display:grid;place-items:center;font-size:.8rem;font-weight:700}
.cb{flex:1}
.ca{display:flex;flex-direction:column;gap:6px}
.pn{display:flex;justify-content:space-between;max-width:780px;margin:16px auto 0;font-size:.9rem}
.pn a{color:var(--acc);font-weight:600}
.entry p,.entry li{line-height:1.8}
.page-head{max-width:960px;margin:24px auto 16px}
.page-head h1{margin:0;font-size:1.8rem}
.page-head p{margin:4px 0 0;color:var(--mute)}
.mg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.mc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .2s}
.mc:hover{transform:translateY(-3px);border-color:var(--gold)}
.mc>span:last-child{font-size:.82rem;color:var(--mute)}
.av{flex:none;width:64px;height:64px;border-radius:50%;background:var(--hd);color:var(--gold);display:grid;place-items:center;font:700 1.6rem "Playfair Display",Georgia,serif;border:3px solid var(--gold)}
.pf{max-width:780px;margin:24px auto 14px;display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.pf h1{margin:0;font-size:1.4rem}
.band{margin:36px 0 0;background:linear-gradient(120deg,var(--hd),#1f5a4d);color:#fff;border-radius:20px;padding:30px;text-align:center}
.band h2{margin:0;font-size:1.7rem;color:var(--gold)}
.band p{margin:6px 0 16px;color:#d3e0da}
.fm{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}
.fm h3{margin:0 0 4px;color:var(--acc)}
.fm label{font-size:.82rem;color:var(--mute)}
.fm input,.fm select,.fm textarea{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.fm textarea{min-height:150px;direction:rtl;font-family:"Noto Nastaliq Urdu",serif;line-height:2.3}
.fm .chk{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;color:var(--ink)}
.fm .chk input{width:auto;margin-top:5px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.note{font-size:.85rem;padding:8px 12px;border-radius:10px;border:1px solid var(--line);margin:8px 0}
.note.w{border-color:#b7791f;color:#b7791f}.note.b{border-color:#b3402f;color:#b3402f}.note.g{border-color:#2f7d4f;color:#2f7d4f}
.stats2{display:flex;gap:8px;margin:10px 0}
.stats2 div{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:12px;text-align:center;font-size:.82rem;padding:6px}
.stats2 b{display:block;font-size:1.5rem;color:var(--acc);line-height:1.5}
.sub{border-top:1px solid var(--line);padding:10px 0}
.st{font-size:.75rem;border:1px solid var(--line);border-radius:999px;padding:1px 10px}
.st.g{color:#2f7d4f;border-color:#2f7d4f}.st.w{color:#b7791f;border-color:#b7791f}.st.b{color:#b3402f;border-color:#b3402f}
.nav-links{display:flex;gap:8px;justify-content:center;margin:24px 0;flex-wrap:wrap}
.nav-links a,.nav-links span{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:4px 14px;font-size:.85rem}
.nav-links .current{background:var(--hd);color:var(--gold);border-color:var(--hd)}
.site-footer{margin-top:46px;background:var(--hd2);color:#b9cbc3;padding:42px 0 0}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.site-footer h4{color:var(--gold);margin:0 0 10px;font-size:1rem}
.site-footer a{display:block;font-size:.88rem;padding:3px 0}
.site-footer a:hover{color:var(--gold)}
.site-footer p{font-size:.88rem;margin:8px 0}
.site-footer ul{list-style:none;margin:0;padding:0}
.soc{display:flex;gap:8px;margin-top:12px}
.soc a{width:36px;height:36px;border-radius:50%;background:#ffffff14;display:grid;place-items:center;font-size:.75rem;padding:0;font-weight:700}
.fb{margin-top:30px;border-top:1px solid #ffffff1c;padding:16px 0;text-align:center;font-size:.8rem}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:6px 18px;border-radius:999px;font-size:.9rem;opacity:0;transition:opacity .25s;pointer-events:none;z-index:70}
.toast.on{opacity:1}
@media (max-width:900px){
 .burger{display:block}.hr .cta{display:none}
 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:var(--hd2);max-height:75vh;overflow:auto}
 .main-nav.open{display:block}
 .main-nav .menu{flex-direction:column;padding:8px 12px}
 .main-nav a{padding:14px 10px}
 .main-nav li:hover>.sub-menu{display:none}
 .main-nav li.open>.sub-menu{display:block}
 .main-nav .sub-menu,.main-nav .sub-menu .sub-menu{position:static;background:transparent;border:0;box-shadow:none;padding:0 14px}
 .main-nav .sub-menu a{color:#cfe0d9}
 .hr{margin-left:auto}
 .hero .wrap{grid-template-columns:1fr}.hero h1{font-size:2rem}
 .fg{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}
}
@media (max-width:520px){.fg{grid-template-columns:1fr}.top .wrap span:first-child{display:none}.top .wrap{justify-content:flex-end}.cpl{flex-wrap:wrap}.ca{flex-direction:row;width:100%;justify-content:center}}