/* Nokari Adda - base layout, shared components */

/* ---- GeneratePress wrapper reset (all templates are custom + full width) ---- */
.site-header,.site-footer{display:none!important}
body.nk-theme{margin:0;background:var(--nk-bg);color:var(--nk-text);font-family:var(--nk-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.nk-theme .site.grid-container,body.nk-theme #page{max-width:none;width:100%;margin:0;padding:0}
body.nk-theme .site-content{display:block;padding:0;margin:0}
body.nk-theme *,body.nk-theme *::before,body.nk-theme *::after{box-sizing:border-box}
html.nk-lock{overflow:hidden}
html{scroll-padding-top:calc(var(--nk-header-h) + 12px)}

.nk-main{display:block;width:100%;min-width:0;padding-bottom:var(--nk-s6)}
.nk-main:focus{outline:none}
.nk-container{width:100%;max-width:1160px;margin-inline:auto;padding-inline:16px}
@media (min-width:720px){.nk-container{padding-inline:24px}}

/* ---- Accessibility utilities ---- */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.nk-skip{position:absolute;left:12px;top:-100px;z-index:100001;background:#fff;color:var(--nk-primary);padding:10px 16px;border-radius:var(--nk-r-sm);font-weight:700;text-decoration:none;box-shadow:var(--nk-shadow-lg)}
.nk-skip:focus{top:12px}
body.nk-theme :focus-visible{outline:3px solid var(--nk-focus);outline-offset:2px}
.nk-i{flex:none;display:block}

/* ---- Links ---- */
body.nk-theme a{color:var(--nk-blue)}
body.nk-theme a:hover{color:var(--nk-blue-dark)}

/* ---- Category chip (text colour + tint come from [data-cat]) ---- */
.nk-chip{display:inline-block;align-self:flex-start;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.01em;color:var(--c);background:var(--c-bg);padding:5px 9px;border-radius:999px;text-decoration:none}
a.nk-chip:hover{color:var(--c);filter:brightness(.95)}

/* ---- Pills: links to the five sections ---- */
.nk-pills{margin:var(--nk-s4) 0}
.nk-pills ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.nk-pill{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;background:var(--nk-surface);border:1px solid var(--nk-border);border-radius:999px;color:var(--nk-text);font-size:.9rem;font-weight:600;text-decoration:none}
.nk-pill .nk-i{color:var(--c)}
body.nk-theme a.nk-pill{color:var(--nk-text)}
.nk-pill:hover{border-color:var(--c);background:var(--c-bg)}
.nk-pill[aria-current="page"]{background:var(--c);border-color:var(--c);color:#fff}
body.nk-theme a.nk-pill[aria-current="page"],.nk-pill[aria-current="page"] .nk-i{color:#fff}

/* ---- Breadcrumbs (own markup and Rank Math's) ---- */
.nk-crumbs{margin:var(--nk-s4) 0 var(--nk-s3);font-size:.85rem;color:var(--nk-muted);overflow-wrap:anywhere}
.nk-crumbs ol{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}
.nk-crumbs li{display:inline-flex;align-items:center}
.nk-crumbs li+li::before{content:"›";margin:0 8px;color:var(--nk-border-strong)}
.nk-crumbs a{color:var(--nk-muted);text-decoration:none}
body.nk-theme .nk-crumbs a{color:var(--nk-muted)}
.nk-crumbs a:hover{color:var(--nk-blue);text-decoration:underline}
.nk-crumbs .rank-math-breadcrumb p{margin:0}
.nk-crumbs .separator{margin:0 6px;color:var(--nk-border-strong)}
.nk-crumbs [aria-current="page"],.nk-crumbs .last{color:var(--nk-text);font-weight:600}

/* ---- Search form ---- */
.nk-searchform{display:flex;gap:8px;width:100%}
.nk-searchform__input{flex:1 1 auto;min-width:0;height:48px;padding:0 14px;border:1px solid var(--nk-border-strong);border-radius:var(--nk-r);background:#fff;color:var(--nk-text);font:inherit;font-size:1rem;-webkit-appearance:none;appearance:none}
.nk-searchform__input::placeholder{color:#6B7385}
.nk-searchform__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;height:48px;padding:0 18px;border:0;border-radius:var(--nk-r);background:var(--nk-primary);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.nk-searchform__btn:hover{background:var(--nk-primary-dark)}
@media (max-width:420px){.nk-searchform__btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.nk-searchform__btn{width:48px;padding:0}}

/* ---- Button ---- */
.nk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:var(--nk-r);background:var(--nk-blue);color:#fff!important;font-weight:700;text-decoration:none}
.nk-btn:hover{background:var(--nk-blue-dark)}

/* Respect reduced-motion preferences everywhere */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}