/* ==========================================================================
   Intelligence Suite – Dark Theme Wrapper
   Wrap any page content in class="isuite" to apply this dark theme.
   ========================================================================== */

.isuite {
    --is-bg: #09282A;
    --is-bg-elevated: #0D3538;
    --is-border: #385b5d;
    --is-text: #E8F5F0;
    --is-text-muted: #a3bfba;
    --is-accent: #2DD4BF;
    --is-accent-light: #5EEAD4;
    --is-accent-hover: #25b8a3;
    --is-accent-subtle: rgba(45, 212, 191, 0.12);
    --is-border-subtle: rgba(232, 245, 240, 0.12);
    --is-red: #E60037;

    background-color: var(--is-bg);
    color: var(--is-text);
}

/* ---------- Typography ---------- */

.isuite h1,
.isuite h2,
.isuite h3,
.isuite h4,
.isuite h5,
.isuite h6 {
    color: var(--is-text) !important;
}

.isuite h1 strong,
.isuite h2 strong {
    color: var(--is-accent) !important;
}

.isuite p,
.isuite li,
.isuite span,
.isuite td,
.isuite th,
.isuite label,
.isuite figcaption {
    color: var(--is-text);
}

.isuite strong {
    color: inherit;
}

/* ---------- Links ---------- */

.isuite a {
    color: var(--is-accent);
}

.isuite a:hover {
    color: var(--is-accent-light);
}

.isuite .has-accent-5-color,
.isuite .has-accent-5-color a,
.isuite p.has-accent-5-color {
    color: var(--is-accent) !important;
}

/* ---------- Breadcrumbs ---------- */

.isuite .yoast-breadcrumbs a,
.isuite .yoast-breadcrumbs span {
    color: var(--is-accent) !important;
}

/* ---------- Buttons – primary (filled) ---------- */

.isuite .wp-element-button,
.isuite .wp-block-button__link {
    background-color: var(--is-accent) !important;
    color: var(--is-bg) !important;
    border-color: var(--is-accent) !important;
}

.isuite .wp-element-button:hover,
.isuite .wp-block-button__link:hover {
    background-color: var(--is-accent-hover) !important;
    color: var(--is-bg) !important;
}

/* ---------- Buttons – outline ---------- */

.isuite .outline .wp-element-button,
.isuite .outline .wp-block-button__link {
    background-color: transparent !important;
    color: var(--is-text) !important;
    border: 1px solid var(--is-border) !important;
}

.isuite .outline .wp-element-button:hover,
.isuite .outline .wp-block-button__link:hover {
    background-color: var(--is-accent-subtle) !important;
    color: var(--is-text) !important;
}

/* ---------- Button icon images (keep visible on colored bg) ---------- */

.isuite .wp-element-button img,
.isuite .wp-block-button__link img {
    filter: brightness(0) saturate(100%);
}

.isuite .outline .wp-element-button img,
.isuite .outline .wp-block-button__link img {
    filter: brightness(0) invert(1);
}

/* ---------- Cards (.card) ---------- */

.isuite .card {
    background: var(--is-bg-elevated) !important;
    border-color: var(--is-border) !important;
}

.isuite .card p,
.isuite .card li,
.isuite .card strong,
.isuite .card span {
    color: var(--is-text);
}

/* ---------- Bordered group cards (has-contrast-3-border-color) ---------- */

.isuite .has-border-color,
.isuite .has-contrast-3-border-color {
    border-color: var(--is-border) !important;
}

.isuite .wp-block-group.has-border-color {
    background-color: var(--is-bg-elevated);
}

/* ---------- Pills (.secsign_pill) ---------- */

.isuite .secsign_pill {
    background: var(--is-bg-elevated) !important;
    border-color: var(--is-border) !important;
}

.isuite .secsign_pill p {
    color: var(--is-text) !important;
}

/* ---------- Icon lists ---------- */

.isuite .secsign-greenicon-list li,
.isuite .secsign-icon-list li {
    color: var(--is-text);
}

