/* CTA: primary band — heading + description left, dark button + light outline call button right. */
.ocf-cta {
    background: var(--ocf-primary);
    color: var(--ocf-primary-contrast);
}

.ocf-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--ocf-grid-gap) * 2);
    padding-block: calc(var(--ocf-section-compact-pad) * 1);
}

.ocf-cta-copy { max-width: calc(var(--ocf-space-unit) * 47.5); }

.ocf-cta .heading-2 { color: var(--ocf-primary-contrast); }

.ocf-cta-description {
    margin-top: calc(var(--ocf-space-unit) * 0.75);
    color: var(--ocf-primary-contrast);
}

.ocf-cta-actions {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--ocf-space-unit) * 0.75);
}

.ocf-cta .btn-secondary { border-color: var(--ocf-primary-contrast); color: var(--ocf-primary-contrast); }
.ocf-cta .btn-secondary:hover { background: var(--ocf-primary-contrast); color: var(--ocf-primary); }

@media (max-width: 960px) {
    .ocf-cta-inner { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 560px) {
    .ocf-cta-actions { width: 100%; }
    .ocf-cta-actions > * { flex: 1 1 100%; }
}

/* OCF_AGENT_BLOCK:blue-estimate-cta START */
.ocf-cta { background: #1F3E90; color: #FFFFFF; }
.ocf-cta .heading-2,
.ocf-cta .ocf-cta-description { color: #FFFFFF; }
.ocf-cta .btn-primary { background: #D99A2B; border-color: #D99A2B; color: #10243E; }
.ocf-cta .btn-primary:hover { background: #A8660A; border-color: #A8660A; color: #FFFFFF; }
.ocf-cta .btn-primary:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 3px; }
/* OCF_AGENT_BLOCK:blue-estimate-cta END */

/* OCF_AGENT_BLOCK:homepage-cta-sentence-case START */
.ocf-cta .heading-2 { text-transform: none; }
/* OCF_AGENT_BLOCK:homepage-cta-sentence-case END */

/* OCF_AGENT_BLOCK:call-first-final-cta START */
.ocf-cta .ocf-call-action { order: -1; background: #D99A2B; border-color: #D99A2B; color: #10243E; }
.ocf-cta .ocf-call-action:hover { background: #A8660A; border-color: #A8660A; color: #10243E; }
.ocf-cta .ocf-call-action:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 3px; }
.ocf-cta .ocf-online-action { background: transparent; border: 2px solid #FFFFFF; color: #FFFFFF; }
.ocf-cta .ocf-online-action:hover { background: #FFFFFF; color: #10243E; }
.ocf-cta .ocf-phone-preview { pointer-events: none; }
/* OCF_AGENT_BLOCK:call-first-final-cta END */