/*
Theme Name: Index Guest Posts
Theme URI: https://indexnasdaq.com/
Author: Custom build
Description: Simple theme where free users create an account, log in and submit posts. Posts stay pending until the admin approves them. Includes widget areas for ads (header, homepage, inside article, article bottom, footer).
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: igp
*/

:root{
  --paper:#ffffff; --soft:#f4f7f6; --ink:#101828; --muted:#5b6673; --line:#dfe5e3;
  --accent:#0f6b4f; --accent-dark:#0a4f3a; --error:#b42318; --ok:#067647;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}
img{max-width:100%;height:auto}
a{color:var(--accent)}
a:hover{color:var(--accent-dark)}
:focus-visible{outline:3px solid #7fc8ad;outline-offset:2px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}

/* header */
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;padding-bottom:16px}
.brand{font:700 1.35rem/1 var(--serif);color:var(--ink);text-decoration:none}
.main-nav{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.main-nav a{color:var(--ink);text-decoration:none;font-size:.95rem}
.main-nav a:hover{color:var(--accent)}
.main-nav .nav-cta{background:var(--accent);color:#fff;padding:8px 14px;border-radius:6px}
.main-nav .nav-cta:hover{background:var(--accent-dark);color:#fff}

/* ads */
.igp-ad-area{margin:24px 0;text-align:center}
.igp-ad{margin:0 0 16px}
.igp-ad img{display:block;width:100%;height:auto;margin:0 auto}
.igp-ad-area::before{content:"Advertisement";display:block;font-size:.75rem;color:var(--muted);margin-bottom:6px}
.igp-ad-area--igp-header-ad{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}

/* home list */
.intro{padding:36px 0 10px}
.intro h1{font:700 2rem/1.2 var(--serif);margin:0 0 8px}
.intro p{margin:0 0 16px;color:var(--muted)}
.btn,button.btn,input[type=submit].btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:11px 20px;font:600 1rem var(--sans);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--accent-dark);color:#fff}
.post-list{list-style:none;margin:20px 0;padding:0;border-top:1px solid var(--line)}
.post-list li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.post-list a{font:600 1.1rem/1.4 var(--serif);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.post-list a:hover{color:var(--accent);text-decoration:underline}
.post-list time{color:var(--muted);font-size:.85rem;white-space:nowrap}
.empty{padding:24px;background:var(--soft);border-radius:8px}
.navigation.pagination{margin:24px 0}
.navigation .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.navigation .page-numbers{padding:6px 12px;border:1px solid var(--line);border-radius:6px;text-decoration:none}
.navigation .current{background:var(--accent);color:#fff;border-color:var(--accent)}

/* article + pages */
.article-wrap{padding-top:32px;padding-bottom:40px}
.article-title,.page-title{font:700 2.1rem/1.2 var(--serif);margin:0 0 10px}
.article-meta{color:var(--muted);font-size:.9rem;margin:0 0 20px}
.article-image{margin:0 0 24px}
.article-image img{display:block;width:100%;border-radius:8px}
.entry{font:1.125rem/1.8 var(--serif)}
.entry h2,.entry h3{font-family:var(--sans);line-height:1.3;margin:1.8em 0 .6em}
.entry a{text-decoration:underline}

/* forms */
.igp-form{max-width:640px}
.igp-form p{margin:0 0 18px}
.igp-form label{display:block;font-weight:600;margin-bottom:6px}
.igp-form input[type=text],.igp-form input[type=email],.igp-form input[type=password],.igp-form input[type=file]{width:100%;padding:11px 12px;border:1px solid #b9c3c0;border-radius:6px;font:1rem var(--sans);background:#fff}
.igp-help{font-size:.88rem;color:var(--muted);margin-top:4px}
.igp-rules{background:var(--soft);border-radius:8px;padding:14px 18px;margin:0 0 22px}
.igp-rules ul{margin:6px 0 0;padding-left:20px}
.igp-count{font-size:.9rem;color:var(--muted);margin-top:6px}
.igp-count.ok{color:var(--ok);font-weight:600}
.igp-notice{padding:12px 16px;border-radius:6px;margin:0 0 20px}
.igp-notice.error{background:#fef3f2;border:1px solid #fecdca;color:var(--error)}
.igp-notice.success{background:#ecfdf3;border:1px solid #abefc6;color:var(--ok)}
.igp-hp{position:absolute;left:-9999px}
.igp-table{width:100%;border-collapse:collapse}
.igp-table th,.igp-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.status{font-size:.85rem;padding:2px 8px;border-radius:99px;background:var(--soft)}
.status.publish{background:#ecfdf3;color:var(--ok)}
.status.pending{background:#fffaeb;color:#93370d}

/* footer */
.site-footer{border-top:1px solid var(--line);margin-top:40px;padding:8px 0 32px;color:var(--muted);font-size:.9rem}
@media (max-width:600px){
  .intro h1,.article-title,.page-title{font-size:1.65rem}
  .post-list li{flex-direction:column;gap:2px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}