/*
Theme Name: WP Repair Men
Theme URI: https://wprepairmen.com
Author: WP Repair Men
Description: Minimal classic theme for WPRepairMen.com — dark build. Page content is edited in WordPress; the shell (masthead, emergency strip, footer) lives in the theme.
Version: 1.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: wprepairmen
*/

/* Design tokens and base resets. The component stylesheet is enqueued separately. */
:root {
    --color-bg: #0a0e14;
    --color-surface: #121a24;
    --color-text: #e8eef6;
    --color-divider: color-mix(in srgb, #e8eef6 26%, transparent);
    --color-accent: #3d8ef7;
    --color-accent-100: #0f1b2b; --color-accent-200: #16283e; --color-accent-300: #1f3a58;
    --color-accent-400: #7cb2fa; --color-accent-500: #3d8ef7; --color-accent-600: #2a76d8;
    --color-accent-700: #9cc4fb; --color-accent-800: #c2dbfd; --color-accent-900: #e2edfe;
    --color-accent-2: #f5871f;
    --brand-navy: #123a63;
    --brand-orange: #f5871f;
    --brand-orange-dark: #d9720f;
  }
  body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); text-wrap: pretty; }
  a { color: var(--color-accent-700); text-decoration: none; }
  a:hover { color: var(--color-accent); }
  *:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }

  .wprm-help-layout, .wprm-care-hero, .wprm-care-grid, .wprm-care-note {
    width: min(1180px, calc(100% - 40px)); margin-inline: auto;
  }
  .wprm-help-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 6vw, 88px); padding-block: clamp(48px, 6vw, 80px); }
  .wprm-kicker { margin: 0 0 18px; color: var(--color-accent-700); font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
  .wprm-help-copy h1, .wprm-care-hero h1 { max-width: 15ch; margin: 0; font-family: var(--font-heading); font-size: clamp(38px, 5vw, 64px); line-height: 1.05; }
  .wprm-lede { max-width: 52ch; font-size: 19px; line-height: 1.65; }
  .wprm-help-facts { display: grid; gap: 20px; margin-top: 36px; padding-top: 28px; border-top: 2px solid var(--color-divider); }
  .wprm-help-facts p { display: grid; gap: 5px; margin: 0; }
  .wprm-form-panel, .wprm-form-status { padding: clamp(22px, 3vw, 34px); border: 2px solid var(--color-divider); }
  .wprm-ticket-form { display: grid; gap: 20px; }
  .wprm-ticket-form .input { min-height: 48px; font-size: 17px; }
  .wprm-ticket-form textarea.input { min-height: 150px; }
  .wprm-ticket-form .btn { min-height: 50px; font-size: 16px; }
  .wprm-form-note { margin: 14px 0 0; color: color-mix(in srgb, var(--color-text) 78%, transparent); font-size: 14px; line-height: 1.55; }
  .wprm-trap { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
  .wprm-form-error { border-color: #ff7b85; }

  .wprm-care-hero { padding-block: clamp(54px, 7vw, 96px) 42px; text-align: center; }
  .wprm-care-hero h1, .wprm-care-hero .wprm-lede { margin-inline: auto; }
  .wprm-care-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding-bottom: 40px; }
  .wprm-care-card { padding: clamp(24px, 4vw, 42px); background: var(--color-surface); border: 2px solid var(--color-divider); }
  .wprm-care-card h2 { font-size: 28px; }
  .wprm-care-card li { margin-block: 11px; font-size: 17px; }
  .wprm-price { margin: 0; color: var(--brand-orange); font-size: 48px; font-weight: 900; line-height: 1; }
  .wprm-price span { font-size: 24px; vertical-align: top; }
  .wprm-price small { font-size: 16px; color: var(--color-text); }
  .wprm-care-note { margin-bottom: 72px; padding: 32px; background: var(--color-accent-100); border-left: 8px solid var(--color-accent); }

  @media (max-width: 780px) {
    .wprm-help-layout, .wprm-care-grid { grid-template-columns: 1fr; }
  }

.nav a:hover { color: var(--brand-orange); }
.btn:hover { text-decoration: none; }
.wprm-content > *:first-child { margin-top: 0; }