.isuite .secsign-greenicon-list li::before {
    //filter: hue-rotate(140deg) saturate(1.5) brightness(1.2);
}

.isuite .secsign-icon-list li::before {
    //filter: brightness(0) invert(1);
}

/* ---------- Notice / accent-3 backgrounds ---------- */

.isuite .has-accent-3-background-color {
    background-color: rgba(45, 212, 191, 0.10) !important;
}

.isuite .has-accent-3-background-color p,
.isuite .has-accent-3-background-color li,
.isuite .has-accent-3-background-color strong {
    color: var(--is-text) !important;
}

/* Highlighted notice (the cyan call-out boxes) */
.isuite .has-background[style*="ffeaea"] {
    background-color: rgba(230, 0, 55, 0.15) !important;
}

.isuite .has-background[style*="ffeaea"] p {
    color: var(--is-text) !important;
}

/* ---------- Accent-4 hero background ---------- */

.isuite .has-accent-4-background-color {
    background-color: var(--is-bg) !important;
}

.isuite .has-accent-4-background-color h1,
.isuite .has-accent-4-background-color h4,
.isuite .has-accent-4-background-color p,
.isuite .has-accent-4-background-color span {
    color: var(--is-text) !important;
}

.isuite .has-accent-3-color,
.isuite .has-accent-3-color a {
    color: var(--is-accent) !important;
}

/* ---------- Dark hero BG override (inline #030044) ---------- */

.isuite .has-background[style*="030044"] {
    background-color: var(--is-accent) !important;
}

.isuite .has-background[style*="030044"] h1,
.isuite .has-background[style*="030044"] p {
    color: var(--is-bg) !important;
}

.isuite .has-background[style*="030044"] .wp-element-button {
    background-color: var(--is-bg) !important;
    color: var(--is-text) !important;
}

/* ---------- Full-width CTA on cyan bg ---------- */

.isuite .is-cta-cyan {
    background-color: var(--is-accent) !important;
}

.isuite .is-cta-cyan h1,
.isuite .is-cta-cyan h2,
.isuite .is-cta-cyan h3,
.isuite .is-cta-cyan p {
    color: var(--is-bg) !important;
}

.isuite .is-cta-cyan .wp-element-button {
    background-color: var(--is-bg) !important;
    color: var(--is-text) !important;
}

.isuite .is-cta-cyan .outline .wp-element-button {
    background-color: transparent !important;
    color: var(--is-bg) !important;
    border-color: var(--is-bg) !important;
}

/* ---------- Tables ---------- */

.isuite .wp-block-table table {
    border-color: var(--is-border) !important;
}

.isuite .wp-block-table th {
    color: var(--is-text);
    border-color: var(--is-border);
    background-color: var(--is-bg-elevated);
}

.isuite .wp-block-table td {
    color: var(--is-text);
    border-color: var(--is-border);
}

.isuite .wp-block-table tr:nth-child(even) td {
    background-color: rgba(45, 212, 191, 0.04);
}

.isuite .extra-table {
    background-color: var(--is-bg-elevated) !important;
    color: var(--is-text);
}

/* ---------- FAQ section ---------- */

.isuite .secsign-faq-section .schema-faq-section {
    border-color: var(--is-border);
    background-color: var(--is-bg-elevated);
}

.isuite .secsign-faq-section .schema-faq-question {
    color: var(--is-text);
}

.isuite .secsign-faq-section .schema-faq-question::after {
    filter: brightness(0) invert(1);
}

.isuite .secsign-faq-section .schema-faq-answer {
    color: var(--is-text);
}

.isuite .secsign-faq-section .schema-faq-answer p {
    color: var(--is-text);
}

/* ---------- Separators ---------- */

.isuite .wp-block-separator,
.isuite hr {
    border-color: var(--is-border-subtle) !important;
    opacity: 1;
}

/* ---------- Spacer (no visual change, just inherits bg) ---------- */

/* ---------- Partial background ---------- */

