/*
Theme Name: Simple Inventory
Theme URI: https://example.com/simple-inventory
Author: Built for you
Description: Simple inventory management (Workspace > Location > Shelf > Box > Item) with a front-end login, hidden wp-admin, and per-page search. Uses Pods you created. Styled to match the Inventors Den site.
Version: 1.1.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: simple-inventory
*/

:root{
  --bg:#f6f4ef;
  --surface:#ffffff;
  --text:#121212;
  --muted:#666;
  --line:#e7e1d6;
  --ink:#111827;          /* dark navy buttons, matches main site */
  --accent-2:#e8f0ff;     /* soft blue */
  --soft:#f8fafc;
  --radius:28px;
  --radius-sm:18px;
  --radius-xs:14px;
  --pill:999px;
  --shadow:0 14px 40px rgba(0,0,0,.08);
  --shadow-sm:0 6px 18px rgba(0,0,0,.06);
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  line-height:1.55;
  background:
    radial-gradient(circle at top right, rgba(174,206,255,.45), transparent 32%),
    radial-gradient(circle at top left, rgba(255,214,170,.32), transparent 28%),
    var(--bg);
  min-height:100vh;
}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
a:hover{color:var(--ink)}

.inv-wrap{max-width:var(--max);margin:0 auto;padding:0 22px}

/* Top bar */
.inv-topbar{background:rgba(255,255,255,.7);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}
.inv-topbar-inner{max-width:var(--max);margin:0 auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.inv-logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.01em;font-size:18px}
.inv-logo span{color:var(--muted);font-weight:600;font-size:14px}
.inv-topnav{display:flex;gap:10px;align-items:center}

/* Buttons */
.inv-btn{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--line);background:#f3f4f6;color:var(--text);
  padding:11px 18px;border-radius:var(--pill);font:inherit;font-weight:700;font-size:14px;
  cursor:pointer;transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.inv-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);color:var(--text)}
.inv-btn-accent{background:var(--ink);color:#fff;border-color:var(--ink)}
.inv-btn-accent:hover{background:#0b1220;color:#fff}
.inv-btn-sm{padding:7px 13px;font-size:13px}
.inv-btn-danger{background:#fff;color:var(--muted);border-color:var(--line)}
.inv-btn-danger:hover{background:#fee2e2;color:#b91c1c;border-color:#fecaca}

/* Generic panel / card */
.inv-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;margin:24px 0}
.inv-panel h2{margin-top:0;letter-spacing:-.02em;font-size:1.4rem}

/* Hero */
.inv-hero{background:var(--surface);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:46px 38px;margin:30px 0}
.inv-hero h1{margin:0 0 14px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;letter-spacing:-.035em}
.inv-hero p{max-width:660px;color:var(--muted);font-size:1.05rem;margin:0 0 24px}

/* Steps */
.inv-steps{display:grid;gap:14px;margin:26px 0}
.inv-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:20px 22px}
.inv-step .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--accent-2);color:var(--ink);font-weight:800;margin-right:12px;vertical-align:middle}
.inv-step h3{display:inline;font-size:1.05rem;letter-spacing:-.01em}
.inv-step p{color:var(--muted);margin:10px 0 0}
.inv-step code{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:1px 7px;font-size:.92em}

.inv-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.inv-cols .inv-panel{margin:0;box-shadow:var(--shadow-sm)}
.inv-cols .inv-panel h2{font-size:1.05rem}

/* Bottom row: login + contact side by side */
.inv-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;align-items:start}
.inv-bottom-row .inv-panel{margin:0}
@media(max-width:760px){.inv-bottom-row{grid-template-columns:1fr}}

