/* =========================================================================
   Pandey Dhunga Suppliers — Modern Enhancement Layer
   Added 2026-07-03. STYLING ONLY — additive polish on top of the theme.
   Does NOT change any HTML, content, layout, sizes or structure.
   To REVERT: remove the 'modern-enhance' wp_enqueue_style line in
   includes/enqueuer.php (or delete this file). Nothing else is affected.
   ========================================================================= */

:root{
  --pd-red:#da251e;
  --pd-red-deep:#b0170f;
  --pd-ink:#201a1a;
  --pd-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---- 1. Typography polish (no size changes) ---- */
body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{ text-wrap:balance; letter-spacing:-.015em; }
html{ scroll-behavior:smooth; }
::selection{ background:var(--pd-red); color:#fff; }
::-moz-selection{ background:var(--pd-red); color:#fff; }

/* ---- 2. Buttons — modern hover lift + soft shadow (smoother easing) ---- */
.btn-secondary-custome,.btn-secondary,.btn-white,.btn-transparent{
  transition:transform .35s var(--pd-ease), box-shadow .35s var(--pd-ease),
             background-color .3s ease, color .3s ease, border-color .3s ease;
}
.btn-secondary-custome:hover,.btn-secondary:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 26px -12px rgba(218,37,30,.55);
  background:var(--pd-red-deep); border-color:var(--pd-red-deep);
}
.btn-white:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px -14px rgba(32,26,26,.40);
}
.btn-transparent:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.08);
}

/* ---- 3. Offer cards — add depth to the image (zoom + shadow) ---- */
.offer-card-wrapper .image-wrapper{
  border-radius:4px;
  transition:box-shadow .45s var(--pd-ease);
}
.offer-card-wrapper:hover .image-wrapper{
  box-shadow:0 24px 42px -26px rgba(32,26,26,.5);
}
.offer-card-wrapper .image-wrapper .project_image{
  transition:transform .8s var(--pd-ease);
}
.offer-card-wrapper:hover .image-wrapper .project_image{
  transform:scale(1.06);
}

/* ---- 4. Project cards — gentle lift + smoother, slightly larger zoom ---- */
.project-card-wrapper{
  transition:transform .45s var(--pd-ease);
}
.project-card-wrapper:hover{
  transform:translateY(-6px);
}
.project-card-wrapper a{
  border-radius:4px;
  transition:box-shadow .45s var(--pd-ease);
}
.project-card-wrapper:hover a{
  box-shadow:0 24px 42px -26px rgba(32,26,26,.5);
}
.project-card-wrapper img{
  transition:transform .8s var(--pd-ease);
}
.project-card-wrapper:hover img{
  transform:scale(1.06);
}

/* ---- 5. Links & keyboard focus polish ---- */
a{ transition:color .25s ease; }
a:focus-visible,
button:focus-visible,
.btn-secondary-custome:focus-visible,
.btn-secondary:focus-visible,
.btn-white:focus-visible,
.btn-transparent:focus-visible{
  outline:2px solid var(--pd-red);
  outline-offset:3px;
}

/* ---- 6. Respect reduced-motion preference ---- */
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .btn-secondary-custome,.btn-secondary,.btn-white,.btn-transparent,
  .offer-card-wrapper .image-wrapper,.offer-card-wrapper .image-wrapper .project_image,
  .project-card-wrapper,.project-card-wrapper a,.project-card-wrapper img{
    transition:none;
  }
  .project-card-wrapper:hover,
  .offer-card-wrapper:hover .image-wrapper .project_image,
  .project-card-wrapper:hover img{ transform:none; }
}