/*
Theme Name: SynlogIQ Theme
Theme URI: #
Author: Gemini
Description: A custom WordPress theme based on the SynlogIQ design.
Version: 1.0
Text Domain: synlogiq
*/
body {
    background-color: #f7f9fb;
    color: #191c1e;
}

.bento-card {
    background-color: #ffffff;
    border: 1px solid #e0e3e5;
    border-radius: 4px;
    padding: 24px;
    transition: all 0.2s ease-in-out;
}

.bento-card:hover {
    box-shadow: 0px 4px 20px rgba(25, 28, 30, 0.05);
    border-color: #3aab7d;
}

/* Single Article Content Typography */
.single-article-content h1,
.single-article-content h2,
.single-article-content h3,
.single-article-content h4,
.single-article-content h5,
.single-article-content h6 {
    color: #191c1e;
    font-weight: 700;
    font-family: 'Hanken Grotesk', sans-serif;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
}

.single-article-content h1 {
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.single-article-content h2 {
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.single-article-content h3 {
    font-size: 1.75rem;
    line-height: 1.4;
}

.single-article-content h4 {
    font-size: 1.25rem;
    line-height: 1.5;
}

.single-article-content p {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.7;
    color: #2d3133;
}

.single-article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 2rem 0;
}

.single-article-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.single-article-content ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.single-article-content li {
    margin-bottom: 0.5rem;
}

/* Ensure WordPress Block Buttons always have white text */
.wp-block-button__link {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Force links with text-white class to be white, overriding prose and article styles */
a.text-white {
    color: #ffffff !important;
}

.single-article-content a:not(.text-white) {
    color: #3aab7d;
    text-decoration: none;
}

.single-article-content a:not(.text-white):hover {
    text-decoration: underline;
}

.single-article-content a.text-white {
    color: #ffffff !important;
}

.single-article-content blockquote {
    border-left: 4px solid #3aab7d;
    padding-left: 1rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: #4e5356;
}

/* Contact Form 7 Spinner */
.wpcf7 .wpcf7-spinner {
    background-color: #3aab7d !important;
}

.wpcf7 .wpcf7-spinner::before {
    background-color: #ffffff !important;
}

/* Client logos styling for Track Record section */
.client-logo {
    filter: brightness(0) saturate(100%) invert(47%) sepia(9%) saturate(693%) hue-rotate(97deg) brightness(93%) contrast(87%);
    /* Shade of grey matching #6c7a71 */
    opacity: 0.75;
    transition: filter 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.client-logo:hover {
    filter: brightness(0) saturate(100%) invert(61%) sepia(28%) saturate(1069%) hue-rotate(113deg) brightness(92%) contrast(89%);
    /* Shade of green matching #3aab7d */
    opacity: 1;
    transform: scale(1.08);
}

/* Dotted Background Utility */
.bg-dotted {
    background-color: #F8F8F6 !important;
    background-image: radial-gradient(rgba(187, 202, 191, 0.4) 1px, transparent 1px) !important;
    background-size: 30px 30px !important;
}