/*
Theme Name:  Harvest Table
Theme URI:   https://sami-jackson.online
Description: A rosy, intimate theme for SRJ's Homemade Harvest.
Version:     1.5.0
Author:      Sam Jackson
Text Domain: harvest-table
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=Amiri:ital@0;1&display=swap');

/* ── TOKENS ────────────────────────────────────────────── */
:root {
  --rose:      #C05070;
  --rose-dk:   #A03A5C;
  --rose-lt:   #EDACC0;
  --rose-pale: #FBF0F4;
  --blush:     #FEF7FA;
  --blush-w:   #F9E8F0;
  --bark:      #3A2820;
  --bark-lt:   #6B4C3B;
  --muted:     #9A8088;
  --gold:      #C9924C;
  --border:    #F0D8E4;
  --border-s:  #FAF0F5;
  --white:     #FFFFFF;
  --cream:     #FDF9F7;

  --font-d: 'Cormorant Garamond', Georgia, serif;
  --font-b: 'DM Sans', system-ui, sans-serif;
  --font-a: 'Amiri', 'Traditional Arabic', Georgia, serif;

  --r-sm:  6px;
  --r-md:  14px;
  --r-lg:  22px;
  --r-p:   100px;
  --sh:    0 2px 20px rgba(192,80,112,.09);
  --sh-h:  0 10px 40px rgba(192,80,112,.18);
  --t:     0.22s cubic-bezier(.4,0,.2,1);
  --g:     clamp(20px,5vw,48px);
  --w:     1200px;
}

/* ── BASE ──────────────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100% }
body { margin:0; font-family:var(--font-b); font-size:1rem; line-height:1.7;
       color:var(--bark); background:var(--blush); -webkit-font-smoothing:antialiased }
img  { max-width:100%; height:auto; display:block }
a    { color:var(--rose); text-decoration:none; transition:color var(--t) }
a:hover { color:var(--rose-dk) }
button { cursor:pointer; font-family:var(--font-b) }
p { margin:0 0 1.2em } p:last-child { margin-bottom:0 }
h1,h2,h3,h4,h5,h6 { font-family:var(--font-d); font-weight:500; line-height:1.2; color:var(--bark); margin:0 0 .5em }
h1 { font-size:clamp(2rem,5vw,3.4rem) }
h2 { font-size:clamp(1.5rem,4vw,2.5rem) }
h3 { font-size:clamp(1.15rem,3vw,1.6rem) }
strong { font-weight:600; color:var(--bark) }
.container { width:100%; max-width:var(--w); margin:0 auto; padding:0 var(--g) }
.site { display:flex; flex-direction:column; min-height:100vh }
.site-main { flex:1 }

/* ── SKIP LINK ─────────────────────────────────────────── */
.skip-link { position:absolute; top:-100px; left:16px; background:var(--rose); color:#fff;
             padding:8px 16px; border-radius:0 0 var(--r-sm) var(--r-sm); z-index:9999;
             font-size:.85rem; transition:top .15s }
