/*  PageText CTA – Button Styles (Scoped & Safe)*/

/* Base CTA container */
.page-text-cta {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    background: transparent;
    border-top: 0;
}

/* Base Button (shared) */
.page-text .page-text-btn {
    font-family: var(--Header-Font);
    border-radius: 6px;
    font-weight: 600;
    padding: 12px 24px;
    font-size: 16.5px;
    border-width: 2px;
    border-style: solid;
   
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.15s ease;
    cursor: pointer;
}

    /* Lift effect */
    .page-text .page-text-btn:hover {
        transform: translateY(-1px);
    }

    .page-text .page-text-btn:active {
        transform: translateY(0);
    }

    /* PRIMARY BUTTON (custom style) */
    .page-text .page-text-btn.btn-primary {
        /* Default style */
        color: #002856; /* text color */
        background-color: #F2F2F2; /* background */
        
        border: 2px solid #002856; /* default border */
        /* Hover / active variables (for inverse hover) */
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--GC-Aspire);
        --bs-btn-hover-border-color: var(--GC-Aspire);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--GC-Aspire);
        --bs-btn-active-border-color: var(--GC-Aspire);
/*        --bs-btn-focus-shadow-rgb: 214, 0, 86;
*/    }

        
        /* Disabled */
        .page-text .page-text-btn.btn-primary:disabled,
        .page-text .page-text-btn.btn-primary.disabled {
            opacity: 0.6;
            pointer-events: none;
        }

    /*OUTLINE / GHOST BUTTON */
    .page-text .page-text-btn.btn-outline-primary {
        color: var(--GC-Aspire);
        background-color: transparent;
        border-color: var(--GC-Aspire);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--GC-Aspire);
        --bs-btn-hover-border-color: var(--GC-Aspire);
/*        --bs-btn-focus-shadow-rgb: 214, 0, 86;
*/    }

       
    /* PRIMARY BUTTON – remove border completely on hover/focus */
    .page-text .page-text-btn.btn-primary:hover,
    .page-text .page-text-btn.btn-primary:focus,
    .page-text .page-text-btn.btn-primary:focus-visible,
    .page-text .page-text-btn.btn-primary:active {
        background-color: var(--GC-Aspire);
        color: #fff;
        border-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

/*RESPONSIVE – MOBILE*/
@media (max-width: 480px) {
    .page-text-cta > .btn {
        width: 100%;
        text-align: center;
    }
}