/*
Theme Name: Pharmedicare
Theme URI: https://pharmedicare.my
Author: Pharmedicare Sdn Bhd
Description: Custom corporate theme for Pharmedicare Sdn Bhd — wholesale & retail pharmacy in Wangsa Maju, Kuala Lumpur.
Version: 1.0.0
Text Domain: pharmedicare
*/

/* Pharmedicare — base styles supplementing Tailwind CDN utilities */

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.font-heading {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Reveal-on-scroll animation hook */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Smooth focus rings for form accessibility */
input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(106, 192, 67, 0.25);
  border-color: #6AC043;
}

/* Custom scrollbar for category pill row on mobile */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Ensure content isn't hidden behind mobile sticky bar */
@media (max-width: 639px) {
  body { padding-bottom: 64px; }
}

/* Hero gradient overlay helper */
.hero-overlay {
  background: linear-gradient(90deg, rgba(11,62,107,0.92) 0%, rgba(11,62,107,0.55) 55%, rgba(11,62,107,0.05) 100%);
}

.section-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.9rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* WordPress core alignment helpers (kept minimal since Tailwind CDN handles layout) */
.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull { max-width: none; }
.screen-reader-text { position: absolute; left: -9999px; }