/* ===== 14-INCH LAPTOP HERO SECTIONS OPTIMIZATION ===== */
/* This file contains optimizations for all hero sections on 14-inch laptops (1280px - 1366px) */
/* Based on the home page hero section sizing patterns */

@media (min-width: 1280px) and (max-width: 1366px) {
    
    /* ===== HOME PAGE HERO (Already working - reference patterns) ===== */
    /* These are the base patterns used for other pages */
    
    /* ===== CRM PAGE HERO SECTION ===== */
    .crm-hero-section .crm-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .crm-hero-section .crm-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .crm-hero-section .crm-features-list {
        margin-top: 0.8rem !important;
    }
    
    .crm-hero-section .feature-item h3 {
        font-size: 0.8rem !important;
    }
    
    .crm-hero-section .feature-item p {
        font-size: 0.65rem !important;
    }
    
    .crm-hero-section .crm-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== ERP PAGE HERO SECTION ===== */
    .erp-hero-section .erp-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .erp-hero-section .erp-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .erp-hero-section .erp-features-list {
        margin-top: 0.8rem !important;
    }
    
    .erp-hero-section .feature-item h3 {
        font-size: 0.8rem !important;
    }
    
    .erp-hero-section .feature-item p {
        font-size: 0.65rem !important;
    }
    
    .erp-hero-section .erp-dashboard-container {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== POWER PLATFORM HERO SECTION ===== */
    .power-platform-hero-section .hero-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .power-platform-hero-section .hero-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .power-platform-hero-section .power-platform-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== FIELD SERVICE HERO SECTION ===== */
    .field-service-hero-section .field-service-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .field-service-hero-section .field-service-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .field-service-hero-section .field-service-features-list {
        margin-top: 0.8rem !important;
    }
    
    .field-service-hero-section .feature-item h3 {
        font-size: 0.8rem !important;
    }
    
    .field-service-hero-section .feature-item p {
        font-size: 0.65rem !important;
    }
    
    .field-service-hero-section .field-service-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== PROJECT OPERATIONS HERO SECTION ===== */
    .project-operations-hero-section .project-operations-main-title,
    .project-operations-hero-section h1 {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .project-operations-hero-section .project-operations-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .project-operations-hero-section .project-operations-features-list {
        margin-top: 0.8rem !important;
    }
    
    .project-operations-hero-section .feature-item h3 {
        font-size: 0.8rem !important;
    }
    
    .project-operations-hero-section .feature-item p {
        font-size: 0.65rem !important;
    }
    
    .project-operations-hero-section .project-operations-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== AI VIRTUAL AGENTS HERO SECTION ===== */
    .ai-agents-hero-section .ai-agents-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .ai-agents-hero-section .ai-agents-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .ai-agents-hero-section .ai-agents-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== APPLICATIONS DEVELOPMENT HERO SECTION ===== */
    .applications-hero-section .applications-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .applications-hero-section .applications-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .applications-hero-section .applications-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== AUTOMATION ANALYTICS HERO SECTION ===== */
    .automation-analytics-hero-section .automation-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .automation-analytics-hero-section .automation-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .automation-analytics-hero-section .automation-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== MANAGED SERVICES HERO SECTION ===== */
    .managed-services-hero-section .managed-services-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .managed-services-hero-section .managed-services-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .managed-services-hero-section .managed-services-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== BUSINESS APPLICATIONS HERO SECTION ===== */
    .business-applications-hero-section .business-applications-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .business-applications-hero-section .business-applications-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .business-applications-hero-section .business-applications-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== TRAINING SUPPORT HERO SECTION ===== */
    .training-support-hero-section .hero-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .training-support-hero-section .hero-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .training-support-hero-section .training-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== UNIVERSAL HERO ELEMENTS (applies to all hero sections) ===== */
    
    /* Buttons in all hero sections */
    [class*="hero-section"] .btn-primary,
    [class*="hero-section"] .btn-outline-light,
    [class*="hero-section"] .btn-outline-primary {
        padding: 0.4rem 1rem !important;
        font-size: 0.7rem !important;
    }
    
    /* Feature lists in all hero sections */
    [class*="hero-section"] .feature-item {
        margin-bottom: 0.5rem !important;
    }
    
    [class*="hero-section"] .feature-icon {
        width: 30px !important;
        height: 30px !important;
        font-size: 0.8rem !important;
    }
    
    /* Breadcrumbs in all hero sections */
    [class*="hero-section"] .hero-breadcrumb {
        font-size: 0.65rem !important;
    }
    
    /* Hero badges in all hero sections */
    [class*="hero-section"] .hero-badge {
        padding: 0.3rem 0.6rem !important;
        font-size: 0.65rem !important;
    }
    
    /* Floating shapes reduction for all hero sections */
    [class*="hero-section"] [class*="shape"] {
        transform: scale(0.8) !important;
    }
    
    /* Microsoft squares reduction for all hero sections */
    [class*="hero-section"] .ms-square {
        width: 8px !important;
        height: 8px !important;
    }
    
    /* Column adjustments for all hero sections */
    [class*="hero-section"] .col-lg-6:first-child {
        max-width: 48% !important;
        flex: 0 0 48% !important;
    }
    
    [class*="hero-section"] .col-lg-6:last-child {
        max-width: 52% !important;
        flex: 0 0 52% !important;
        transform: scale(0.9) !important;
        transform-origin: left center !important;
    }
    
    /* Container adjustments for all hero sections */
    [class*="hero-section"] .container-fluid {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }
    
    /* Row adjustments for all hero sections */
    [class*="hero-section"] .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* ===== BUSINESS APPLICATIONS PAGE HERO SECTION ===== */
    .business-applications-hero-section .business-title-section h1 {
        font-size: clamp(1.2rem, 2.2vw, 1.6rem) !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.1 !important;
    }
    
    .business-applications-hero-section .business-subtitle {
        font-size: 0.65rem !important;
        margin-bottom: 0.6rem !important;
        line-height: 1.2 !important;
    }
    
    .business-applications-hero-section .business-features-list {
        margin-top: 0.6rem !important;
    }
    
    .business-applications-hero-section .feature-item {
        margin-bottom: 0.4rem !important;
    }
    
    .business-applications-hero-section .feature-item h3 {
        font-size: 0.7rem !important;
        margin-bottom: 0.2rem !important;
    }
    
    .business-applications-hero-section .feature-item p {
        font-size: 0.6rem !important;
        line-height: 1.2 !important;
    }
    
    .business-applications-hero-section .feature-icon {
        width: 25px !important;
        height: 25px !important;
        font-size: 0.7rem !important;
    }
    
    .business-applications-hero-section .business-image {
        transform: scale(0.75) !important;
        transform-origin: center !important;
    }
    
    /* ===== APPLICATIONS DEVELOPMENT PAGE HERO SECTION ===== */
    .applications-hero-section .applications-title-section h1 {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .applications-hero-section .applications-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .applications-hero-section .applications-features-list {
        margin-top: 0.8rem !important;
    }
    
    .applications-hero-section .feature-item h3 {
        font-size: 0.8rem !important;
    }
    
    .applications-hero-section .feature-item p {
        font-size: 0.65rem !important;
    }
    
    .applications-hero-section .applications-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== AI VIRTUAL AGENTS PAGE HERO SECTION ===== */
    .ai-agents-hero-section .hero-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .ai-agents-hero-section .hero-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .ai-agents-hero-section .hero-main-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== MANAGED SERVICES PAGE HERO SECTION ===== */
    .managed-services-hero-section .hero-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .managed-services-hero-section .hero-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .managed-services-hero-section .hero-main-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }
    
    /* ===== AUTOMATION ANALYTICS PAGE HERO SECTION ===== */
    .automation-analytics-hero-section .hero-main-title {
        font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
        margin-bottom: 1rem !important;
        line-height: 1.1 !important;
    }
    
    .automation-analytics-hero-section .hero-subtitle {
        font-size: 0.7rem !important;
        margin-bottom: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .automation-analytics-hero-section .hero-main-image {
        transform: scale(0.85) !important;
        transform-origin: center !important;
    }

    /* Apply home page hero section height to all hero sections for 14-inch laptops */
    [class*="hero-section"] {
        min-height: 100vh !important;
    }
    
    /* Specific hero sections - ensuring consistent height */
    .power-platform-hero-section,
    .ai-agents-hero-section,
    .automation-analytics-hero-section,
    .training-support-hero-section,
    .project-operations-hero-section,
    .managed-services-hero-section,
    .business-applications-hero-section,
    .applications-hero-section,
    .field-service-hero-section,
    .erp-hero-section,
    .crm-hero-section {
        min-height: 100vh !important;
    }
	.dashboard-title {
		font-size: 1.8rem !important;
	}
}

/* ===== END OF 14-INCH LAPTOP OPTIMIZATIONS ===== */