/*
Theme Name: Myrick Cloud Service
Theme URI: https://myrickcloudservice.us
Author: Myrick Multimedia
Description: One-page block theme for Myrick Cloud Service — web design, hosting & local tech support. Built with core WordPress blocks only, no page builder or form plugin required. Swap the logo, hero graphic, and copy directly in the Site Editor.
Version: 1.0
Requires at least: 6.5
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: myrickcloud
*/

/* Everything visual lives in theme.json. This file only holds the handful
   of things theme.json can't express: keyframe animation, the signal-graphic
   draw-on effect, and a couple of small responsive nav tweaks. */

/* Hero "signal line" graphic — draws in on load, mirrors the M-mark peaks */
.mcs-signal-graphic svg {
  width: 100%;
  height: auto;
}
.mcs-signal-graphic .mcs-signal-path {
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  animation: mcs-draw 1.8s ease forwards 0.3s;
}
.mcs-signal-graphic .mcs-signal-dot {
  animation: mcs-pulse 2.4s ease-in-out infinite;
}
@keyframes mcs-draw {
  to { stroke-dashoffset: 0; }
}
@keyframes mcs-pulse {
  0%, 100% { opacity: .55; }
  50% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .mcs-signal-graphic .mcs-signal-path { animation: none; stroke-dashoffset: 0; }
  .mcs-signal-graphic .mcs-signal-dot { animation: none; }
}

/* Numbered step markers in the "How It Works" pattern */
.mcs-step-num {
  font-family: 'Newsreader', serif;
  font-size: 30px;
  font-weight: 600;
  color: var(--wp--preset--color--mm-gold);
  line-height: 1;
  display: block;
  margin-bottom: 6px;
}

/* Simple check/dash markers for the two "who we serve" lists, without needing a plugin's icon set */
.mcs-list-check li,
.mcs-list-dash li {
  padding-left: 20px;
  position: relative;
}
.mcs-list-check li::before {
  content: "✓";
  position: absolute;
  left: 0;
  font-weight: 700;
}
.mcs-list-dash li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: var(--wp--preset--color--mm-rule);
}

/* Sticky header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
}

/* Keep the mobile nav from crowding the logo on small screens */
@media (max-width: 600px) {
  .wp-block-navigation {
    flex-wrap: wrap;
  }
}