.skip-link:focus { top:0; color:#fff }

/* ══════════════════════════════════════════════════════════
   MOBILE DRAWER  — display:none default, JS adds .is-open
══════════════════════════════════════════════════════════ */
.mobile-drawer { display:none; position:fixed; inset:0; z-index:9999 }
.mobile-drawer.is-open { display:block }

.mobile-drawer__backdrop {
  position:absolute; inset:0;
  background:rgba(58,40,32,.5);
  animation:fadeIn .25s ease forwards;
}
@keyframes fadeIn { from{opacity:0} to{opacity:1} }

.mobile-drawer__panel {
  position:absolute; top:0; right:0; bottom:0;
  width:min(300px,86vw);
  background:var(--blush);
  display:flex; flex-direction:column;
  box-shadow:-6px 0 40px rgba(192,80,112,.18);
  overflow-y:auto;
  animation:slideIn .28s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes slideIn { from{transform:translateX(100%)} to{transform:translateX(0)} }

.mobile-drawer__head {
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 22px 14px;
  border-bottom:1px solid var(--border-s);
  flex-shrink:0;
}
.mobile-drawer__title { font-family:var(--font-d); font-size:1.15rem; font-weight:500; color:var(--bark) }
.mobile-drawer__close {
  background:none; border:none; font-size:1rem; color:var(--muted);
  cursor:pointer; padding:4px 8px; border-radius:var(--r-sm); transition:all var(--t)
}
.mobile-drawer__close:hover { background:var(--blush-w); color:var(--bark) }

.mobile-drawer__nav { padding:8px 0; flex:1 }
.mobile-drawer__nav a {
  display:flex; align-items:center; gap:12px;
  padding:13px 22px; font-size:.95rem; font-weight:500;
  color:var(--bark-lt); text-decoration:none;
  border-left:3px solid transparent; transition:all var(--t);
}
.mobile-drawer__nav a:hover { background:var(--blush-w); color:var(--rose); border-left-color:var(--rose) }
.drawer-library {
  margin-top:6px; border-top:1px solid var(--border-s);
  padding-top:14px !important; color:var(--bark-lt) !important;
}

.mobile-drawer__foot {
  padding:18px 22px 32px; border-top:1px solid var(--border-s); flex-shrink:0
}
.drawer-btn {
  display:block; width:100%; text-align:center; padding:11px;
  border-radius:var(--r-p); background:var(--rose); color:#fff !important;
  font-size:.88rem; font-weight:600; text-decoration:none; margin-bottom:14px;
  transition:all var(--t);
}
.drawer-btn:hover { background:var(--rose-dk) }
.drawer-btn--out {
  background:transparent !important; color:var(--muted) !important;
  border:1.5px solid var(--border); margin-bottom:14px;
}
.drawer-btn--out:hover { background:var(--blush-w) !important; color:var(--bark) !important }
.drawer-bismillah {
  font-family:var(--font-a); font-size:1rem; color:var(--gold);
  direction:rtl; text-align:center; margin:0; opacity:.75
}

/* ── HAMBURGER ─────────────────────────────────────────── */
.hamburger {
  display:none; flex-direction:column; justify-content:center;
  align-items:center; gap:5px; background:none; border:none;
  padding:8px 4px; cursor:pointer; width:34px; flex-shrink:0
}
.hamburger span {
  display:block; width:20px; height:2px; background:var(--bark);
  border-radius:2px; transition:all .25s cubic-bezier(.4,0,.2,1); transform-origin:center
}
.hamburger.active span:nth-child(1) { transform:translateY(7px) rotate(45deg) }
.hamburger.active span:nth-child(2) { opacity:0; transform:scaleX(0) }
.hamburger.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg) }

/* ══════════════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════════════ */
.site-header {
  position:sticky; top:0; z-index:100;
  background:rgba(254,247,250,.96);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border-s);
}
.header-inner {
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; height:62px;
}

.branding { display:flex; align-items:center; gap:9px; flex-shrink:0; text-decoration:none }
.branding__mark {
  width:36px; height:36px; background:var(--rose); border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:1.1rem;
  flex-shrink:0; transition:transform var(--t), background var(--t)
}
.branding:hover .branding__mark { transform:rotate(-8deg); background:var(--rose-dk) }
.branding__name {
  font-family:var(--font-d); font-size:1.15rem; font-weight:500; color:var(--bark);
  transition:color var(--t)
}
.branding:hover .branding__name { color:var(--rose) }

.nav-desktop { display:flex; align-items:center; gap:2px }
.nav-desktop a {
  font-size:.84rem; font-weight:500; color:var(--bark-lt);
  padding:6px 12px; border-radius:var(--r-p); transition:all var(--t)
}
.nav-desktop a:hover { color:var(--bark); background:var(--blush-w) }

