/**
 * ASKU Motors Public Styles
 */

/* ===== CAR GRID ===== */
.asku-car-grid {
    display: grid;
    gap: 20px;
    margin: 20px 0;
}
.asku-car-grid.asku-cols-2 { grid-template-columns: repeat(2, 1fr); }
.asku-car-grid.asku-cols-3 { grid-template-columns: repeat(3, 1fr); }
.asku-car-grid.asku-cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1024px) {
    .asku-car-grid.asku-cols-4 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .asku-car-grid.asku-cols-3,
    .asku-car-grid.asku-cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .asku-car-grid { grid-template-columns: 1fr !important; }
}

/* ===== CAR CARD ===== */
.asku-car-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    transition: box-shadow 0.2s;
    border: 1px solid #eaeaea;
}
.asku-car-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}
.asku-car-link {
    display: block;
    text-decoration: none !important;
    color: inherit !important;
}
.asku-car-image {
    position: relative;
    aspect-ratio: 16/10;
    background: #f5f5f5;
    overflow: hidden;
}
.asku-car-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}
.asku-car-card:hover .asku-car-image img {
    transform: scale(1.03);
}
.asku-car-no-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #999;
    font-size: 14px;
}
.asku-car-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.asku-badge-rezervuotas { background: #f0ad4e; color: #fff; }
.asku-badge-parduotas { background: #5cb85c; color: #fff; }
.asku-badge-komisinis { background: #5bc0de; color: #fff; }
.asku-badge-importuotas { background: #777; color: #fff; }
.asku-badge-netrukus { background: #337ab7; color: #fff; }
.asku-badge-ruosiama { background: #d9534f; color: #fff; }

.asku-car-info {
    padding: 14px 16px 16px;
}
.asku-car-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 4px;
    line-height: 1.3;
    color: #1a1a1a;
}
.asku-car-year {
    font-size: 13px;
    color: #666;
    margin: 0 0 8px;
}
.asku-car-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    font-size: 13px;
    color: #555;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.asku-car-specs span {
    display: flex;
    align-items: center;
    gap: 4px;
}
.asku-car-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.asku-car-price {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
}
.asku-car-vat {
    font-size: 12px;
    color: #888;
}
.asku-car-monthly {
    font-size: 13px;
    color: #2c7a4c;
    font-weight: 500;
}

/* ===== FINANCE BOX ===== */
.asku-finance-box {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 24px;
    margin: 20px 0;
}
.asku-finance-box h3 {
    margin-top: 0;
    font-size: 18px;
}
.asku-calc-row {
    margin-bottom: 14px;
}
.asku-calc-row label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #333;
}
.asku-calc-row input,
.asku-calc-row select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
}
.asku-calc-highlight {
    font-size: 22px;
    font-weight: 700;
    color: #2c7a4c;
    margin: 16px 0;
    padding: 12px;
    background: #e8f5e9;
    border-radius: 6px;
    text-align: center;
}
.asku-calc-disclaimer {
    font-size: 12px;
    color: #888;
    margin-top: 10px;
}

/* ===== CAR FINANCE BLOCK ===== */
.asku-car-finance {
    background: #fff;
    border: 2px solid #1a1a1a;
    border-radius: 10px;
    padding: 24px;
    text-align: center;
}
.asku-car-price-main {
    margin-bottom: 8px;
}
.asku-price-label {
    display: block;
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.asku-price-value {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
}
.asku-car-monthly-main {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eaeaea;
}
.asku-monthly-label {
    display: block;
    font-size: 13px;
    color: #666;
}
.asku-monthly-value {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #2c7a4c;
}

/* ===== BUTTONS ===== */
.asku-btn {
    display: inline-block;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}
.asku-btn-primary {
    background: #1a1a1a;
    color: #fff !important;
}
.asku-btn-primary:hover {
    background: #333;
}

/* ===== SPECIFICATIONS TABLE ===== */
.asku-specs-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #eaeaea;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 0;
}
.asku-spec-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 14px;
    background: #fff;
    font-size: 14px;
}
.asku-spec-label {
    color: #666;
}
.asku-spec-value {
    font-weight: 500;
    color: #1a1a1a;
}

/* ===== SERVICES GRID ===== */
.asku-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 20px 0;
}
.asku-service-card {
    display: block;
    padding: 24px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #eaeaea;
    text-decoration: none !important;
    color: inherit !important;
    transition: box-shadow 0.2s;
}
.asku-service-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.asku-service-card h4 {
    margin: 0 0 8px;
    font-size: 17px;
    color: #1a1a1a;
}
.asku-service-card p {
    margin: 0 0 12px;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}
.asku-service-link {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
}

/* ===== STATS BAR ===== */
.asku-stats-bar {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding: 30px;
    background: #1a1a1a;
    border-radius: 8px;
    margin: 20px 0;
    text-align: center;
}
.asku-stat-number {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}
.asku-stat-label {
    display: block;
    font-size: 13px;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ===== TIRE SEARCH ===== */
.asku-tire-search {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 24px;
    margin: 20px 0;
}
.asku-tire-search h3 {
    margin-top: 0;
}
.asku-tire-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}
.asku-tire-fields {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}
.asku-tire-select {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
    min-width: 90px;
}
.asku-tire-sep {
    font-size: 18px;
    font-weight: 600;
    color: #666;
}

/* ===== STICKY MOBILE CTA ===== */
@media (max-width: 768px) {
    .asku-sticky-cta {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        display: flex;
        gap: 8px;
        padding: 10px;
        background: #fff;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    }
    .asku-sticky-cta .asku-btn {
        flex: 1;
        padding: 14px;
        font-size: 14px;
        text-align: center;
    }
}

/* ===== LEAD FORM ===== */
.asku-lead-form {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 24px;
}

/* ===== GALLERY ===== */
.asku-gallery {
    display: grid;
    gap: 8px;
    margin: 20px 0;
}
.asku-gallery-main {
    grid-column: 1 / -1;
}
.asku-gallery-main img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* ===== CONTACT INFO ===== */
.asku-contact-info {
    font-size: 15px;
    line-height: 1.8;
}
.asku-contact-info a {
    color: #1a1a1a;
    text-decoration: none;
}

/* ===== SIMILAR CARS ===== */
.asku-similar-cars {
    margin: 30px 0;
    padding-top: 30px;
    border-top: 1px solid #eaeaea;
}

/* ===== ADMIN STATUS COLORS ===== */
.asku-status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}
.asku-status-naujas { background: #d4edda; color: #155724; }
.asku-status-susisiekta { background: #fff3cd; color: #856404; }
.asku-status-parduota { background: #d4edda; color: #155724; }
.asku-status-prarasta { background: #f8d7da; color: #721c24; }
.asku-status-aktyvus { background: #d4edda; color: #155724; }
.asku-status-rezervuotas { background: #fff3cd; color: #856404; }
.asku-status-parduotas { background: #cce5ff; color: #004085; }