/*
Theme Name:   Das Testsiegel Child
Theme URI:    https://dastestsiegel.de
Description:  Child-Theme für Kadence, individualisiert für Das Testsiegel – B2B Testsiegel-Vergabe mit transparenten Kriterien.
Author:       Das Testsiegel
Author URI:   https://dastestsiegel.de
Template:     kadence
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  dastestsiegel-child
*/

/* ---------- Farb- und Typo-Variablen (CI dastestsiegel.de) ---------- */
:root {
    --dts-primary:    #0B6E4F; /* Vertrauensvolles Siegel-Grün */
    --dts-secondary:  #F4B942; /* Gold-Akzent für Auszeichnungen */
    --dts-accent:     #1A1A1A; /* Seriöses Anthrazit */
    --dts-bg:         #FAFAF7; /* Warmes Off-White */
    --dts-border:     #E5E5E0;
    --dts-note-1:     #0B6E4F; /* SEHR GUT */
    --dts-note-2:     #4CA572; /* GUT */
    --dts-note-3:     #F4B942; /* BEFRIEDIGEND */
    --dts-note-4:     #E07A34; /* AUSREICHEND */
    --dts-note-5:     #B22222; /* MANGELHAFT */
}

/* ---------- Basis-Overrides, sanft ---------- */
body {
    background-color: var(--dts-bg);
}

a {
    color: var(--dts-primary);
}

/* Headline-Typo wird erst nach Typography-Import im Customizer fein justiert */

/* ---------- Siegel-Ausgabe (wird vom Siegel-Generator genutzt) ---------- */
.dts-siegel-wrapper {
    display: inline-block;
    text-align: center;
    max-width: 320px;
    margin: 1rem auto;
}

.dts-siegel-wrapper svg {
    width: 100%;
    height: auto;
}

.dts-siegel-pruefbox {
    border: 1px solid var(--dts-border);
    background: #fff;
    padding: 1rem 1.25rem;
    border-radius: 8px;
    font-size: 0.875rem;
    line-height: 1.55;
}

.dts-siegel-pruefbox strong {
    color: var(--dts-primary);
}

.dts-note-box {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.dts-note-box--1 { background: var(--dts-note-1); }
.dts-note-box--2 { background: var(--dts-note-2); }
.dts-note-box--3 { background: var(--dts-note-3); color: #1A1A1A; }
.dts-note-box--4 { background: var(--dts-note-4); }
.dts-note-box--5 { background: var(--dts-note-5); }