/* ==========================================================================
   brand.css — midmosupportedliving.com
   Project-specific brand overrides. Loaded between mainstyle.css and custom.css.
   Layering: mainstyle.css (template defaults) → brand.css (brand) → custom.css (page-specific)
   ========================================================================== */

/* Brand colors:
     --mmsl-green-bright: #3AB34A;
     --mmsl-green-dark:   #196633;
     --mmsl-green-tint:   #e8f5eb;
     --mmsl-gray:         #f2f2f2;
*/

/* ==========================================================================
   HPI (Home Page Interrupter) — toggleable announcement strip
   Sits between the hero banner and the stats bar. Used for hiring pushes,
   severe weather notices, and other timely content. Hidden unless the CMS
   "Hide Interrupter Strip" checkbox is unchecked AND a heading is set.
   ========================================================================== */

.hpi-section {
    background-color: #3AB34A;
    color: #ffffff;
    padding: 40px 20px;
    text-align: center;
}

.hpi-inner {
    max-width: 960px;
    margin: 0 auto;
}

.hpi-heading {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 12px;
    line-height: 1.25;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}

.hpi-text {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.55;
    margin: 0 auto 18px;
    max-width: 760px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}

.hpi-button.btn-1 {
    background-color: #196633;
    color: #ffffff;
    border: 2px solid #196633;
    padding: 10px 28px;
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.hpi-button.btn-1:hover {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
}

@media (max-width: 767px) {
    .hpi-section { padding: 28px 16px; }
    .hpi-heading { font-size: 22px; }
    .hpi-text    { font-size: 15px; }
}

/* ==========================================================================
   Staff-Resources card — disabled "Coming Soon" button state
   Used when a CMS-driven URL field is empty (e.g. Paycom URL not yet provided).
   ========================================================================== */

.sr-btn-disabled {
    background-color: #cccccc !important;
    color: #666666 !important;
    border-color: #cccccc !important;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.85;
}

.sr-btn-disabled:hover {
    background-color: #cccccc !important;
    color: #666666 !important;
}