.isuite .secsign-partial-background::before {
    background-color: rgba(45, 212, 191, 0.06);
}

/* ---------- Quote block (SecSign Quote) ---------- */

.isuite .wp-block-group[style*="secquo"] {
    background-color: var(--is-bg-elevated) !important;
}

.isuite .wp-block-group[style*="secquo"] p {
    color: var(--is-text) !important;
}

/* ---------- Testimonial cards ---------- */

.isuite .secsign_testimonial_card {
    border-color: var(--is-border) !important;
    background-color: var(--is-bg-elevated);
}

.isuite .secsign_testimonial_card p {
    color: var(--is-text);
}

.isuite .secsign_testimonial_header .has-contrast-2-color {
    color: var(--is-text-muted) !important;
}

/* ---------- Columns / Groups on dark bg ---------- */

.isuite .wp-block-columns,
.isuite .wp-block-column,
.isuite .wp-block-group {
    color: var(--is-text);
}

/* ---------- White text overrides for existing WP color classes ---------- */

.isuite .has-base-color {
    color: var(--is-text) !important;
}

.isuite .has-contrast-color {
    color: var(--is-text) !important;
}

.isuite .has-contrast-2-color {
    color: var(--is-text-muted) !important;
}

/* ---------- Images / Icons – filter for dark theme ---------- */

.isuite .no-shrink-icon img,
.isuite .wp-block-group .wp-block-image:not(.bigicon) img[src*="icon-"] {
    filter: brightness(0) invert(0.9) sepia(0.2) saturate(0.5) hue-rotate(120deg);
}

/* Keep logos unfiltered */
.isuite img[src*="seccommerce-logo"],
.isuite img[src*="d-trust"],
.isuite img[src*="beispieldokument"],
.isuite .bigicon img {
    filter: none !important;
}

/* ---------- Bold list option rows (accent-3 bg rows) ---------- */

.isuite .has-accent-3-background-color.wp-block-group[style*="flex"] {
    background-color: rgba(45, 212, 191, 0.08) !important;
}

/* ---------- Grid cards in grid layout ---------- */

.isuite .wp-block-group.alignfull > .wp-block-group.has-border-color {
    background-color: var(--is-bg-elevated);
}

/* ---------- Inline colors used in blocks ---------- */

.isuite .has-link-color a {
    color: var(--is-accent) !important;
}

/* Override text preset color for white on dark */
.isuite [style*="color:#ffffff"],
.isuite [style*="color: #ffffff"] {
    color: var(--is-text) !important;
}

.isuite [style*="color:#c0c0c0"],
.isuite [style*="color: #c0c0c0"] {
    color: var(--is-text-muted) !important;
}



.isuite .kihighlight,
.isuite .kihighlight.has-accent-3-background-color{
    background-color: #2dd4bf !important;
}

.isuite .kihighlight .wp-block-button a.wp-block-button__link{
    color: var(--is-text) !important;
}

.isuite .kihighlight .wp-block-button.outline a.wp-block-button__link,
.isuite .kihighlight .wp-block-button.outline a.wp-block-button__link:hover,
.isuite .kihighlight p,
.isuite .kihighlight h1,
.isuite .kihighlight h2,
.isuite .kihighlight h3,
.isuite .kihighlight p.has-contrast-color,
.isuite .kihighlight.has-accent-3-background-color p,
.isuite .kihighlight .wp-block-list li,
.isuite .kihighlight.has-accent-3-background-color p, .isuite .kihighlight.has-accent-3-background-color li, .isuite .kihighlight.has-accent-3-background-color strong {
    color: #000 !important;
}


.isuite .kihighlight .secsign_pill p{
    color: #fff !important;
}

.isuite .secsign_darkicon img,
.isuite .wp-block-group .wp-block-image.secsign_darkicon img {
  filter: none !important;
}




/* ---------- Responsive adjustments ---------- */

@media only screen and (max-width: 600px) {
    .isuite .secsign_pill {
        background: var(--is-bg-elevated) !important;
    }
}