<style>
    .verification-container {
        text-align: center;
        font-family: Arial, sans-serif;
        padding: 20px 0;
    }
    .verification-title {
        color: #333;
        font-size: 24px;
        margin: 0 0 20px 0;
        font-weight: bold;
    }
    .verification-text {
        color: #666;
        font-size: 16px;
        line-height: 1.5;
        margin: 0 0 30px 0;
    }
    .verification-button {
        display: inline-block;
        background-color: #28a745;
        color: white !important;
        text-decoration: none;
        padding: 12px 30px;
        border-radius: 5px;
        font-weight: bold;
        font-size: 16px;
        margin: 0 0 20px 0;
    }
    .verification-info {
        color: #0c5460;
        background-color: #d1ecf1;
        border: 1px solid #bee5eb;
        border-radius: 4px;
        padding: 15px;
        margin: 20px 0;
        font-size: 14px;
    }
    .welcome-note {
        color: #333;
        background-color: #f8f9fa;
        border-left: 4px solid #28a745;
        padding: 15px;
        margin: 20px 0;
        font-size: 15px;
        text-align: left;
    }
</style>

<div class="verification-container">
    <h1 class="verification-title">✉️ Ověření e-mailové adresy</h1>
    
    <p class="verification-text">
        Vítejte {{ user.first_name|default:user.username }}!<br><br>
        Děkujeme za registraci. Pro dokončení vytvoření účtu je nutné 
        ověřit vaši e-mailovou adresu kliknutím na tlačítko níže.
    </p>
    
    <a href="{{ action_url }}" class="verification-button">{{ cta_label }}</a>
    
    <div class="welcome-note">
        <strong>🎉 Těšíme se na vás!</strong><br>
        Po ověření e-mailu budete moci využívat všechny funkce naší platformy 
        a začít nakupovat nebo prodávat.
    </div>
    
    <div class="verification-info">
        <strong>ℹ️ Co dělat, když tlačítko nefunguje?</strong><br>
        Zkopírujte a vložte následující odkaz do adresního řádku prohlížeče:
        <br><br>
        <span style="word-break: break-all; font-family: monospace; font-size: 12px;">{{ action_url }}</span>
    </div>
    
    <p class="verification-text" style="font-size: 14px; color: #999;">
        Odkaz pro ověření je platný po omezenou dobu. 
        Pokud jste se neregistrovali na našich stránkách, ignorujte tento e-mail.
    </p>
</div>