/* Extra styles for the home page (index.html), kept out of the page so the
   Content-Security-Policy can block inline styles. */
.hero-gradient {
    background: linear-gradient(135deg, #F5F0E1 0%, #A3B18A 100%);
}
.btn-primary {
    background-color: #344E41;
    color: white;
    transition: all 0.3s ease;
}
.btn-primary:hover {
    background-color: #2b4234;
    transform: translateY(-2px);
}
.btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}
body {
    background-color: #F5F0E1;
}
/* Slide-in animations start just off-screen; keep them inside their section so the page can't scroll sideways */
section {
    overflow-x: clip;
}
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}
/* Ticked consent boxes in the site green instead of the device's default (usually blue) */
input[type="checkbox"] {
    accent-color: #344E41;
}
/* Clear site-green outline for people using the keyboard (Tab key); mouse and touch users don't see it */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #344E41;
    outline-offset: 2px;
}
footer a:focus-visible {
    outline-color: #F5F0E1;
}