/*
 * Budion brand overrides for Lineone theme tokens.
 */

:root {
    --color-primary: #fc225c;
    --color-primary-focus: #d41d4f;
    --color-secondary: #fe801c;
    --color-secondary-focus: #e6730a;
    --color-secondary-light: #ff9a4a;
    --color-accent: #fc225c;
    --color-accent-focus: #d41d4f;
    --color-accent-light: #ff6b8a;
    --color-warning: #fe801c;
    --color-warning-focus: #e6730a;
    --brand-gradient: linear-gradient(to bottom right, #fc225c, #fe801c);
}

.dark {
    --color-accent: #fc225c;
    --color-accent-focus: #ff4d7a;
    --color-accent-light: #ff8aa6;
}

.bg-brand-gradient {
    background-image: linear-gradient(to bottom right, #fc225c, #fe801c);
}

.hover\:bg-brand-gradient:hover {
    background-image: linear-gradient(to bottom right, #fc225c, #fe801c);
}

.border-brand-gradient {
    border-color: transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom right, #fc225c, #fe801c);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.dark .border-brand-gradient {
    background-image: linear-gradient(#0b1220, #0b1220), linear-gradient(to bottom right, #fc225c, #fe801c);
}

.text-brand-gradient {
    background-image: linear-gradient(to bottom right, #fc225c, #fe801c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.btn.bg-primary,
.btn.bg-primary:hover,
.btn.bg-primary:focus {
    background-image: linear-gradient(to bottom right, #fc225c, #fe801c);
    background-color: #fc225c;
    border: 0;
}

.btn.bg-primary:hover,
.btn.bg-primary:focus {
    filter: brightness(0.95);
}

.is-initial.bg-brand-gradient,
.avatar .bg-brand-gradient {
    color: #fff;
}

.menu-toggle.active span {
    background-color: #fc225c;
}

.form-checkbox.is-basic:checked {
    background-color: #fc225c;
    border-color: #fc225c;
}

.halal-mark-icon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    color: #059669;
}

.halal-mark-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.halal-mark-icon--xs {
    width: 1.125rem;
    height: 1.125rem;
}

.halal-mark-icon--sm {
    width: 1.375rem;
    height: 1.375rem;
}

.halal-mark-icon--md {
    width: 1.75rem;
    height: 1.75rem;
}

.form-checkbox.is-basic:checked:hover,
.form-checkbox.is-basic:checked:focus {
    background-color: #d41d4f;
    border-color: #d41d4f;
}

/* Fallback: shell zichtbaar als Alpine x-cloak niet opruimt */
body.app-shell-ready .app-preloader {
    display: none !important;
}

body.app-shell-ready #root[x-cloak] {
    display: flex !important;
}