/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Mimosa Tenuiflora Root
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra Child Theme optimized for performance and SEO.
Version: 4.8.3.1728643237
Updated: 2024-10-11 10:40:37
*/

/* Custom CSS Starts Here */

/* Ensure images are responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Improve text readability on mobile devices */
body {
    font-size: 16px;
    line-height: 1.6;
}

/* Enhance tap target sizes */
button,
input[type="button"],
input[type="submit"],
a.button {
    padding: 12px 24px;
}

/* Optimize font loading */
@font-face {
    font-family: 'YourCustomFont';
    src: url('fonts/yourcustomfont.woff2') format('woff2');
    font-display: swap;
}

/* Lazy loading for background images */
.bg-lazyload {
    background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==');
}

/* Lazy load iframes */
iframe {
    loading: lazy;
}

/* Fix ARIA roles on image wrappers */
.uagb-container-inner-blocks-wrap .wp-block-uagb-image picture {
    role: none; /* Remove unnecessary ARIA roles */
}

/* Basic CSS for Above-the-Fold Content */
header, nav, .hero-section {
    /* These elements will inherit styles from the parent theme */
    background-color: inherit;
    color: inherit;
}