/* =========================================================
   Vrienda v7.2 - Global Border Radius 10px
   Doel: rustiger, strakker, LinkedIn-achtiger ontwerp.
   Plaats deze CSS als laatste stylesheet.
   ========================================================= */

:root{
    --radius:10px !important;
    --radius-lg:10px !important;
    --radius-xl:14px !important;
}

/* Global cards / panels */
.panel,
.card,
.box,
.widget,
.section,
.feed-card,
.krabbel-card,
.post-card,
.story-card,
.activity-card,
.nav-card,
.trending-card,
.sidebar-profile-card,
.profile-card,
.group-card,
.side-card,
.menu-card,
.composer,
.create-post,
.post-composer,
.krabbel-composer,
.comment,
.comment-item,
.reply,
.krabbel-comment,
.modal,
.dropdown,
.toast,
.alert {
    border-radius:10px !important;
}

/* Forms */
input,
textarea,
select,
.form-control,
.input,
.search-input {
    border-radius:10px !important;
}

/* Buttons blijven compact rond, maar niet overdreven */
button,
.btn,
.button,
input[type="submit"],
a.btn,
.action-btn,
.like-button,
.comment-button,
.reaction-trigger {
    border-radius:10px !important;
}

/* Kleine pills mogen iets ronder blijven */
.badge,
.pill,
.tag,
.hashtag,
.mention,
.status-badge {
    border-radius:999px !important;
}

/* Grote hero/cover vlakken iets zachter */
.hero,
.hero-card,
.cover-card,
.welcome-banner,
.welcome-card,
.sidebar-profile-cover,
.profile-cover {
    border-radius:14px !important;
}

/* Profielfoto's en avatars altijd rond houden */
.avatar,
.profile-avatar,
.sidebar-profile-avatar,
.user-avatar,
.post-avatar,
.comment-avatar,
.member-avatar,
.story-avatar,
img.avatar,
img.profile-avatar,
img.sidebar-profile-avatar,
img.user-avatar,
img.post-avatar,
img.comment-avatar {
    border-radius:50% !important;
}

/* Media in posts mag strak binnen de card blijven */
.post-media img,
.media-wrap img,
.image-wrap img,
.feed-image,
.post-image,
.krabbel-image {
    border-radius:0 !important;
}

/* Sidebar/menu specifieker */
.sidebar .panel,
.sidebar .nav-card,
.sidebar-profile-card,
.leftbar .panel,
.left-sidebar .panel {
    border-radius:10px !important;
}

/* Composer onderdelen */
.composer textarea,
.post-composer textarea,
.krabbel-composer textarea,
#create-post textarea,
#postForm textarea {
    border-radius:10px !important;
}

/* Floating buttons mogen wel rond blijven */
.fab,
.floating-action,
.chat-fab,
.add-fab {
    border-radius:50% !important;
}