/* =========================================================
   الهاشمي لشراء الأثاث المستعمل — Kuwait used-furniture buyer
   Design tokens
   Green-900 : #163B32  (deep trust green — header/footer)
   Green-700 : #1F5C4E  (lighter green, hovers)
   Kraft     : #B98953  (cardboard/kraft brown — secondary)
   Cash      : #2F8F4E  (money green — CTA buttons)
   Stamp     : #A6303D  (rubber-stamp red — accent badge)
   Canvas    : #FAF6EC  (warm paper background)
   Ink       : #201C16
   ========================================================= */

:root{
  --green-900:#163B32;
  --green-700:#1F5C4E;
  --kraft:#B98953;
  --kraft-dark:#8F683D;
  --cash:#2F8F4E;
  --cash-dark:#256B3B;
  --stamp:#A6303D;
  --canvas:#FAF6EC;
  --canvas-2:#F3E9D8;
  --ink:#201C16;
  --ink-soft:#4B463D;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
}

body{ background:var(--canvas); color:var(--ink); font-family:'Tajawal', sans-serif; }
h1,h2,h3,h4,.font-display{ font-family:'Cairo', sans-serif; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:3px solid var(--cash);
  outline-offset:3px;
  border-radius:4px;
}

/* ---------- Cash stamp badge (signature element) ---------- */
.cash-stamp{
  display:inline-flex; align-items:center; justify-content:center;
  border:3px solid var(--stamp);
  color:var(--stamp);
  font-family:'Cairo',sans-serif; font-weight:800;
  border-radius:9999px;
  transform:rotate(-7deg);
  padding:.5rem 1.1rem;
  letter-spacing:.02em;
  position:relative;
  background:rgba(166,48,61,0.04);
}
.cash-stamp::before, .cash-stamp::after{
  content:"";
  position:absolute; inset:4px;
  border:1px dashed var(--stamp);
  border-radius:9999px;
  opacity:.5;
}

/* ---------- Packing-tape divider (signature section break) ---------- */
.tape-divider{
  height:16px;
  width:100%;
  background:repeating-linear-gradient(-45deg, var(--kraft) 0 18px, #A9793F 18px 36px);
  position:relative;
}
.tape-divider::after{
  content:"";
  position:absolute; inset:0;
  background:repeating-linear-gradient(90deg, rgba(255,255,255,.14) 0 2px, transparent 2px 14px);
}

/* ---------- Buttons ---------- */
.btn-primary{
  background:var(--cash);
  color:#fff;
  font-weight:700;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
  box-shadow:0 6px 0 0 var(--cash-dark);
}
.btn-primary:hover{ background:#369456; transform:translateY(-2px); }
.btn-primary:active{ transform:translateY(2px); box-shadow:0 2px 0 0 var(--cash-dark); }

.btn-outline{
  border:2px solid var(--canvas);
  color:var(--canvas);
  transition:background .18s ease, color .18s ease;
}
.btn-outline:hover{ background:var(--canvas); color:var(--green-900); }

/* ---------- Nav ---------- */
.nav-link{ position:relative; padding-bottom:4px; }
.nav-link::after{
  content:"";
  position:absolute; right:0; left:0; bottom:0;
  height:3px; background:var(--cash);
  transform:scaleX(0); transform-origin:right;
  transition:transform .25s ease;
}
.nav-link:hover::after, .nav-link.active::after{ transform:scaleX(1); }

/* ---------- Cards ---------- */
.item-card{
  background:#fff;
  border:1px solid #E7DCC5;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.item-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 30px -12px rgba(22,59,50,.22);
  border-color:var(--cash);
}
.price-tag{
  display:inline-flex; align-items:center; justify-content:center;
  width:2.75rem; height:2.75rem;
  border-radius:.5rem;
  font-family:'Cairo',sans-serif; font-weight:800; color:#fff; font-size:1rem;
  box-shadow:inset 0 -4px 6px rgba(0,0,0,.16), 0 2px 6px rgba(0,0,0,.15);
  transform:rotate(-4deg);
}

/* ---------- Reveal-on-scroll ---------- */
.reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
.reveal.in{ opacity:1; transform:translateY(0); }

/* ---------- WhatsApp float ---------- */
.wa-float{
  position:fixed; z-index:40; bottom:1.25rem; inset-inline-start:1.25rem;
  width:3.5rem; height:3.5rem; border-radius:9999px;
  background:#25D366; display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 20px -6px rgba(0,0,0,.35);
  animation:wa-pulse 2.6s ease-in-out infinite;
}
@keyframes wa-pulse{
  0%,100%{ box-shadow:0 10px 20px -6px rgba(0,0,0,.35), 0 0 0 0 rgba(37,211,102,.5);}
  50%{ box-shadow:0 10px 20px -6px rgba(0,0,0,.35), 0 0 0 10px rgba(37,211,102,0);}
}

/* ---------- Hero diagonal ---------- */
.hero-clip{ clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%); }

/* ---------- FAQ accordion ---------- */
.faq-item summary{ cursor:pointer; list-style:none; }
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item[open] .faq-chevron{ transform:rotate(180deg); }
.faq-chevron{ transition:transform .2s ease; }

#mobileMenu{ transition:max-height .3s ease; overflow:hidden; }
img[loading="lazy"]{ background:var(--canvas-2); }