/* ============================================
   MOBILE STYLES (≤640px)
   Portfolio 2026 - Loesing Design Incorporated
   ============================================ */

@media only screen and (max-width: 640px) {
    
    /* ============================================
       TYPOGRAPHY - MOBILE
       ============================================ */
    
    h6, .qodef-h6 {
        font-size: var(--type-xs) !important;
        line-height: var(--line-sm) !important;
    }
    
    body, p, .qodef-e-excerpt {
        font-size: var(--type-xl) !important;
    }
    
    #qodef-page-content > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-5c468d2.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.qodef-elementor-content-no > div > div > div > div.elementor-element.elementor-element-3f2cd5e.elementor-widget.elementor-widget-text-editor > p {
        font-size: var(--type-lg) !important;
        padding-left: var(--space-md);
        padding-right: var(--space-md);
    }
    
    .cl-case-study .qodef-m-title,
    .elementor-190 .elementor-element.elementor-element-8a4000a .qodef-qi-section-title .qodef-m-title,
    .elementor-190 .elementor-element.elementor-element-29d034d .qodef-qi-section-title .qodef-m-title,
    .elementor-190 .elementor-element.elementor-element-5c4e2a2 .qodef-qi-section-title .qodef-m-title {
        font-size: var(--type-4xl) !important;
        line-height: var(--line-2xl) !important;
    }
    
    #qodef-page-content > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-5c468d2.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.qodef-elementor-content-no > div > div > div > div.elementor-element.elementor-element-43eb816.e-grid.e-con-boxed.qodef-elementor-content-no.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-f3db43e.elementor-widget.elementor-widget-text-editor > p,
    #qodef-page-content > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-5c468d2.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.qodef-elementor-content-no > div > div > div > div.elementor-element.elementor-element-43eb816.e-grid.e-con-boxed.qodef-elementor-content-no.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-ba8c43d.elementor-widget.elementor-widget-text-editor > p {
        font-size: var(--type-md) !important;
        line-height: var(--line-md) !important;
    }
    
    /* Hero Heading - "Hi", "I'm", "Chet" */
    .elementor-element-2dacf6d h1.qodef-m-title,
    .elementor-element-44053b7 h1.qodef-m-title,
    .elementor-element-7f7e61b h1.qodef-m-title {
        font-size: var(--type-hero-mobile) !important;
        line-height: .75 !important;
    }
    
    /* ============================================
       SPACING - MOBILE
       ============================================ */
    
    #qodef-page-content > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-2dacf6d.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.qodef-elementor-content-no {
        padding-top: var(--space-2xl) !important;
    }
    
    .elementor-190 .elementor-element.elementor-element-7f7e61b {
        padding-bottom: var(--space-2xl) !important;
    }
    
    .photo-grid-container {
        gap: var(--space-lg);
    }

    .elementor-190 .elementor-element.elementor-element-f3db43e {
        padding: 0 var(--space-lg) !important;
        text-align: center;
    }
    
    .photo-grid {
        padding: var(--space-5xl) 0 0 0 !important;
    }
    
    .cl-case-study {
        padding-top: var(--space-2xl) !important;
    }
    
    #qodef-page-content > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-5c468d2.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.qodef-elementor-content-no > div > div > div > div.elementor-element.elementor-element-43eb816.e-grid.e-con-boxed.qodef-elementor-content-no.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-ba8c43d.elementor-widget.elementor-widget-text-editor {
        padding-left: var(--space-md) !important;
        padding-right: var(--space-md) !important;
    }
    
    .e-con > .e-con-inner {
        text-align: center;
    }
    
    /* ============================================
       PHOTO MOSAIC - MOBILE (3 columns)
       ============================================ */
    
    .photo-grid-mosaic {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
    }
    
    /* ============================================
       CASE STUDY - MOBILE
       ============================================ */
    
    .cl-case-study .elementor-container {
        padding-left: var(--space-md);
        padding-right: var(--space-md);
    }
    
    .qodef-e-text {
        padding-bottom: var(--space-lg) !important;
    }
    
    .elementor-190 .elementor-element.elementor-element-8a4000a > .elementor-widget-container,
    #qodef-page-content > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-a0bc48c.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.qodef-elementor-content-no > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-3e05f22.qodef-sticky-column--yes.qodef-sticky-column-disable.qodef-sticky-column-disable--768 > div > div > div,
    .elementor-190 .elementor-element.elementor-element-5c4e2a2 > .elementor-widget-container {
        padding-bottom: var(--space-0) !important;
    }
    
    .qodef-blog-shortcode.qodef-item-layout--standard.qodef-col-num--1 .qodef-blog-item.has-post-thumbnail .qodef-e-content {
        padding-top: 0;
    }
    
    .cl-case-study .qodef-e-excerpt,
    .cl-case-study p {
        font-size: 24px !important;
        line-height: var(--line-lg) !important;
    }
    
    .cl-case-study ul li {
        font-size: 24px !important;
        line-height: var(--line-lg) !important;
    }
    
    .cl-case-study .qodef-qi-section-title {
        margin-bottom: var(--space-md) !important;
    }
    
    .cl-case-study .qodef-m-title {
        margin-bottom: var(--space-sm) !important;
    }
    
    .cl-case-study .qodef-m-subtitle {
        margin-bottom: var(--space-xs) !important;
    }
    
    .cl-case-study .elementor-widget-qi_addons_for_elementor_section_title {
        margin-bottom: var(--space-sm) !important;
    }
    
    /* ============================================
       HEADER SECTION - MOBILE
       ============================================ */
    
    .elementor-element-5c468d2 {
        padding-top: var(--space-2xl) !important;
        padding-bottom: var(--space-2xl) !important;
    }
    
    .elementor-element-5c468d2 .elementor-element-3f2cd5e {
        margin-bottom: var(--space-md);
    }
    
    /* ============================================
       ABOUT & PHOTOGRAPHY - MOBILE
       ============================================ */
    
    .about-column p,
    .photo-grid-content p {
        font-size: var(--type-md) !important;
    }

    .about-how-section,
    .photo-grid-content {
        padding-left: var(--space-3xl);
        padding-right: var(--space-3xl);
    }
    
    /* ============================================
       FOOTER - MOBILE
       ============================================ */
    
    .elementor-190 .elementor-element.elementor-element-19d70c6 {
        padding-bottom: var(--space-6xl) !important;
    }
    
    /* ============================================
       ACCESSIBILITY - MOBILE
       ============================================ */
    
    a, button {
        min-height: var(--touch-target-min);
        display: inline-flex;
        align-items: center;
    }
    
    a img {
        min-height: auto;
    }
}