/**
 * =============================================================================
 * Delta Auriga WordPress Theme
 * File: assets/css/legal.css
 * =============================================================================
 *
 * Legal Pages Stylesheet
 *
 * Description:
 * Styles for all legal pages including:
 * - Imprint
 * - Privacy Policy
 * - Cookie Policy (future)
 * - Terms & Conditions (future)
 *
 * The layout follows the Delta Auriga design system and uses the global
 * design tokens defined in theme.json and variables.css.
 *
 * @package    DeltaAuriga
 * @version    1.0.0
 * @author     Michael Zimmermann
 * @copyright  Copyright (c) 2026 SiniusTec
 * @license    GPL-2.0-or-later
 * =============================================================================
 */


/* =============================================================================
   01. Main Layout
============================================================================= */

.auriga-legal {
    padding: clamp(5rem, 8vw, 8rem) 1.5rem;
    background: var(--wp--preset--color--background);
}


/* =============================================================================
   02. Hero Section
============================================================================= */

.auriga-legal__hero {
    max-width: 760px;
    margin: 0 auto 5rem;
    text-align: center;
}

.auriga-legal__hero h1 {
    margin-bottom: 1rem;
    font-size: clamp(2.8rem, 5vw, 4.5rem);
    line-height: 1.1;
    color: var(--wp--preset--color--foreground);
}

.auriga-legal__hero h1::after {
    content: "";
    display: block;
    width: 90px;
    height: 4px;
    margin: 1.5rem auto 0;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--wp--preset--color--primary),
        transparent
    );
}

.auriga-legal__hero p {
    max-width: 640px;
    margin: 0 auto;
    color: var(--wp--preset--color--text-muted);
    line-height: 1.8;
}


/* =============================================================================
   03. Content Container
============================================================================= */

.auriga-legal__container {
    width: min(960px, 100%);
    margin: 0 auto;
}


/* =============================================================================
   04. Legal Cards
============================================================================= */

.auriga-legal__card {
    margin-bottom: 2rem;
    padding: 2.25rem;
    background: var(--wp--preset--color--surface);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.auriga-legal__card:hover {

    transform: translateY(-5px);

    border-color: rgba(255,255,255,.18);

    box-shadow: 0 20px 45px rgba(0,0,0,.18);

}


/* =============================================================================
   05. Typography
============================================================================= */

.auriga-legal__card h2 {

    margin-bottom: 1.5rem;

    color: var(--wp--preset--color--primary);

    font-size: 1.55rem;

}

.auriga-legal__card p {

    margin-bottom: 1.25rem;

    line-height: 1.85;

    color: var(--wp--preset--color--foreground);

}

.auriga-legal__card p:last-child {

    margin-bottom: 0;

}

.auriga-legal__card strong {

    color: var(--wp--preset--color--foreground);

}


/* =============================================================================
   06. Links
============================================================================= */

.auriga-legal__card a {

    color: var(--wp--preset--color--primary);

    text-decoration: none;

    transition: color .25s ease;

}

.auriga-legal__card a:hover {

    text-decoration: underline;

}


/* =============================================================================
   07. Business Card
============================================================================= */

.auriga-business-card {

    display: grid;

    gap: 1.2rem;

    padding: 2rem;

    margin-top: 1rem;

    border-radius: 16px;

    background: rgba(255,255,255,.03);

    border: 1px solid rgba(255,255,255,.08);

}

.auriga-business-card__company {

    font-size: 1.35rem;

    font-weight: 700;

    color: var(--wp--preset--color--foreground);

}

.auriga-business-card__item {

    display: flex;

    align-items: flex-start;

    gap: .85rem;

    line-height: 1.7;

}

.auriga-business-card__icon {

    width: 28px;

    text-align: center;

    color: var(--wp--preset--color--primary);

    flex-shrink: 0;

}

.auriga-business-card__text {

    color: var(--wp--preset--color--foreground);

}

.auriga-business-card a {

    color: inherit;

    text-decoration: none;

}

.auriga-business-card a:hover {

    color: var(--wp--preset--color--primary);

}


/* =============================================================================
   08. Responsive Design
============================================================================= */

@media (max-width: 768px) {

    .auriga-legal {

        padding: 4rem 1.25rem;

    }

    .auriga-legal__hero {

        margin-bottom: 3rem;

    }

    .auriga-legal__card {

        padding: 1.75rem;

    }

    .auriga-business-card {

        padding: 1.5rem;

    }

}