/*
Theme Name: KaamReady
Theme URI: https://example.com/kaamready
Author: KaamReady
Description: Find skilled workers (plumbers, masons, carpenters, welders, tile workers, woodcutters, electricians, painters) who are available today. Workers register, set their daily availability, and switch themselves on or off. Customers see only available workers and reach them by Call or WhatsApp.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kaamready
*/

:root{
  --ink:#17181b; --paper:#fbf9f4; --panel:#fff; --amber:#f2a900; --amber-ink:#5a3d00;
  --slate:#2e4257; --green:#1a8f4c; --green-bg:#e7f5ec; --booked:#8c8a82; --booked-bg:#efece4;
  --muted:#6b6a63; --line:#e6e1d6; --line-strong:#d4cdbd;
  --shadow:0 1px 0 var(--line-strong),0 10px 30px rgba(20,20,18,.06); --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.55;
  background-image:linear-gradient(to right,rgba(46,66,87,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(46,66,87,.035) 1px,transparent 1px);
  background-size:26px 26px;}
h1,h2,h3{font-family:"Oswald","Arial Narrow",sans-serif;font-weight:600;letter-spacing:.01em;line-height:1.05;margin:0 0 .4em}
a{color:var(--slate)}
img{max-width:100%;height:auto}
.eyebrow{font-family:"Space Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}

.kr-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;
  background:var(--ink);color:var(--paper);position:sticky;top:0;z-index:30;flex-wrap:wrap}
.kr-brand{display:inline-flex;align-items:baseline;gap:.55rem;text-decoration:none}
.kr-brand-mark{color:var(--amber);letter-spacing:-.15em;font-weight:700}
.kr-brand-name{font-family:"Oswald",sans-serif;font-size:1.35rem;font-weight:700;color:var(--paper);letter-spacing:.02em}
.kr-nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.kr-nav a{color:var(--paper);text-decoration:none;font-size:.92rem;font-weight:500;padding:.45rem .7rem;border-radius:8px}
.kr-nav a:hover{background:rgba(255,255,255,.1)}
.kr-nav .kr-muted{color:#b8b6ad}
.kr-nav .kr-cta{background:var(--amber);color:var(--amber-ink);font-weight:600}
.kr-nav .kr-cta:hover{background:#ffba1f}

.kr-page{max-width:1080px;margin:0 auto;padding:1.4rem 1.1rem 3rem}

.kr-flash{max-width:1080px;margin:1rem auto 0;padding:0 1.1rem}
.kr-note{padding:.8rem 1rem;border-radius:10px;border:1px solid var(--line-strong);margin-bottom:.6rem;font-weight:500}
.kr-note.ok{background:var(--green-bg);border-color:#b7e3c6;color:#155f33}
.kr-note.err{background:#fdeceb;border-color:#f3c2bd;color:#8a271d}
.kr-note.info{background:#eef3f8;border-color:#c6d6e6;color:#294a66}

.kr-hero{margin-bottom:1.6rem}
.kr-hero h1{font-size:clamp(2.1rem,7vw,3.6rem);text-transform:uppercase;max-width:16ch}
.kr-hero h1 .amber{color:var(--amber)}
.kr-hero p{color:var(--muted);max-width:52ch;font-size:1.05rem;margin:.2rem 0 0}

.kr-search{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;margin:1.2rem 0 1.6rem}
.kr-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.kr-chip{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;border:1px solid var(--line-strong);
  background:var(--paper);color:var(--ink);padding:.45rem .8rem;border-radius:999px;font-size:.9rem;font-weight:500}
.kr-chip:hover{border-color:var(--slate)}
.kr-chip-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.kr-ico{font-size:1rem;line-height:1}
.kr-search-row{display:grid;grid-template-columns:1fr;gap:.8rem;align-items:end}
.kr-field label{display:block;font-family:"Space Mono",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--muted);margin-bottom:.35rem}
.kr-field input,.kr-field select,.kr-field textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper);font:inherit;color:var(--ink)}
.kr-field input:focus,.kr-field select:focus,.kr-field textarea:focus{outline:3px solid rgba(242,169,0,.4);border-color:var(--amber)}

.kr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.1rem;border-radius:11px;border:1px solid transparent;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;min-height:48px;transition:transform .04s ease,background .15s ease}
.kr-btn:active{transform:translateY(1px)}
.kr-btn-amber{background:var(--amber);color:var(--amber-ink)}.kr-btn-amber:hover{background:#ffba1f}
.kr-btn-ink{background:var(--ink);color:var(--paper)}.kr-btn-ink:hover{background:#2a2c30}
.kr-btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.kr-btn-ghost:hover{border-color:var(--slate)}
.kr-btn-call{background:var(--slate);color:#fff;flex:1}.kr-btn-call:hover{background:#38516b}
.kr-btn-wa{background:#1faa55;color:#fff;flex:1}.kr-btn-wa:hover{background:#25c462}
.kr-btn-block{width:100%}

.kr-results-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 1rem;flex-wrap:wrap}
.kr-results-head h2{font-size:1.5rem;text-transform:uppercase}
.kr-count{font-family:"Space Mono",monospace;color:var(--muted);font-size:.9rem}

.kr-grid{display:grid;grid-template-columns:1fr;gap:1.1rem}
.kr-ticket{position:relative;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem;overflow:hidden}
.kr-ticket::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--amber)}
.kr-ticket-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}
.kr-trade{font-family:"Space Mono",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--slate);display:inline-flex;align-items:center;gap:.4rem}
.kr-ticket h3{font-size:1.5rem;margin:.15rem 0 .1rem}
.kr-ticket h3 a{color:inherit;text-decoration:none}
.kr-where{color:var(--muted);font-size:.92rem}
.kr-status{flex-shrink:0;font-family:"Space Mono",monospace;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem .6rem;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}
.kr-status-on{background:var(--green-bg);color:var(--green);border:1px solid #b7e3c6}
.kr-status-off{background:var(--booked-bg);color:var(--booked);border:1px solid var(--line-strong)}
.kr-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}
.kr-bio{margin:.7rem 0 .2rem;color:#3a3a36;font-size:.95rem}
.kr-meta{display:flex;gap:1rem;flex-wrap:wrap;margin:.7rem 0 0;font-family:"Space Mono",monospace;font-size:.76rem;color:var(--muted)}
.kr-phone-num{color:var(--ink)}
.kr-actions{display:flex;gap:.65rem;margin-top:1rem}

.kr-empty{text-align:center;padding:2.6rem 1rem;border:1.5px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);background:rgba(255,255,255,.5)}
.kr-empty strong{color:var(--ink);display:block;font-size:1.2rem;font-family:"Oswald",sans-serif}

.kr-card{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.4rem}
.kr-card.narrow{max-width:460px;margin:1rem auto}
.kr-stack{display:grid;gap:1rem}
.kr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.kr-help{font-size:.82rem;color:var(--muted);margin-top:.3rem}
.kr-center{text-align:center;margin-top:1rem;font-size:.92rem}

.kr-master{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:1.2rem 1.3rem;margin-bottom:1.4rem}
.kr-master h2{color:var(--paper);margin:0 0 .15rem;font-size:1.4rem}
.kr-master p{margin:0;color:#b8b6ad;font-size:.9rem}

.kr-switch{position:relative;display:inline-flex;align-items:center;gap:.7rem}
.kr-switch input{position:absolute;opacity:0;width:1px;height:1px}
.kr-track{width:64px;height:34px;border-radius:999px;background:#4a4c52;position:relative;transition:background .15s ease;flex-shrink:0;cursor:pointer;display:inline-block}
.kr-track::after{content:"";position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:#fff;transition:transform .15s ease}
.kr-switch input:checked + .kr-track{background:var(--green)}
.kr-switch input:checked + .kr-track::after{transform:translateX(30px)}
.kr-switch input:focus-visible + .kr-track{outline:3px solid var(--amber);outline-offset:2px}
.kr-state{font-family:"Space Mono",monospace;font-weight:700;font-size:.85rem}
.kr-switch.small .kr-track{width:52px;height:30px}
.kr-switch.small .kr-track::after{width:24px;height:24px}
.kr-switch.small input:checked + .kr-track::after{transform:translateX(22px)}

.kr-days{display:grid;grid-template-columns:1fr;gap:.6rem}
.kr-day-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--panel);border:1px solid var(--line-strong);border-radius:11px;padding:.75rem 1rem}
.kr-when{display:flex;flex-direction:column}
.kr-when b{font-family:"Oswald",sans-serif;font-weight:600;font-size:1.05rem}
.kr-when small{color:var(--muted);font-family:"Space Mono",monospace;font-size:.7rem}
.kr-today-tag{font-family:"Space Mono",monospace;font-size:.62rem;letter-spacing:.1em;background:var(--amber);color:var(--amber-ink);padding:.1rem .4rem;border-radius:5px;margin-left:.5rem;text-transform:uppercase}

.kr-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.kr-detail-head h1{font-size:clamp(2rem,6vw,3rem);text-transform:uppercase;margin-bottom:.1rem}
.kr-detail-actions{display:flex;gap:.7rem;margin:1.3rem 0;flex-wrap:wrap}
.kr-detail-actions .kr-btn{flex:1;min-width:160px}
.kr-week{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}
.kr-pip{font-family:"Space Mono",monospace;font-size:.7rem;border:1px solid var(--line-strong);border-radius:8px;padding:.4rem .5rem;text-align:center;min-width:64px}
.kr-pip b{display:block;font-size:.8rem}
.kr-pip.on{background:var(--green-bg);border-color:#b7e3c6;color:var(--green)}
.kr-pip.off{background:var(--booked-bg);color:var(--booked)}

.kr-foot{border-top:1px solid var(--line);margin-top:1rem}
.kr-foot-inner{max-width:1080px;margin:0 auto;padding:1.2rem 1.1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.85rem}

@media(min-width:560px){.kr-search-row{grid-template-columns:1.4fr 1fr auto}.kr-days{grid-template-columns:1fr 1fr}}
@media(min-width:820px){.kr-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}