/*
Theme Name: Official Horse Picks
Theme URI: https://officialhorsepicks.com/
Author: WSOD Designs
Author URI: https://wsoddesigns.com/
Description: A custom WordPress conversion of the Official Horse Picks racing dashboard, picks, results, tools, tracks, SMS signup, and informational pages.
Version: 1.8.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: official-horse-picks
*/

/*
The public-facing page templates retain the original page-specific styling inline
so the WordPress conversion matches the approved static design as closely as possible.
These base rules support WordPress-generated posts, archives, and system pages.
*/
:root {
  --ohp-bg: #0f1636;
  --ohp-panel: #161f49;
  --ohp-lime: #b9f12a;
  --ohp-text: #f7f9ff;
  --ohp-muted: rgba(247,249,255,.76);
}
* { box-sizing: border-box; }
body.wp-generated-page {
  margin: 0;
  background: linear-gradient(180deg, #0f1636, #161f49 48%, #101737);
  color: var(--ohp-text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ohp-wp-wrap { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.ohp-wp-header { border-bottom: 1px solid rgba(255,255,255,.12); padding: 18px 0; }
.ohp-wp-header__row { display: flex; gap: 18px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.ohp-wp-brand { color: #fff; text-decoration: none; font-weight: 900; letter-spacing: .02em; }
.ohp-wp-brand span { color: var(--ohp-lime); }
.ohp-wp-nav { display: flex; gap: 14px; flex-wrap: wrap; }
.ohp-wp-nav a { color: var(--ohp-muted); text-decoration: none; font-weight: 700; }
.ohp-wp-nav a:hover { color: var(--ohp-lime); }
.ohp-wp-main { padding: 56px 0; min-height: 60vh; }
.ohp-wp-card { background: #fff; color: #0b1220; border-radius: 18px; padding: clamp(22px, 4vw, 42px); margin-bottom: 24px; }
.ohp-wp-card h1, .ohp-wp-card h2, .ohp-wp-card h3 { color: #0b1220; }
.ohp-wp-card a { color: #1f6b2b; font-weight: 800; }
.ohp-wp-meta { color: rgba(11,18,32,.65); font-size: .92rem; }
.ohp-wp-footer { border-top: 1px solid rgba(255,255,255,.12); padding: 30px 0; color: var(--ohp-muted); }
.ohp-wp-pagination { display: flex; gap: 12px; justify-content: space-between; }
.ohp-wp-pagination a { color: var(--ohp-lime); font-weight: 800; }
.screen-reader-text { position: absolute; left: -9999px; }

.ohp-wp-phone { color: #fff !important; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; padding: 8px 10px; }


/* Package-slot PayPal Smart Buttons. The cards retain their approved design;
   PayPal controls only the secure checkout button inside each card. */
.ohp-paypal-button-slot {
  width: 100%;
  min-height: 45px;
  margin-top: auto;
  position: relative;
  z-index: 1;
}
.ohp-offer__checkout .ohp-paypal-button-slot { margin-top: 0; }
.ohp-paypal-message {
  width: 100%;
  border-radius: 10px;
  padding: 11px 12px;
  text-align: center;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 800;
}
.ohp-paypal-message.is-success {
  border: 1px solid rgba(31,107,43,.28);
  background: rgba(31,107,43,.10);
  color: #155b22;
}
.ohp-paypal-message.is-error {
  border: 1px solid rgba(179,38,30,.25);
  background: rgba(179,38,30,.08);
  color: #8f211b;
}