/* ════════════════════════════════════════════════════════════════════════
   Tirgulab "notebook" theme — shared by every page so they match the homepage.
   Loaded after style.css. Colours = the original Tirgulab green/blue palette.
   Material cards (.card inside .cards-grid) are intentionally left as they are.
   ════════════════════════════════════════════════════════════════════════ */
:root{
  --font:'Rubik','Heebo',Arial,sans-serif;
  --nb-ink:#0d2b1f; --nb-muted:#3d7a60; --nb-green:#0d9e6e; --nb-green-d:#0b8a5f;
  --nb-shadow-d:#0b6b4b; --nb-blue:#0369a1; --nb-line:#b2e8d0; --nb-mint:#d4f5e9;
  --nb-rule:#c7eedd; --nb-hl:#a7f3d0; --nb-bg:#edfaf4;
}
body{font-family:var(--font)!important}
button,input,select,textarea{font-family:inherit}

/* ruled-paper strip used behind page titles and form headers */
.nb-ruled,
.form-card-header,
.page-header-ruled{
  background-color:var(--nb-bg)!important;
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--nb-rule) 27px,var(--nb-rule) 28px)!important;
}

/* ── Navbar ───────────────────────────────────────────────────────────── */
.navbar{background:rgba(255,255,255,.97)!important;border-bottom:1.5px solid var(--nb-line)!important}
.logo-text{font-weight:800!important;color:var(--nb-green)!important}
.nav-link{font-weight:600}
.nav-upload{background:var(--nb-green)!important;color:#fff!important;border-radius:11px!important;box-shadow:3px 3px 0 var(--nb-shadow-d)!important;transition:transform .12s,box-shadow .12s!important}
.nav-upload:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--nb-shadow-d)!important}
.nav-search-wrap form{border:1.5px solid var(--nb-line)!important;border-radius:12px!important;background:var(--nb-bg)!important;overflow:hidden}
.nav-search-input{background:transparent!important;border:0!important}

/* ── Page titles: highlighter under the main heading ──────────────────── */
.page-header h1,
.form-card-header h1,
.upload-page > h1,
.upload-page h1:first-of-type,
.detail-title{
  font-weight:800!important;letter-spacing:-.3px;color:var(--nb-ink)!important;
}
.page-header h1,
.form-card-header h1,
.upload-page h1:first-of-type{
  display:inline;padding:0 4px;
  background:linear-gradient(transparent 58%,var(--nb-hl) 58%)!important;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}

/* ── Buttons ──────────────────────────────────────────────────────────── */
.btn{border-radius:11px!important;font-weight:700!important}
.btn-primary{
  background:var(--nb-green)!important;border-color:var(--nb-green)!important;color:#fff!important;
  box-shadow:3px 3px 0 var(--nb-shadow-d)!important;transition:transform .12s,box-shadow .12s,background .12s!important;
}
.btn-primary:hover{background:var(--nb-green-d)!important;transform:translate(1px,1px);box-shadow:2px 2px 0 var(--nb-shadow-d)!important}
.btn-primary:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--nb-shadow-d)!important}
.btn-outline{
  background:#fff!important;color:var(--nb-green)!important;border:2px solid var(--nb-green)!important;
  box-shadow:3px 3px 0 var(--nb-line)!important;transition:transform .12s,box-shadow .12s,background .12s!important;
}
.btn-outline:hover{background:var(--nb-mint)!important;transform:translate(1px,1px);box-shadow:2px 2px 0 var(--nb-line)!important}
.btn-ghost{border-radius:11px!important}
.btn-google{border:1.5px solid var(--nb-line)!important;border-radius:12px!important;box-shadow:3px 3px 0 var(--nb-line)!important;font-weight:700!important}
.btn-google:hover{border-color:var(--nb-green)!important}

/* ── Inputs ───────────────────────────────────────────────────────────── */
.form-input,.filter-input,.mobile-search-input,
.mob-filter-item input,.mob-filter-item select{
  background:#fff!important;border:1.5px solid var(--nb-line)!important;border-radius:11px!important;color:var(--nb-ink)!important;
}
.form-input:focus,.filter-input:focus,.mobile-search-input:focus,
.mob-filter-item input:focus,.mob-filter-item select:focus{
  outline:none!important;border-color:var(--nb-green)!important;box-shadow:0 0 0 3px rgba(13,158,110,.15)!important;
}
.form-group label,.filter-group label,.mob-filter-item label{font-weight:700!important;color:var(--nb-ink)!important}

