/*
Theme Name: mkp
Author: Gilang Prasetya
Version: 1.1
Description: cargloss.
*/


@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700;800&display=swap');

.whatsapp-icon-container {
    overflow: visible !important;
    padding: 0.125rem !important;
    width: 2.25rem !important; 
    height: 2.25rem !important;
    margin: -0.0625rem !important; 
    box-sizing: content-box !important;
}

.whatsapp-icon-container svg {
    transform: scale(1.03) !important;
    transform-origin: center !important;
}

:root {
    --yamaha-blue: #0D1C8C;
    --yamaha-red: #F30B16;
    --text-strong: #0b1220;
    --text-body: #111827;
    --text-muted: #374151;
    --font-sans: 'Barlow', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-heading: 'Barlow Condensed', 'Barlow', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

html, body {
    color: var(--text-body);
    background: #ffffff;
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    letter-spacing: -0.02em;
}

p {
    line-height: 1.7;
}

a {
    color: inherit;
    text-decoration: none;
}

.mkp-heading {
    font-family: var(--font-heading);
    letter-spacing: -0.02em;
}

.mkp-link {
    color: var(--yamaha-blue);
}

.mkp-link:hover {
    color: var(--yamaha-red);
}

.mkp-on-dark,
.mkp-on-dark p,
.mkp-on-dark a {
    color: rgba(255, 255, 255, 0.92);
}

.mkp-on-dark a:hover {
    color: #ffffff;
}

@media (max-width: 768px) {
    .mk-results {
        padding-top: 0;
        margin-top: 0;
    }

    #acc-grid-container {
        margin-top: 0;
        padding-top: 0;
    }

    .acc-mk-filter {
        margin-bottom: 0;
    }

    #acc-grid {
        margin-top: -0.75rem;
    }
}