/* Shared Adworths card palette, used across public and account pages. */
.brand-card {
    --card-bg: #eaf1fc;
    --card-border: #d6e3f4;
    --card-line: #bbcfe1;
    --card-ink: #10263b;
    --card-copy: #5b6977;
    --card-link: #084372;
    --card-icon-bg: #d4e4fb;
    --card-icon-ink: #1463e5;
    --card-chip-bg: #d4e4fb;
    --card-chip-ink: #084372;
    background-color: var(--card-bg) !important;
    border-color: var(--card-border) !important;
    color: var(--card-copy);
}

.brand-card--navy {
    --card-bg: #0b3555;
    --card-border: #0b3555;
    --card-line: #41617b;
    --card-ink: #fff;
    --card-copy: #cdddea;
    --card-link: #b9d9ff;
    --card-icon-bg: #234d70;
    --card-icon-ink: #a8ceff;
    --card-chip-bg: #234d70;
    --card-chip-ink: #c4dfff;
}

.brand-card--steel {
    --card-bg: #dcebf5;
    --card-border: #cbdfed;
    --card-icon-bg: #c4ddf0;
    --card-chip-bg: #c4ddf0;
}

.brand-card:hover {
    color: var(--card-copy);
}

.brand-card :is(h2, h3, h4, h5, h6, .text-dark, .text-gray-800, .text-gray-900, .form-label) {
    color: var(--card-ink) !important;
}

.brand-card :is(p, .text-muted, .text-gray-500, .text-gray-600, .text-gray-700) {
    color: var(--card-copy) !important;
}

.brand-card a:not(.btn, .badge, .whatsapp-btn) {
    color: var(--card-link) !important;
}

.brand-card a:not(.btn, .badge, .whatsapp-btn):hover {
    color: var(--card-ink) !important;
}

.brand-card :is(.service-symbol, .service-icon, .value-icon, .contact-icon) {
    background: var(--card-icon-bg) !important;
    color: var(--card-icon-ink) !important;
}

.brand-card :is(.service-icon, .value-icon, .contact-icon) .flat-icon,
.brand-card > .flat-icon {
    color: var(--card-icon-ink) !important;
}

.brand-card :is(.card-bottom, .portfolio-tag, .portfolio-result) {
    color: var(--card-link);
    border-color: var(--card-line);
}

.brand-card .card-bottom {
    color: var(--card-ink);
}

.brand-card .circle-arrow {
    background: #fff;
    color: #0b3555;
}

.brand-card--navy .circle-arrow {
    background: var(--card-icon-bg);
    color: #fff;
}

.brand-card .card-number {
    color: #526b80;
}

.brand-card--navy .card-number,
.brand-card--navy li::before {
    color: #a7c6df;
}

.brand-card .badge {
    background: var(--card-chip-bg) !important;
    color: var(--card-chip-ink) !important;
}

.brand-card .badge .text-muted {
    color: inherit !important;
}

.brand-card :is(.border-top, .border-bottom) {
    border-color: var(--card-line) !important;
}

.brand-card--navy :is(.text-primary, .learn-more) {
    color: var(--card-link) !important;
}

.brand-card.service-card {
    display: flex;
    flex-direction: column;
}

.brand-card.service-card > .learn-more {
    margin-top: auto;
}

/* Light fields and article surfaces stay distinct from their coloured cards. */
.brand-card .form-control,
.brand-card .form-select {
    background-color: #fff;
}

.contact-info-card .whatsapp-card.brand-card {
    margin-top: 26px;
    padding: 22px;
    border-radius: 6px;
}

.guest-ui .account-panel.brand-card {
    max-width: 480px;
    padding: 32px;
    border: 1px solid var(--card-border);
    border-radius: 10px;
}

.account-ui .brand-card .border-gray-200,
.account-ui .brand-card .border-gray-100 {
    border-color: var(--card-line);
}

.admin-ui .brand-card > .flex .rounded-full {
    background: var(--card-icon-bg);
    color: var(--card-icon-ink);
}

.admin-ui .brand-card table thead {
    background: var(--card-icon-bg);
}