/*
Theme Name: RCM Watch
Theme URI: https://rcmwatch.com/
Author: ACTC Media Group
Author URI: https://actcmediagroup.com/
Description: Custom WordPress theme for RCM Watch — medical billing & revenue cycle management. Converted from a static design export into a classic PHP theme (Home, About, Services, Contact) with a shared header/footer, SVG icon sprite, testimonial carousel, animated stat counters, Services category navigation, and a validated contact form.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rcm-watch
*/

/* The design ships almost entirely as inline styles, so this file holds only
   global resets, font wiring, and the few responsive rules the original
   handled in JavaScript. */

*{box-sizing:border-box}
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:#fff;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-family:'Source Sans 3',system-ui,sans-serif;
  color:#1A1A2E;
}
img{max-width:100%;height:auto}

/* Animations used by the design (hero, count-up, floating cards, success msg) */
@keyframes rcmUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes rcmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes rcmFloatB{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes rcmHdrIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---- Responsive header: desktop nav vs. mobile hamburger (920px breakpoint,
   matching the original component) ---- */
@media (max-width:919px){
  .rcm-desktop-nav{display:none !important}
  .rcm-desktop-cta{display:none !important}
  .rcm-mobile-btn{display:grid !important}
}

/* The "How it works" connector line only shows on wide screens in the original */
@media (max-width:860px){
  .rcm-proc-line{display:none !important}
}

/* Mobile panel entrance animation when opened via JS */
#rcm-mobile-panel.is-open{animation:rcmHdrIn .22s ease both}

/* Admin bar shouldn't cover the sticky header */
body.admin-bar .rcm-header{top:32px}
@media screen and (max-width:782px){
  body.admin-bar .rcm-header{top:46px}
}