/* Placeholder image for hero section */
.hero-image img {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500' viewBox='0 0 500 500'%3E%3Crect width='500' height='500' fill='%23e0f2fe'/%3E%3Cpath d='M250,100 L100,350 L400,350 Z' fill='%232563eb'/%3E%3Ccircle cx='250' cy='180' r='50' fill='%2310b981'/%3E%3Crect x='150' y='350' width='200' height='50' fill='%231e293b'/%3E%3C/svg%3E");
}

/* Placeholder images for app screens */
.phone-frame img {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='450' viewBox='0 0 220 450'%3E%3Crect width='220' height='450' rx='20' fill='%23f8fafc'/%3E%3Crect x='10' y='40' width='200' height='370' rx='5' fill='%23e0f2fe'/%3E%3Ccircle cx='110' cy='425' r='15' stroke='%231e293b' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}

/* Placeholder images for testimonials */
.testimonial-author img {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23e0f2fe'/%3E%3Ccircle cx='30' cy='20' r='10' fill='%232563eb'/%3E%3Cpath d='M30,35 C17,35 17,50 30,50 C43,50 43,35 30,35 Z' fill='%232563eb'/%3E%3C/svg%3E");
}

/* Placeholder images for app store buttons */
.app-button img[alt="Download na App Store"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='50' viewBox='0 0 150 50'%3E%3Crect width='150' height='50' rx='10' fill='%23000000'/%3E%3Ctext x='75' y='30' font-family='Arial' font-size='12' fill='white' text-anchor='middle'%3EApp Store%3C/text%3E%3C/svg%3E");
}

.app-button img[alt="Download no Google Play"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='50' viewBox='0 0 150 50'%3E%3Crect width='150' height='50' rx='10' fill='%23000000'/%3E%3Ctext x='75' y='30' font-family='Arial' font-size='12' fill='white' text-anchor='middle'%3EGoogle Play%3C/text%3E%3C/svg%3E");
}

/* Fix for Font Awesome icons */
.fas {
    font-family: sans-serif;
}
.fas.fa-image:before { content: "📷"; }
.fas.fa-comments:before { content: "💬"; }
.fas.fa-desktop:before { content: "🖥️"; }
.fas.fa-info-circle:before { content: "ℹ️"; }
.fas.fa-video:before { content: "📹"; }
.fas.fa-microphone:before { content: "🎤"; }
.fas.fa-user:before { content: "👤"; }
.fas.fa-map-marked-alt:before { content: "🗺️"; }
.fas.fa-filter:before { content: "🔍"; }
.fas.fa-share-alt:before { content: "🔗"; }
.fas.fa-envelope:before { content: "✉️"; }
.fas.fa-phone:before { content: "📞"; }
.fas.fa-map-marker-alt:before { content: "📍"; }
.fab.fa-facebook:before { content: "f"; }
.fab.fa-instagram:before { content: "i"; }
.fab.fa-twitter:before { content: "t"; }
.fab.fa-linkedin:before { content: "l"; }