/*
Theme Name: Astra Child
Theme URI: [Enter the URL of your child theme's website or leave it blank]
Description: My custom child theme based on generatepress.
Author: [Your Name]
Author URI: [Your website URL or leave it blank]
Template: astra
Version: 1.0
*/

/* Custom styles go below this line */


/* ------------------------------- */
/* Desktop image size + radius + gap */
/* ------------------------------- */

.elementor-widget-image-box .elementor-image-box-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px; /* DESKTOP gap between image & content */
}

.elementor-widget-image-box .elementor-image-box-img img {
    width: 75px !important; /* Desktop size */
    height: auto !important;
    object-fit: cover !important;
    border-radius: 12px !important; /* <-- FIX: Rounded corners */
    display: block;
}

/* ------------------------------- */
/* Mobile styles */
/* ------------------------------- */

@media(max-width: 767px) {

    .elementor-widget-image-box .elementor-image-box-wrapper {
        display: flex;
        flex-direction: row !important;
        align-items: flex-start;
        gap: 10px; /* Mobile gap between image & content */
    }

    .elementor-widget-image-box .elementor-image-box-img img {
        width: 60px !important; /* Mobile size */
        border-radius: 12px !important; /* keep rounded on mobile */
        object-fit: cover !important;
    }
}