/* ===== Body and General Styles ===== */
body {
    background: #eef1f5; /* Light grey background */
    color: #333; /* Dark text */
    font-family: sans-serif;
}

/* ===== Header ===== */
header.uk-section {
    background: #eef1f5;
    border-bottom: 1px solid #d8dde2;
    padding-top: 10px;
    padding-bottom: 10px;
}
header .uk-navbar-nav > li > a {
    color: #333 !important;
}
header .uk-navbar-dropdown {
    background: #eef1f5;
    border: 1px solid #d8dde2;
}
header .uk-navbar-dropdown .uk-nav > li > a {
    color: #333 !important;
}

/* ===== Main Content ===== */
h1, h2, h3, h4, h5, h6 {
    color: #222;
}
.uk-text-lead {
    color: #555;
}

/* ===== Glossy/Neumorphic Box Effect for Service Cards ===== */
.uk-card-default {
    background: #eef1f5;
    border-radius: 20px;
    box-shadow: 7px 7px 15px #caced1, -7px -7px 15px #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: #333;
    transition: all 0.3s ease-in-out;
}
.uk-card-default:hover {
    transform: translateY(-2px);
    box-shadow: 9px 9px 18px #caced1, -9px -9px 18px #ffffff;
}
.uk-card-title {
    color: #000;
}
.uk-card-body a.uk-button-text {
    color: #333;
    border-bottom: 1px solid #ccc;
}
.uk-card-body a.uk-button-text:hover {
    color: #000;
    border-bottom-color: #333;
}


/* ===== Glossy/Neumorphic Button Effect ===== */
.uk-button-primary {
    background: #eef1f5;
    color: #333;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 5px 5px 10px #caced1, -5px -5px 10px #ffffff;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    font-weight: bold;
}
.uk-button-primary:hover {
    background: #d0d4d8; /* Light black/dark grey hover */
    box-shadow: 7px 7px 12px #caced1, -7px -7px 12px #ffffff;
    color: #000;
}
.uk-button-primary:active {
    box-shadow: inset 5px 5px 10px #caced1, inset -5px -5px 10px #ffffff;
}

.uk-button-secondary {
    background: #d0d4d8;
    color: #333;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 5px 5px 10px #caced1, -5px -5px 10px #ffffff;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    font-weight: bold;
}
.uk-button-secondary:hover {
    background: #c1c5c9;
    box-shadow: 7px 7px 12px #caced1, -7px -7px 12px #ffffff;
    color: #000;
}
.uk-button-secondary:active {
    box-shadow: inset 5px 5px 10px #caced1, inset -5px -5px 10px #ffffff;
}


/* ===== Breadcrumb ===== */
.uk-breadcrumb li a {
    color: #555;
}
.uk-breadcrumb li.uk-disabled a {
    color: #000;
}

/* ===== Footer ===== */
footer .uk-section-muted {
    background: #e0e4e8;
    border-top: 1px solid #d8dde2;
}
footer .uk-section-primary {
    background: #d0d4d8;
}
footer h2, footer h3, footer p, footer .uk-icon-button {
    color: #000000 !important;
}
footer .uk-panel a {
    color: #000000 !important;
}
footer .uk-panel a:hover {
    color: #555 !important;
}
footer .uk-section-primary a, footer .uk-section-primary h3 {
    color: #000000 !important;
}
footer .uk-section-primary a:hover {
    color: #555 !important;
}

/* Fix for checkmark icons */
.uk-list-striped span[uk-icon="icon: check"] svg {
    stroke: #32d296;
}

/* Equal Height Cards */
.uk-grid-match > div > .uk-card {
    display: flex;
    flex-direction: column;
}

.uk-card-body {
    flex-grow: 1;
}

/* ===== AI Hero Image ===== */
.service-hero-image {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: center;
    background-color: #f0f0f0;
}