/*
Theme Name: Red Group Management
Theme URI: https://redgroupny.com
Author: Red Group Management
Description: Lightweight block theme for Red Group Management.
Version: 1.0.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: redgroup
*/

body { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: 3px; }

/* Header */
.rg-header { border-bottom: 1px solid #E6E6E6; }
.rg-topbar a { color: #FFFFFF; text-decoration: none; }
.rg-topbar a:hover { text-decoration: underline; }
.rg-header .wp-block-navigation a { text-decoration: none; }
.rg-header .wp-block-navigation a:hover { color: #C42026; }
.rg-header .wp-block-site-logo img { height: auto; }

/* Eyebrow */
.rg-eyebrow { display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: 0.18em; font-size: 13px; font-weight: 600; }
.rg-eyebrow::before { content: ""; width: 32px; height: 3px; background: #C42026; flex: none; }

/* Hero art: segmented ring from the logo */
.rg-ring { display: flex; align-items: center; justify-content: center; min-height: 380px; }
.rg-ring svg { width: 78%; max-width: 360px; height: auto; }

/* Stats */
.rg-stats { border-top: 1px solid #4B4B4B; }
.rg-stats p { margin: 0; }

/* Cards */
.rg-card { transition: box-shadow .2s ease, transform .2s ease; height: 100%; }
.rg-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.08); }
.rg-card a { text-decoration: none; }
.rg-card .rg-icon svg { width: 34px; height: 34px; display: block; }
.rg-feature { border-top: 3px solid #C42026; padding-top: 18px; }

/* Forms (WPForms) */
.rg-form .wpforms-container { margin: 0 !important; }
.rg-form input[type=text], .rg-form input[type=email], .rg-form input[type=tel], .rg-form select, .rg-form textarea { border: 1px solid #BDBDBD !important; border-radius: 6px !important; font-family: inherit !important; font-size: 15px !important; }
.rg-form button[type=submit] { background: #C42026 !important; color: #FFFFFF !important; border: 0 !important; border-radius: 6px !important; padding: 14px 30px !important; font-family: inherit !important; font-weight: 600 !important; font-size: 16px !important; height: auto !important; }
.rg-form button[type=submit]:hover { background: #9E1A1F !important; }

/* Footer */
.rg-footer a { color: #BDBDBD; text-decoration: none; }
.rg-footer a:hover { color: #FFFFFF; }

/* AppFolio listings embed */
.rg-listings { min-height: 420px; }

@media (max-width: 781px) {
  .rg-ring { min-height: 240px; }
  .rg-hide-mobile { display: none !important; }
}

/* Content components */
.rg-lead { color: #D6D6D6; max-width: 560px; }
.rg-hero .rg-eyebrow { color: #FFFFFF; }
.rg-stats { border-top: 1px solid #4B4B4B; }
.rg-stat-num { font-size: 30px; font-weight: 700; line-height: 1.2; margin: 0 0 4px !important; }
.rg-stat-label { font-size: 14px; color: #BDBDBD; margin: 0 !important; }
.rg-card { background: #FFFFFF; border-radius: 10px; padding: 28px !important; }
.rg-card h3 { margin: 14px 0 8px; }
.rg-card h3 a { color: #212121; }
.rg-card h3 a:hover { color: #C42026; }
.rg-card p { color: #4B4B4B; font-size: 15px; margin: 0; }
.rg-feature h3 { margin: 0 0 8px; }
.rg-feature p { font-size: 15px; margin: 0; }
.wp-block-button.is-style-outline > .wp-block-button__link { border: 2px solid #212121; color: #212121; background: transparent; padding: 13px 24px; }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: #212121; color: #FFFFFF; }
.rg-btn-light.is-style-outline > .wp-block-button__link { border-color: #FFFFFF; color: #FFFFFF; }
.rg-btn-light.is-style-outline > .wp-block-button__link:hover { background: #FFFFFF; color: #212121; }
.rg-form-card { background: #F3F3F3; border-radius: 10px; padding: 32px !important; }
.rg-office { font-size: 15px; line-height: 1.6; }
.rg-office strong { display: block; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #4B4B4B; }
.rg-page-head { border-bottom: 1px solid #E6E6E6; }
@media (max-width: 781px) {
  .rg-form-card { padding: 22px !important; }
  .rg-header .wp-block-buttons { display: none; }
}
.rg-hero-mark img { opacity: 0.95; }
