/**
 * RBN Dealer Portal - Minimal CSS (uses UIkit for everything else)
 */

/* Ensure no white backgrounds leak through */
.rbn-dealer-portal,
.rbn-portal-content,
.rbn-lagerliste,
.rbn-clearance,
.rbn-prisliste,
.rbn-bestilte {
    background: transparent !important;
    background-color: transparent !important;
}

/* View toggle buttons */
.rbn-view-toggle {
    display: inline-flex;
    gap: 0;
}

.rbn-view-toggle button {
    padding: 5px 10px;
    border: none;
    background: transparent;
    opacity: 0.4;
    cursor: pointer;
}

.rbn-view-toggle button.active,
.rbn-view-toggle button:hover {
    opacity: 1;
}

.rbn-view-toggle svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Status badges */
.rbn-status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}

.rbn-status-available {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.rbn-status-reserved {
    background: rgba(234, 179, 8, 0.15);
    color: #eab308;
}

.rbn-status-clearance {
    background: rgba(168, 85, 247, 0.15);
    color: #a855f7;
}

.rbn-status-pending {
    background: rgba(234, 179, 8, 0.15);
    color: #eab308;
}

.rbn-status-approved {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.rbn-status-rejected {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

/* Grid view cards */
.rbn-grid-card {
    height: 100%;
}

.rbn-grid-card .uk-card-media-top {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.rbn-grid-card .uk-card-media-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rbn-grid-card .rbn-no-img {
    opacity: 0.3;
    font-size: 12px;
}

/* Clearance badge */
.rbn-clearance-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #ef4444;
    color: #fff;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 1;
}

/* List view thumbnail */
.rbn-list-thumb {
    width: 50px;
    height: 38px;
    object-fit: cover;
    border-radius: 3px;
}

.rbn-list-thumb-placeholder {
    width: 50px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    opacity: 0.3;
    border: 1px dashed currentColor;
    border-radius: 3px;
}

/* Price styling */
.rbn-price {
    font-weight: 600;
}

.rbn-price-old {
    text-decoration: line-through;
    opacity: 0.5;
    font-size: 0.9em;
}

.rbn-price-sale {
    color: #ef4444;
}

/* Modal adjustments */
.rbn-modal-details {
    margin-bottom: 20px;
}

.rbn-modal-details td {
    padding: 5px 10px 5px 0;
}

.rbn-modal-details td:first-child {
    opacity: 0.6;
}

/* Currency Toggle */
.rbn-currency-toggle { display:inline-flex; border:1px solid #ddd; border-radius:4px; overflow:hidden; }
.rbn-cur-btn { padding:4px 12px; border:none; background:#f5f5f5; cursor:pointer; font-size:13px; font-weight:500; transition:all .2s; }
.rbn-cur-btn.active { background:#1e87f0; color:#fff; }
.rbn-cur-btn:hover:not(.active) { background:#e8e8e8; }