/* ==============================================================================
   Veebiaadressid App Stylesheet
   ============================================================================== */

:root {
    --re-primary: #0d6efd;
    --re-dark: #212529;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #2c3e50;
    min-height: 100vh;
}

/* Typography utilities */
.fs-7 { font-size: 0.825rem !important; }
.fs-8 { font-size: 0.75rem !important; }
.cursor-pointer { cursor: pointer; }
.tracking-tight { letter-spacing: -0.02em; }

/* Transitions & Hover Effects */
.transition-all {
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.hover-shadow:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08) !important;
}

.hover-text-primary:hover {
    color: var(--re-primary) !important;
}

.hover-underline:hover {
    text-decoration: underline !important;
}

/* User Avatar */
.avatar-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}

/* Tag filter pills */

.tag-filter-pill {
    transition: all 0.15s ease;
    border-radius: 20px;
    font-size: 0.8rem;
    padding: 0.25rem 0.75rem;
}

.tag-badge-click {
    transition: transform 0.1s ease, background-color 0.15s ease;
}
.tag-badge-click:hover {
    background-color: #0d6efd !important;
    color: #ffffff !important;
    transform: scale(1.05);
}

/* Line clamping */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Address Card */
.address-card {
    border-radius: 0.6rem;
    overflow: hidden;
}

/* Code Snippet Box */
.login-snippet-box {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
}