@extends('layouts.static-page')

@section('meta_title', 'Legal Notice')
@section('meta_description', 'Legal notice for the BlackSplit website and related legal references.')

@push('style')
<style>
    html,
    body {
        background: #fbfbfb;
    }

    .legal-page {
        min-height: 100svh;
        padding: 2.5rem 1rem 3.5rem;
        background: #fbfbfb;
    }

    .legal-shell {
        width: 100%;
        max-width: 1180px;
        margin: 0 auto;
    }

    .legal-title {
        margin: 0 0 1.5rem;
        text-align: center;
        font-size: clamp(2rem, 4vw, 2.9rem);
        line-height: 1.1;
        letter-spacing: -0.03em;
        color: #111111;
        font-weight: 800;
    }

    .legal-intro-card,
    .legal-section {
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    }

    .legal-intro-card {
        padding: 1.45rem 1.55rem;
    }

    .legal-intro {
        margin: 0;
        color: #1b1b1b;
        font-size: 0.99rem;
        line-height: 1.65;
    }

    .legal-block {
        margin-top: 1.9rem;
    }

    .legal-block-title {
        margin: 0 0 1rem;
        font-size: 1.15rem;
        font-weight: 800;
        color: #111111;
        line-height: 1.4;
    }

    .legal-section {
        padding: 1.5rem 1.55rem;
    }

    .legal-section p {
        margin: 0;
        color: #1b1b1b;
        font-size: 0.99rem;
        line-height: 1.65;
    }

    .legal-page a {
        color: #ff8c1a;
        font-weight: 700;
        text-decoration: none;
    }

    .legal-page a:hover {
        text-decoration: underline;
    }

    @media (max-width: 575.98px) {
        .legal-page {
            padding: 1.1rem 0.75rem 2.2rem;
        }

        .legal-title {
            margin-bottom: 1.2rem;
        }

        .legal-intro-card,
        .legal-section {
            padding: 1.1rem 1rem;
            border-radius: 16px;
        }
    }
</style>
@endpush

@section('content')
<div class="legal-page">
    <div class="legal-shell">
        <h1 class="legal-title">Legal notice</h1>

        <section class="legal-intro-card">
            <p class="legal-intro">
                The following information provides the website publisher's mandatory data and protection obligations,
                as well as other important legal references required by law in relation to the
                <a href="{{ route('index') }}">BlackSplit website</a>.
            </p>
        </section>

        <section class="legal-block">
            <h2 class="legal-block-title">Copyright - Intellectual Property</h2>
            <section class="legal-section">
                <p>
                    The content of the BlackSplit website, including brands, logos, photos, media, documents, and
                    other materials, is the property of BlackSplit and is protected by copyright laws worldwide.
                    Unauthorized use, reproduction, or modification of the content is strictly prohibited, and
                    offenders will be held liable for any infringement. The content provided on the BlackSplit
                    website is for informational purposes only and is not binding or contractual. BlackSplit reserves
                    the right to modify the content without notice.
                </p>
            </section>
        </section>
    </div>
</div>
@endsection