/* Tiger Media brand layer on top of Tabler.
   Tokens taken from tigermedia.dk: accent #F05A20, ink #000, headings Libre Franklin, body Montserrat. */

:root {
    --mp-orange: #F05A20;
    --mp-orange-600: #d44e1b;
    --mp-orange-700: #b94216;
    --mp-ink: #18181b;

    --tblr-primary: #F05A20;
    --tblr-primary-rgb: 240, 90, 32;
    --tblr-link-color: #d44e1b;
    --tblr-link-color-rgb: 212, 78, 27;
    --tblr-link-hover-color: #b94216;
    --tblr-font-sans-serif: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body {
    font-family: var(--tblr-font-sans-serif);
    font-weight: 500;
    color: var(--mp-ink);
    background: #f6f6f7;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title, .card-title, .navbar-brand {
    font-family: "Libre Franklin", var(--tblr-font-sans-serif);
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* Recolour the bits Tabler compiles from $primary so the orange comes through at runtime. */
.btn-primary {
    --tblr-btn-bg: var(--mp-orange);
    --tblr-btn-border-color: var(--mp-orange);
    --tblr-btn-hover-bg: var(--mp-orange-600);
    --tblr-btn-hover-border-color: var(--mp-orange-600);
    --tblr-btn-active-bg: var(--mp-orange-700);
    --tblr-btn-active-border-color: var(--mp-orange-700);
    color: #fff;
}

.btn-outline-primary {
    --tblr-btn-color: var(--mp-orange);
    --tblr-btn-border-color: var(--mp-orange);
    --tblr-btn-hover-bg: var(--mp-orange);
    --tblr-btn-hover-border-color: var(--mp-orange);
    --tblr-btn-active-bg: var(--mp-orange);
}

.text-primary { color: var(--mp-orange) !important; }
.bg-primary { background-color: var(--mp-orange) !important; }
.link-primary { color: var(--mp-orange) !important; }
.badge.bg-orange, .bg-orange { background-color: var(--mp-orange) !important; color: #fff; }

a { color: var(--mp-orange-600); }
a:hover { color: var(--mp-orange-700); }

.form-control:focus, .form-select:focus {
    border-color: var(--mp-orange);
    box-shadow: 0 0 0 .25rem rgba(240, 90, 32, .2);
}

/* Navbars — clean white with a thin orange top accent. */
.mp-navbar {
    background: #fff;
    border-bottom: 1px solid var(--tblr-border-color, #e6e7e9);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}
.page { border-top: 3px solid var(--mp-orange); }
.navbar-brand img { display: block; }
.mp-brand-text {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 800;
    font-size: 1.05rem;
    color: var(--mp-ink);
    letter-spacing: -0.01em;
}

/* Mock item cards */
.mp-item-card { transition: box-shadow .15s ease, transform .15s ease; }
.mp-item-card:hover { box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08); transform: translateY(-2px); }

/* Drag-and-drop zone */
.mp-dropzone {
    border: 2px dashed #c7c9cd;
    border-radius: 14px;
    background: #fafafb;
    padding: 2.5rem 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.mp-dropzone:hover { border-color: var(--mp-orange); background: #fff7f3; }
.mp-dropzone.mp-drag {
    border-color: var(--mp-orange);
    background: #fff1ea;
    box-shadow: inset 0 0 0 3px rgba(240, 90, 32, .12);
}
.mp-dropzone.mp-busy { opacity: .65; pointer-events: none; }
.mp-dropzone-icon {
    width: 56px; height: 56px;
    color: var(--mp-orange);
    margin-bottom: .75rem;
}