/* Custom styles for Alunet Innovations */

/* Ensure Inter font is applied globally */
body {
    font-family: 'Inter', sans-serif;
}

/* General button styling (already mostly handled by Tailwind) */
/* Adding a subtle focus ring for accessibility */
button:focus,
a:focus,
input:focus,
textarea:focus {
    outline: none;
    /* Change box-shadow blue to a translucent version of #118ac3 */
    box-shadow: 0 0 0 3px rgba(17, 138, 195, 0.5);
}

/* Ensure images have rounded corners as per instruction */
img {
    border-radius: 0.75rem; /* Tailwind's rounded-xl */
}

/* --- Specific overrides for user request --- */

/* Background color for the main hero section on index.html */
/* This targets the existing Tailwind classes for the hero section */
.relative.bg-gradient-to-r.from-blue-700.to-indigo-800 {
    background-image: none !important; /* Remove any gradient background */
    background-color: #118ac3 !important; /* Apply the requested solid blue color */
}

/* Background color for contact buttons (on index.html and services.html) */
/* This targets <a> tags with href="contact.html" and the bg-yellow-400 class */
a[href="contact.html"].bg-yellow-400 {
    background-color: #118ac3 !important;
    color: white !important; /* Ensure text is visible on the new dark blue background */
}

/* Background color for the submit button on the contact.html page */
/* This targets the <button type="submit"> within the contact form and the bg-blue-600 class */
#contactForm button[type="submit"].bg-blue-600 {
    background-color: #118ac3 !important;
    color: white !important; /* Ensure text is visible on the new dark blue background */
}

/* Adjust hover states for the newly colored buttons and links */
a[href="contact.html"].bg-yellow-400:hover,
#contactForm button[type="submit"].bg-blue-600:hover,
.hover\:text-blue-600:hover { /* Also applies to general text links on hover */
    color: white !important; /* Changed to white for hover text */
    background-color: #0d6e9e !important; /* A slightly darker shade for hover effect */
}


/* --- Comprehensive NEW RULES: Change all common Tailwind blue references to #118ac3 --- */

/* Text colors */
.text-blue-700, /* For Alunet Innovations header text */
.text-blue-600, /* For navigation links, service card icons, leader text, contact direct email */
.text-blue-800  /* For mission card heading */
{
    color: #118ac3 !important;
}

/* Background colors */
.bg-blue-700, /* For hero sections on About, Services, Contact pages */
.bg-blue-600, /* For "View All Services" button */
.bg-blue-50   /* For mission card background */
{
    background-color: #118ac3 !important;
}

/* Border colors */
.border-blue-600 { /* For leader image border, service card left border */
    border-color: #118ac3 !important;
}

/* Focus rings for form inputs */
.focus\:ring-blue-500:focus {
    --tw-ring-color: #118ac3 !important;
}