.header-right { display:flex; align-items:center; gap:10px; flex-shrink:0 }
.btn-header {
  display:inline-flex; align-items:center; font-size:.8rem; font-weight:600;
  padding:7px 16px; border-radius:var(--r-p); background:var(--rose); color:#fff !important;
  border:none; transition:all var(--t)
}
.btn-header:hover { background:var(--rose-dk); transform:translateY(-1px); box-shadow:0 4px 14px rgba(192,80,112,.3) }

@media (max-width:768px) {
  .nav-desktop { display:none }
  .btn-header  { display:none }
  .hamburger   { display:flex }
}

/* ══════════════════════════════════════════════════════════
   HERO  — minimal, full screen, centred
══════════════════════════════════════════════════════════ */
.hero {
  min-height:calc(100svh - 62px);
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(160deg, var(--blush-w) 0%, var(--rose-pale) 55%, var(--blush) 100%);
  position:relative; overflow:hidden;
  padding:var(--g);
}
/* soft blobs */
.hero::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 60% 60% at 20% 30%, rgba(192,80,112,.10) 0%, transparent 70%),
    radial-gradient(ellipse 40% 40% at 80% 70%, rgba(201,146,76,.08) 0%, transparent 70%);
}

.hero__inner {
  position:relative; z-index:1;
  display:flex; flex-direction:column; align-items:center; gap:40px;
  max-width:580px; width:100%; text-align:center;
}

/* bismillah */
.hero__bismillah { display:flex; flex-direction:column; align-items:center; gap:6px }
.hero__arabic {
  font-family:var(--font-a); font-size:clamp(1.4rem,4vw,2rem);
  color:var(--bark); direction:rtl; letter-spacing:.04em; line-height:1.8;
}
.hero__trans {
  font-size:clamp(.72rem,.2rem + 1.5vw,.82rem);
  color:var(--muted); letter-spacing:.07em; font-style:italic;
}

/* hadith card */
.hero__hadith {
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(192,80,112,.14);
  border-radius:var(--r-lg);
  padding:clamp(22px,4vw,36px) clamp(24px,5vw,44px);
  text-align:left;
}
.hero__hadith blockquote { margin:0; padding:0; border:none }
.hero__hadith p {
  font-family:var(--font-d); font-size:clamp(1.05rem,2.5vw,1.3rem);
  font-style:italic; color:var(--bark-lt); line-height:1.7; margin:0 0 12px;
}
.hero__hadith p em { color:var(--bark); font-style:normal }
.hero__hadith cite {
  display:block; font-size:.72rem; font-weight:600; letter-spacing:.09em;
  text-transform:uppercase; color:var(--rose); opacity:.8; font-style:normal;
}

/* scroll arrow */
.hero__scroll-hint {
  color:var(--muted); font-size:1.4rem; line-height:1;
  animation:bob 2s ease-in-out infinite; text-decoration:none;
  transition:color var(--t);
}
.hero__scroll-hint:hover { color:var(--rose) }
@keyframes bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(6px)} }

/* ══════════════════════════════════════════════════════════
   LISTING SECTION
══════════════════════════════════════════════════════════ */
.listing-section { padding:clamp(40px,7vw,80px) 0; background:var(--blush) }

.section-header {
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; flex-wrap:wrap; margin-bottom:clamp(24px,4vw,40px);
}
.section-eyebrow {
  font-size:.68rem; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; color:var(--rose); margin-bottom:4px;
}
.section-title {
  font-family:var(--font-d); font-size:clamp(1.4rem,4vw,2.2rem);
  font-weight:500; color:var(--bark); margin:0;
}
.section-sub { font-size:.86rem; color:var(--muted); margin-top:4px }
.section-link {
  font-size:.84rem; font-weight:600; color:var(--rose); white-space:nowrap;
  display:inline-flex; align-items:center; gap:4px; transition:gap var(--t),color var(--t)
}
.section-link:hover { gap:8px; color:var(--rose-dk) }

