/**
 * T26 Compliance Hub - WBCE CMS
 * @author      Thodde26 (Thorsten)
 * @Version     1.0.0
 * @link        https://www.thodde26.de
 * @file        frontend.css
 * @license     http://www.gnu.org/licenses/gpl.html GNU General Public License v3.0
 */

:root {
    --t26-compliance-font-size: 16px;
    --t26-compliance-line-height: 1.6;
    --t26-compliance-text-color: #0f2a4a; /* T26 Midnight Blue */
    --t26-compliance-link-color: #185FA5; /* T26 Deep Blue */
}

/* Haupt-Container (Zwingt die Box absolut auf 100% Breite) */
.t26-compliance-content {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;

    /* Flexbox Override: Verhindert das "Shrink-to-fit" in Flex-Themes! */
    flex: 1 1 100% !important;

    box-sizing: border-box !important;
    clear: both !important;
    float: none !important;

    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: var(--t26-compliance-font-size, 16px);
    line-height: var(--t26-compliance-line-height, 1.6);
    color: var(--t26-compliance-text-color, #0f2a4a);

    margin: 20px 0 40px 0 !important;
    padding: 40px !important;
    text-align: center;

    background-color: var(--t26-bg-surface, #ffffff);
    border: 1px solid var(--t26-border-color, #cbd5e1);
    border-radius: 6px;
    box-shadow: 0 4px 10px var(--t26-shadow-color, rgba(10, 17, 40, 0.08));

    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

.t26-compliance-content h1,
.t26-compliance-content h2,
.t26-compliance-content h3,
.t26-compliance-content h4 {
    display: block;
    margin-top: 0;
    margin-bottom: 15px;
    color: inherit;
    line-height: 1.2;
}

.t26-compliance-content p {
    display: block;
    margin-bottom: 15px;
}

.t26-compliance-content p:last-child {
    margin-bottom: 0;
}

.t26-compliance-content a {
    color: var(--t26-compliance-link-color, #185FA5);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: opacity 0.2s ease;
}

.t26-compliance-content a:hover,
.t26-compliance-content a:focus {
    opacity: 0.8;
    outline: 2px solid var(--t26-compliance-link-color, #185FA5);
    outline-offset: 2px;
}

.t26-compliance-content:hover {
    transform: none !important;
    border-color: var(--t26-border-color, #cbd5e1) !important;
    box-shadow: 0 4px 10px var(--t26-shadow-color, rgba(10, 17, 40, 0.08)) !important;
}