/* ── Form cards (login, register, upload, edit…) ──────────────────────── */
.form-card{
  border:1.5px solid var(--nb-line)!important;border-radius:18px!important;
  box-shadow:6px 6px 0 var(--nb-mint)!important;
}
.form-card-header{border-bottom:1.5px solid var(--nb-line)!important;position:relative}
.form-card-header::before{ /* notebook margin line */
  content:"";position:absolute;top:0;bottom:0;right:16px;width:2px;background:#7fd6b6;opacity:.8;
}
.form-card-header h1,.form-card-header p{position:relative;padding-right:14px}
.form-card-header p{display:block;margin-top:10px!important;color:var(--nb-muted)!important}
/* bug fix: Google button sat right on the header's bottom edge */
.google-btn-wrap{padding:20px 24px 16px!important}
.divider span{color:var(--nb-muted)}
.form-footer{background:var(--nb-bg)!important;border-top:1.5px solid var(--nb-line)!important}
.form-footer a{font-weight:800;color:var(--nb-green)!important}

/* ── Browse ───────────────────────────────────────────────────────────── */
.filters-sidebar{border:1.5px solid var(--nb-line)!important;border-radius:16px!important;box-shadow:5px 5px 0 var(--nb-mint)!important}
.results-count{font-weight:700}
.sort-pills a,.sort-pill,.mchip{border-radius:99px!important}
.sort-pills a.active,.sort-pill.active,.mchip.active{background:var(--nb-green)!important;border-color:var(--nb-green)!important;color:#fff!important}
.mob-search-btn,.mob-inline-search-btn{background:var(--nb-green)!important;box-shadow:3px 3px 0 var(--nb-shadow-d)!important;border-radius:11px!important}

/* phone: filters fold away behind a "סינון" button so results show first */
.mob-filter-toggle{display:none}
@media(max-width:768px){
  .mob-filter-toggle{
    display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
    background:#fff;color:var(--nb-green);border:2px solid var(--nb-green);border-radius:11px;
    padding:9px 12px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:3px 3px 0 var(--nb-line);
  }
  .mob-filter-toggle .mob-filter-count{background:var(--nb-green);color:#fff;border-radius:99px;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;display:inline-grid;place-items:center}
  .mob-filter-toggle svg{transition:transform .2s}
  body.mob-filters-open .mob-filter-toggle svg{transform:rotate(180deg)}
  body:not(.mob-filters-open) .mob-inline-filters,
  body:not(.mob-filters-open) .mob-inline-type-row,
  body:not(.mob-filters-open) .mob-inline-search-btn{display:none!important}
}

/* ── Material page ────────────────────────────────────────────────────── */
.detail-hero-card{border:1.5px solid var(--nb-line)!important;border-radius:18px!important;box-shadow:6px 6px 0 var(--nb-mint)!important;overflow:hidden}
.detail-hero-top{
  background-color:var(--nb-bg)!important;
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--nb-rule) 27px,var(--nb-rule) 28px)!important;
}
.detail-title{display:inline;padding:0 4px;background:linear-gradient(transparent 60%,var(--nb-hl) 60%)!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.45!important}
.detail-section-heading{font-weight:800!important;color:var(--nb-ink)!important}
.detail-main-col > .card,.detail-sidebar > .card,.inline-preview-card{
  border:1.5px solid var(--nb-line)!important;border-radius:16px!important;box-shadow:4px 4px 0 var(--nb-mint)!important;
}

/* ── Leaderboard ──────────────────────────────────────────────────────── */
.lb-row{border:1.5px solid var(--nb-line)!important;border-radius:16px!important;box-shadow:4px 4px 0 var(--nb-mint)!important}
.lb-row:hover{border-color:var(--nb-green)!important}
.lb-name,.lb-podium-name{font-weight:800!important}

/* ── Profiles ─────────────────────────────────────────────────────────── */
.prof-top-card{
  border:1.5px solid var(--nb-line)!important;border-radius:18px!important;box-shadow:6px 6px 0 var(--nb-mint)!important;
  background-color:#fff!important;
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#e3f6ec 27px,#e3f6ec 28px)!important;
}
.prof-name{font-weight:800!important}
.prof-stat-chip{border-radius:99px!important}
.prof-item{border:1.5px solid var(--nb-line)!important;border-radius:14px!important}
.prof-item:hover{border-color:var(--nb-green)!important}
.prof-section-header{font-weight:800!important}

/* ── Footer ───────────────────────────────────────────────────────────── */
.footer{border-top:1.5px solid var(--nb-line)!important}
.footer a{color:var(--nb-green)!important;font-weight:700}

@media(max-width:560px){
  .form-card{box-shadow:4px 4px 0 var(--nb-mint)!important}
  .detail-hero-card{box-shadow:4px 4px 0 var(--nb-mint)!important}
}