/* ══════════════════════════════════════════════════════════
   PAGE HEADER  (inner pages, archive, single)
══════════════════════════════════════════════════════════ */
.page-header {
  background:linear-gradient(145deg,var(--blush-w) 0%,var(--rose-pale) 100%);
  border-bottom:1px solid var(--border-s);
  padding:clamp(32px,6vw,60px) 0 clamp(22px,4vw,44px);
  position:relative; overflow:hidden;
}
.page-header::after {
  content:''; position:absolute; top:-40px; right:-40px;
  width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle,rgba(192,80,112,.10) 0%,transparent 70%);
  pointer-events:none;
}
.page-header .container { position:relative; z-index:1 }
.page-header__eyebrow { font-size:.68rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--rose); margin-bottom:6px }
.page-header__title   { font-family:var(--font-d); font-size:clamp(1.8rem,5vw,3rem); font-weight:500; color:var(--bark); line-height:1.15; margin:0 }
.page-header__subtitle{ font-size:1rem; color:var(--bark-lt); margin-top:8px; max-width:520px }

/* single item */
.entry-header {
  background:linear-gradient(145deg,var(--blush-w) 0%,var(--rose-pale) 100%);
  border-bottom:1px solid var(--border-s);
  padding:clamp(28px,5vw,52px) 0 clamp(20px,3vw,36px);
}
.entry-header__meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:10px }
.entry-header__cat  { font-size:.67rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--rose); background:rgba(192,80,112,.1); padding:3px 10px; border-radius:var(--r-p) }
.back-link          { font-size:.78rem; color:var(--muted); display:inline-flex; align-items:center; gap:4px; transition:color var(--t) }
.back-link::before  { content:'←' }
.back-link:hover    { color:var(--rose) }
.entry-title        { font-family:var(--font-d); font-size:clamp(1.8rem,5vw,3rem); font-weight:500; color:var(--bark); margin:0 }
.entry-bismillah    { font-size:.78rem; color:var(--muted); font-style:italic; margin-top:4px }
.entry-featured-image img { width:100%; max-height:480px; object-fit:cover; display:block }
.site-main-inner    { padding:clamp(40px,7vw,80px) 0 }
.single-harvest_item .site-main-inner { padding-top:0 }
.entry-content      { max-width:780px; margin:0 auto }

/* ══════════════════════════════════════════════════════════
   ARCHIVE CARD GRID
══════════════════════════════════════════════════════════ */
.harvest-archive-grid { display:grid; grid-template-columns:1fr; gap:24px }
@media(min-width:540px) { .harvest-archive-grid { grid-template-columns:repeat(2,1fr) } }
@media(min-width:880px) { .harvest-archive-grid { grid-template-columns:repeat(3,1fr); gap:28px } }
@media(min-width:1100px){ .harvest-archive-grid { grid-template-columns:repeat(4,1fr) } }

.harvest-arc-card {
  background:var(--white); border-radius:var(--r-lg); overflow:hidden;
  box-shadow:var(--sh); border:1px solid var(--border-s);
  display:flex; flex-direction:column;
  transition:transform var(--t),box-shadow var(--t);
}
.harvest-arc-card:hover { transform:translateY(-4px); box-shadow:var(--sh-h) }

.harvest-arc-card__img-wrap  { position:relative; height:200px; overflow:hidden; background:var(--blush-w); flex-shrink:0 }
.harvest-arc-card__img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .4s }
.harvest-arc-card:hover .harvest-arc-card__img-wrap img { transform:scale(1.04) }
.harvest-arc-card__img-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:3.5rem; background:linear-gradient(135deg,var(--blush-w),var(--rose-pale)) }

