/* File: css/style.css */
.arbika-rent-wrapper { width: 100%; margin: 20px 0; font-family: 'Segoe UI', sans-serif; position: relative; }
.arb-slider-container { overflow: hidden; padding: 10px 0; width: 100%; }
.arb-slider-track { display: flex; gap: 15px; transition: transform 0.4s ease; will-change: transform; flex-wrap: nowrap; }

/* KARTU DINAMIS (Rumus calc diperkuat agar tidak rusak oleh Minifier) */
.arb-card { 
    background: #fff; border-radius: 12px; border: 1px solid #e0e4e8; position: relative; 
    overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 2px 8px rgba(0,0,0,0.06); 
    transition: transform 0.3s;
    /* Nilai default 5 disisipkan langsung sebagai pengaman */
    flex: 0 0 calc((100% - (15px * (var(--d-cols, 5) - 1))) / var(--d-cols, 5)); 
    max-width: calc((100% - (15px * (var(--d-cols, 5) - 1))) / var(--d-cols, 5));
}
.arb-card:hover { transform: translateY(-5px); }

/* WARNA DINAMIS DARI DASHBOARD */
.arb-tag { 
    position: absolute; top: 10px; right: 0; background: var(--art-secondary, #2ecc71); 
    color: #fff; font-size: 10px; padding: 4px 10px; border-bottom-left-radius: 10px; font-weight: bold; z-index: 2; 
}
.arb-slider-btn { 
    position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; 
    border: none; border-radius: 50%; background: var(--art-primary, #2c3e50); color: #fff; 
    cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; opacity: 0.9;
}
.arb-slider-btn.prev { left: -15px; }
.arb-slider-btn.next { right: -15px; }
.arb-slider-btn:hover { filter: brightness(1.2); }

/* TABLET RESPONSIF */
@media (max-width: 1024px) and (min-width: 769px) {
    .arb-card { 
        flex: 0 0 calc((100% - (15px * (var(--t-cols, 3) - 1))) / var(--t-cols, 3)); 
        max-width: calc((100% - (15px * (var(--t-cols, 3) - 1))) / var(--t-cols, 3));
    }
}

/* MOBILE RESPONSIF */
@media (max-width: 768px) {
    .arb-card { 
        flex: 0 0 calc((100% - (15px * (var(--m-cols, 2) - 1))) / var(--m-cols, 2)); 
        max-width: calc((100% - (15px * (var(--m-cols, 2) - 1))) / var(--m-cols, 2));
    }
    .arb-slider-btn { width: 32px; height: 32px; }
    .arb-slider-btn.prev { left: 5px; }
    .arb-slider-btn.next { right: 5px; }
}

/* Info Styling */
.arb-img-link { text-decoration: none; display: block; }
.arb-img-box { width: 100%; aspect-ratio: 1/1; overflow: hidden; background: #f4f6f8; }
.arb-img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.arb-img-link:hover .arb-img-box img { transform: scale(1.05); }
.arb-info-content { padding: 12px; display: flex; flex-direction: column; flex-grow: 1; }
h3.arb-car-title { font-size: 15px; margin: 0 0 10px; color: #000; font-weight: bold; line-height: 1.2; }
.arb-spec-list { display: flex; justify-content: space-between; font-size: 10px; color: #444; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 8px; }
.arb-car-year { font-size: 10px; display: block; margin-bottom: 10px; color: #000; }
.arb-action-area { margin-top: auto; }
.arb-price-label { font-size: 9px; color: #666; display: block; margin-bottom: 2px;}
.arb-price-value { font-size: 16px; font-weight: 800; color: var(--art-primary, #2c3e50); }