/* Custom styles for Single Mortgage Type page */
.single-mortgage-type {
    /* Add any custom page-wide styles here */
}

.single-mortgage-type .custom-section-title {
    /* Example: Custom section title style */
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.02em;
}

/* Add more custom rules as needed, always prefix with .single-mortgage-type */

/* Hero section button hover effects for single-mortgage-type only */
.single-mortgage-type .hero-btn-primary {
    transition: transform 0.2s cubic-bezier(.4,0,.2,1), box-shadow 0.2s cubic-bezier(.4,0,.2,1), background 0.2s;
}
.single-mortgage-type .hero-btn-primary:hover {
    transform: scale(1.04);
    box-shadow: 0 8px 32px 0 rgba(255,122,0,0.18);
    background: var(--color-primary-dark-blue, #171749);
}
.single-mortgage-type .hero-btn-outline {
    transition: background 0.2s, color 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.single-mortgage-type .hero-btn-outline:hover {
    background: var(--color-accent-orange, #ff7a00);
    color: #fff !important;
    box-shadow: 0 4px 16px 0 rgba(255,122,0,0.12);
    border-color: var(--color-accent-orange, #ff7a00);
}

/* Fix hero section cropping specifically for single mortgage type page */
.single-mortgage-type section:first-of-type {
    min-height: 60vh;
    padding-top: 100px !important; /* Ensure content clears the header */
}

@media (max-width: 767px) {
    .single-mortgage-type section:first-of-type {
        padding-top: 120px !important; /* More padding for mobile header */
        min-height: 70vh;
    }
}

/* Fix Key Benefits Slider Mobile Issues */
@media (max-width: 767px) {
    .single-mortgage-type .key-benefits-slider {
        overflow-x: auto !important; /* Allow horizontal scrolling */
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
        scrollbar-width: none; /* Hide scrollbar on Firefox */
        -ms-overflow-style: none; /* Hide scrollbar on IE/Edge */
    }
    
    .single-mortgage-type .key-benefits-slider::-webkit-scrollbar {
        display: none; /* Hide scrollbar on Chrome/Safari */
    }
    
    .single-mortgage-type .slider-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 1rem !important;
        padding: 0 1rem !important;
        min-width: max-content !important; /* Ensure all cards are visible */
    }
    
    .single-mortgage-type .slider-card {
        min-width: 280px !important; /* Fixed width for mobile cards */
        max-width: 280px !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 1.5rem !important; /* Reduce padding for mobile */
    }
    
    /* Hide navigation buttons on mobile since we're using scroll */
    .single-mortgage-type .slider-prev,
    .single-mortgage-type .slider-next {
        display: none !important;
    }
    
    /* Add scroll indicators */
    .single-mortgage-type .key-benefits-slider::after {
        content: '';
        min-width: 1rem;
        height: 1px;
    }
}