.harvest-arc-card__badge { position:absolute; top:11px; left:11px; font-size:.6rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 10px; border-radius:var(--r-p); backdrop-filter:blur(8px) }
.harvest-arc-card__badge--available { background:rgba(255,255,255,.9); color:#2E7D32 }
.harvest-arc-card__badge--claimed   { background:rgba(255,255,255,.9); color:var(--muted) }
.harvest-arc-card__badge--soon      { background:rgba(255,255,255,.9); color:var(--gold) }

.harvest-arc-card__body   { padding:18px 18px 20px; display:flex; flex-direction:column; gap:7px; flex:1 }
.harvest-arc-card__cat    { font-size:.63rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--rose) }
.harvest-arc-card__title  { font-family:var(--font-d); font-size:1.15rem; font-weight:500; color:var(--bark); line-height:1.25; margin:0 }
.harvest-arc-card__title a { color:inherit } .harvest-arc-card__title a:hover { color:var(--rose) }
.harvest-arc-card__unit   { font-size:.76rem; color:var(--muted) }
.harvest-arc-card__avail-bar { height:4px; background:var(--border-s); border-radius:100px; overflow:hidden }
.harvest-arc-card__avail-bar__fill { height:100%; background:linear-gradient(90deg,var(--rose-lt),var(--rose)); border-radius:100px; transition:width .6s ease }
.harvest-arc-card__avail-text { font-size:.7rem; color:var(--muted) }
.harvest-arc-card__pickup { font-size:.74rem; color:var(--bark-lt); display:flex; align-items:center; gap:4px }
.harvest-arc-card__dietary  { display:flex; flex-wrap:wrap; gap:4px }
.harvest-arc-card__allergens{ display:flex; flex-wrap:wrap; align-items:center; gap:4px }
.harvest-arc-card__cta { margin-top:auto; padding-top:6px }
.harvest-arc-card__btn { display:block; width:100%; text-align:center; padding:10px; background:var(--rose); color:#fff; font-size:.82rem; font-weight:600; border-radius:var(--r-p); border:none; transition:all var(--t); text-decoration:none }
.harvest-arc-card__btn:hover { background:var(--rose-dk); color:#fff; transform:translateY(-1px) }
.harvest-arc-card__btn--disabled { background:var(--border-s); color:var(--muted); pointer-events:none }

.harvest-empty-state { text-align:center; padding:80px 20px }
.harvest-empty-state__icon { font-size:4rem; display:block; margin-bottom:16px }
.harvest-empty-state h2 { font-family:var(--font-d); font-size:1.8rem; margin-bottom:8px }
.harvest-empty-state p  { color:var(--muted); margin-bottom:28px }

/* ══════════════════════════════════════════════════════════
   DIETARY BADGES  &  ALLERGENS
══════════════════════════════════════════════════════════ */
.diet-badge { font-size:.62rem; font-weight:600; padding:2px 8px; border-radius:100px; text-transform:uppercase; letter-spacing:.04em }
.diet-badge--halal  { background:#E8F4FD; color:#0D47A1; border:1px solid #90CAF9 }
.diet-badge--nutfree{ background:#FFF3E0; color:#E65100; border:1px solid #FFCC80 }
.diet-badge--vegan  { background:#E8F5E9; color:#2E7D32; border:1px solid #A5D6A7 }
.diet-badge--veg    { background:#E8F5E9; color:#388E3C; border:1px solid #C8E6C9 }
.diet-badge--gf     { background:#FFF8E1; color:#F57F17; border:1px solid #FFE082 }
.diet-badge--df     { background:#E3F2FD; color:#1565C0; border:1px solid #90CAF9 }
.allergen-chip  { font-size:.62rem; font-weight:500; background:#FEF3CD; color:#7B5A00; border:1px solid #E8D5A0; padding:2px 7px; border-radius:100px }
.allergen-label { font-size:.65rem; font-weight:600; color:var(--bark); text-transform:uppercase; letter-spacing:.05em }

/* ══════════════════════════════════════════════════════════
   SUSTAINABILITY STRIP
══════════════════════════════════════════════════════════ */
.sustainability-strip { background:#3A2820; padding:clamp(14px,2.5vw,22px) 0 }
.sustainability-strip .container { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center }
.sust-arabic { font-family:var(--font-a); font-size:1.05rem; color:var(--gold); direction:rtl; line-height:2 }
.sust-text   { font-size:.74rem; color:rgba(255,255,255,.55); font-style:italic }
@media(min-width:640px) { .sustainability-strip .container { flex-direction:row; gap:20px } }

/* ══════════════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════════════ */
.site-footer { background:var(--bark); color:rgba(255,255,255,.6); padding:clamp(36px,6vw,72px) 0 clamp(18px,3vw,32px) }
.footer-inner { display:grid; grid-template-columns:1fr; gap:32px; margin-bottom:36px }
@media(min-width:640px) { .footer-inner { grid-template-columns:1fr 1fr 1fr } }
.footer-col--brand { display:flex; flex-direction:column; gap:6px }
.footer-duas      { font-family:var(--font-a); font-size:1.2rem; color:var(--gold); direction:rtl; text-align:right; margin:0; line-height:2 }
.footer-duas-trans{ font-size:.76rem; color:rgba(255,255,255,.35); font-style:italic; margin:6px 0 0; line-height:1.6 }
.footer-col__title{ font-size:.66rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:14px }
.footer-col ul    { list-style:none; padding:0; margin:0 }
.footer-col ul li { margin-bottom:8px }
.footer-col ul li a { font-size:.84rem; color:rgba(255,255,255,.55); transition:color var(--t) }
.footer-col ul li a:hover { color:rgba(255,255,255,.9) }
.footer-note      { font-size:.82rem; color:rgba(255,255,255,.44); line-height:1.7; margin:0 }
.footer-bottom    { border-top:1px solid rgba(255,255,255,.08); padding-top:20px; display:flex; justify-content:center }
.footer-tagline   { font-size:.76rem; color:rgba(255,255,255,.26); display:flex; align-items:center; gap:6px }

/* ══════════════════════════════════════════════════════════
   BUTTONS  (used by pages)
══════════════════════════════════════════════════════════ */
.btn-primary  { display:inline-flex; align-items:center; gap:8px; background:var(--rose); color:#fff; font-size:.95rem; font-weight:600; padding:13px 28px; border-radius:var(--r-p); border:none; transition:all var(--t) }
.btn-primary:hover { background:var(--rose-dk); color:#fff; transform:translateY(-2px); box-shadow:0 8px 24px rgba(192,80,112,.3) }
.btn-secondary{ display:inline-flex; align-items:center; gap:8px; background:transparent; color:var(--bark-lt); font-size:.95rem; font-weight:500; padding:13px 22px; border-radius:var(--r-p); border:1.5px solid var(--border); transition:all var(--t) }
.btn-secondary:hover { border-color:var(--rose); color:var(--rose) }

/* ══════════════════════════════════════════════════════════
   CONTENT / MISC
══════════════════════════════════════════════════════════ */
.entry-content>*+* { margin-top:1.4em }
.entry-content blockquote { border-left:3px solid var(--rose); padding:12px 20px; margin:1.6em 0; background:var(--blush-w); border-radius:0 var(--r-sm) var(--r-sm) 0; font-style:italic; color:var(--bark-lt) }
.error-404 { text-align:center; padding:80px 0 }
.error-code { font-family:var(--font-d); font-size:clamp(5rem,15vw,10rem); font-weight:400; color:var(--rose-lt); line-height:1; margin-bottom:12px }
.navigation.pagination { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:48px }
.page-numbers { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; font-size:.84rem; font-weight:500; color:var(--bark-lt); background:var(--white); border:1px solid var(--border-s); transition:all var(--t) }
.page-numbers:hover,.page-numbers.current { background:var(--rose); color:#fff; border-color:var(--rose) }
.page-numbers.dots { background:transparent; border:none }
::selection { background:var(--rose-lt); color:var(--bark) }
::-webkit-scrollbar { width:7px }
::-webkit-scrollbar-track { background:var(--blush) }
::-webkit-scrollbar-thumb { background:var(--rose-lt); border-radius:4px }
::-webkit-scrollbar-thumb:hover { background:var(--rose) }