/* Login */
.inv-login{max-width:none}
.inv-field{display:block;margin-bottom:14px}
.inv-field>span{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px;letter-spacing:.01em}
.inv-field input,.inv-field textarea,.inv-field select{
  width:100%;border:1px solid var(--line);background:#fff;border-radius:var(--radius-xs);
  padding:11px 13px;font:inherit;color:var(--text)
}
.inv-field input:focus,.inv-field textarea:focus{outline:none;border-color:#c9d6ef;box-shadow:0 0 0 4px rgba(174,206,255,.25)}
.inv-field textarea{min-height:78px;resize:vertical}

.inv-notice{border:1px solid #fcd9c2;background:#fff7f1;color:#b45309;border-radius:var(--radius-xs);padding:11px 14px;margin:0 0 18px}
.inv-notice.inv-error{border-color:#fecaca;background:#fff1f1;color:#b91c1c}

/* Breadcrumb */
.inv-crumb{margin:26px 0 6px;color:var(--muted);font-size:14px}
.inv-crumb a{border-bottom:1px solid transparent}
.inv-crumb a:hover{border-color:var(--line)}
.inv-crumb .sep{margin:0 8px;color:#c9c2b4}
.inv-actions{margin:10px 0 2px;display:flex;gap:8px;flex-wrap:wrap}

/* Section head + search */
.inv-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0 8px}
.inv-head h1{margin:0;font-size:1.7rem;letter-spacing:-.025em}
.inv-sub{color:var(--muted);margin:0 0 18px}
.inv-search{border:1px solid var(--line);background:#fff;border-radius:var(--pill);padding:10px 16px;font:inherit;min-width:240px}
.inv-search:focus{outline:none;border-color:#c9d6ef;box-shadow:0 0 0 4px rgba(174,206,255,.25)}

/* Card grid */
.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:14px 0}
.inv-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);
  box-shadow:var(--shadow-sm);padding:18px;display:flex;flex-direction:column;gap:8px;min-height:110px;
  transition:transform .1s ease, box-shadow .15s ease;
}
.inv-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.inv-card-title{font-weight:800;font-size:1.05rem;letter-spacing:-.01em}
.inv-card-meta{font-size:13px;color:var(--muted)}
.inv-card-meta b{color:var(--text)}
.inv-card img.inv-thumb{width:100%;height:130px;object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--line)}
.inv-card-foot{margin-top:auto;display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:6px}
.inv-tag{display:inline-block;background:#f4f5f7;color:#374151;border-radius:var(--pill);font-size:12px;font-weight:700;padding:4px 10px;margin:3px 5px 0 0}

.inv-empty{color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:28px;text-align:center;margin:14px 0}

/* Item list view */
.inv-list{margin:14px 0;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}
.inv-list-header,.inv-list-row{display:grid;grid-template-columns:1fr 130px 1fr auto;align-items:center;gap:14px;padding:11px 16px}
.inv-list-header{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);background:var(--soft)}
.inv-list-row{border-bottom:1px solid var(--line);transition:background .1s}
.inv-list-row:last-child{border-bottom:none}
.inv-list-row:hover{background:#f9f8f6}
.inv-list-name{font-weight:700;font-size:.95rem}
.inv-list-qty{display:flex;align-items:center;gap:6px}
.inv-qty-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#f3f4f6;font-size:16px;font-weight:700;line-height:1;cursor:pointer;transition:background .12s,transform .08s;padding:0}
.inv-qty-btn:hover:not(:disabled){background:var(--accent-2);transform:scale(1.1)}
.inv-qty-btn:disabled{opacity:.45;cursor:not-allowed}
.inv-qty-val{min-width:36px;text-align:center;font-weight:800;font-size:.95rem}
.inv-list-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.inv-list-actions{display:flex;justify-content:flex-end;gap:6px}
/* Rename inline form */
.inv-rename-form{display:none;gap:6px;align-items:center;padding:6px 0 2px;flex-wrap:wrap}
.inv-rename-form.inv-rename-open{display:flex}
.inv-rename-input{flex:1;min-width:120px;padding:5px 10px;border:1px solid var(--line);border-radius:var(--radius-xs);font:inherit;font-size:.875rem}
.inv-list-row .inv-rename-form{grid-column:1/-1;padding:8px 0 4px;border-top:1px solid var(--line)}
@media(max-width:600px){
  .inv-list-header,.inv-list-row{grid-template-columns:1fr 110px auto}
  .inv-list-header span:nth-child(3),.inv-list-row .inv-list-tags{display:none}
}

/* Advanced search page */
.inv-search-form{margin:14px 0 22px}
.inv-search-bar{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.inv-search-main{flex:1;border:1px solid var(--line);background:#fff;border-radius:var(--pill);padding:12px 20px;font:inherit;font-size:1rem}
.inv-search-main:focus{outline:none;border-color:#c9d6ef;box-shadow:0 0 0 4px rgba(174,206,255,.25)}
.inv-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.inv-filter-label{display:flex;flex-direction:column;gap:4px;min-width:150px}
.inv-filter-label>span{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.inv-filter-label select{border:1px solid var(--line);background:#fff;border-radius:var(--radius-xs);padding:9px 12px;font:inherit;color:var(--text);cursor:pointer}
.inv-filter-label select:focus{outline:none;border-color:#c9d6ef;box-shadow:0 0 0 4px rgba(174,206,255,.25)}

/* Item path breadcrumb inside list row */
.inv-item-path{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:3px;letter-spacing:.01em}

/* Add form */
.inv-add{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px 24px;margin:26px 0}
.inv-add h3{margin:0 0 16px;font-size:1.05rem;letter-spacing:-.01em}
.inv-add-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}

/* Footer */
.inv-footer{border-top:1px solid var(--line);background:rgba(255,255,255,.6);margin-top:46px}
.inv-footer-inner{max-width:var(--max);margin:0 auto;padding:20px 22px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

.inv-hidden{display:none !important}

/* Forminator form — match theme style */
.inv-contact .forminator-custom-form{font:inherit;color:var(--text)}
.inv-contact .forminator-custom-form .forminator-row{margin-bottom:14px}
.inv-contact .forminator-custom-form .forminator-field{margin-bottom:0}
.inv-contact .forminator-custom-form .forminator-label,
.inv-contact .forminator-custom-form label{
  display:block;font-size:12px;font-weight:700;color:var(--muted);
  margin-bottom:6px;letter-spacing:.01em
}
.inv-contact .forminator-custom-form input[type="text"],
.inv-contact .forminator-custom-form input[type="email"],
.inv-contact .forminator-custom-form input[type="tel"],
.inv-contact .forminator-custom-form input[type="url"],
.inv-contact .forminator-custom-form input[type="number"],
.inv-contact .forminator-custom-form textarea,
.inv-contact .forminator-custom-form select{
  width:100%;border:1px solid var(--line);background:#fff;border-radius:var(--radius-xs);
  padding:11px 13px;font:inherit;color:var(--text);box-shadow:none;-webkit-appearance:none
}
.inv-contact .forminator-custom-form input:focus,
.inv-contact .forminator-custom-form textarea:focus,
.inv-contact .forminator-custom-form select:focus{
  outline:none;border-color:#c9d6ef;box-shadow:0 0 0 4px rgba(174,206,255,.25)
}
.inv-contact .forminator-custom-form textarea{min-height:90px;resize:vertical}
.inv-contact .forminator-custom-form .forminator-button,
.inv-contact .forminator-custom-form .forminator-button-submit,
.inv-contact .forminator-custom-form button[type="submit"]{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--ink);background:var(--ink);color:#fff;
  padding:11px 22px;border-radius:var(--pill);font:inherit;font-weight:700;font-size:14px;
  cursor:pointer;transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
  box-shadow:none;text-shadow:none;letter-spacing:normal
}
.inv-contact .forminator-custom-form .forminator-button:hover,
.inv-contact .forminator-custom-form .forminator-button-submit:hover,
.inv-contact .forminator-custom-form button[type="submit"]:hover{
  background:#0b1220;color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)
}
.inv-contact .forminator-custom-form .forminator-response-output{
  border-radius:var(--radius-xs);padding:11px 14px;margin-top:14px;font-size:.9rem
}
.inv-contact .forminator-custom-form .forminator-success{
  border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d
}
.inv-contact .forminator-custom-form .forminator-error{
  border:1px solid #fecaca;background:#fff1f1;color:#b91c1c
}