/**
 * GD Header widget styles
 * Depends on gd-colors.css for --gd-* custom properties.
 */

.gd-header-wrapper {
    display: block;
}

.gd-header {
    margin: 0;
    font-family: "versostest", sans-serif;
    line-height: 1.2;
}

/* ---- Type variants ---- */

.gd-header--pre-title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.gd-header--h1 {
    font-size: 40px;
    font-weight: 700;
}

.gd-header--h2 {
    font-size: 28px;
    font-weight: 600;
}

.gd-header--h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gd-header--h3::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 5px;
    flex-shrink: 0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="5" viewBox="0 0 12 5" fill="none"><path d="M8.59487 5C9.98456 5 11.1111 3.88071 11.1111 2.5C11.1111 1.11929 9.98456 0 8.59487 0C7.20518 0 6.07861 1.11929 6.07861 2.5C6.07861 3.88071 7.20518 5 8.59487 5Z" fill="%233B4F5B"/><path d="M1.58326 4.07307C2.45767 4.07307 3.16652 3.3688 3.16652 2.50004C3.16652 1.63127 2.45767 0.927002 1.58326 0.927002C0.70885 0.927002 0 1.63127 0 2.50004C0 3.3688 0.70885 4.07307 1.58326 4.07307Z" fill="%233B4F5B"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

/* ---- Color variants ---- */

.gd-header--color-dark  { color: var(--gd-dark-blueish-grey); }
.gd-header--color-white { color: var(--gd-white); }
.gd-header--color-blue  { color: var(--gd-blue); }

/* H3 SVG dots color context: dark background → white dots */
.card--style-dark .gd-header--h3::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="5" viewBox="0 0 12 5" fill="none"><path d="M8.59487 5C9.98456 5 11.1111 3.88071 11.1111 2.5C11.1111 1.11929 9.98456 0 8.59487 0C7.20518 0 6.07861 1.11929 6.07861 2.5C6.07861 3.88071 7.20518 5 8.59487 5Z" fill="%23ffffff"/><path d="M1.58326 4.07307C2.45767 4.07307 3.16652 3.3688 3.16652 2.50004C3.16652 1.63127 2.45767 0.927002 1.58326 0.927002C0.70885 0.927002 0 1.63127 0 2.50004C0 3.3688 0.70885 4.07307 1.58326 4.07307Z" fill="%23ffffff"/></svg>');
}