@extends('web.layouts.web-master')

@php
    $legal = legal_page('terms');
@endphp

@section('title', $legal['meta_title'] . ' - ' . ($domainName ?? config('app.name')))

@section('content')
    <div class="bg-background">
        <livewire:web.components.ui.header />

        <main class="variante-glass-flow">
            <section class="section-padding">
                <div class="container-padding">
                    <div class="max-w-3xl mx-auto">
                        <h1 class="text-hero mb-8">{{ $legal['title'] }}</h1>
                        <p class="text-muted-foreground text-sm mb-12">
                            {{ $legal['subtitle'] }}
                        </p>

                        <div class="prose-legal space-y-8 text-foreground">
                            {!! $legal['content'] !!}
                        </div>

                        <div class="mt-12 pt-8 border-t border-border/30">
                            <a href="{{ url()->previous() }}" class="text-secondary hover:underline text-sm">
                                {{ $legal['back_link'] }}
                            </a>
                        </div>
                    </div>
                </div>
            </section>
        </main>

        <livewire:web.components.ui.footer />
    </div>
@endsection

@push('styles')
    <style>
        [x-cloak] { display: none !important; }
        .prose-legal a { transition: color 0.2s; }
    </style>
@endpush