/**
 * Προσφορές Συντήρησης Dacia
 */
.dacia-service-offers-wrapper { padding: 1rem 0; }

/* Επιλογή οχήματος: Bootstrap grid – 2 στήλες (col-xs-6), φωτό + ονομασία κάτω */
.dacia-vehicle-row { margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; align-items: center; }
.dacia-vehicle-row > .col-xs-12 { flex: 0 0 100%; max-width: 100%; }
.dacia-vehicle-row > [class*="col-"]:not(.col-xs-12) {
  /* Force 2 equal tiles (50% each) */
  flex: 0 0 50%;
  max-width: 50%;
}
/* Ignore Bootstrap offset inside this flex row */
.dacia-vehicle-row > [class*="offset-"] { margin-left: 0 !important; }
.dacia-vehicle-row > [class*="col-"].col-md-offset-2 { margin-left: 0 !important; }
.dacia-vehicle-row .control-label { display: block; margin-bottom: 0.75rem; font-weight: 600; text-align: center; }
.dacia-car-btn { display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; text-align: center; border: 2px solid transparent; padding: 0.5rem; border-radius: 4px; transition: border-color 0.2s, background-color 0.2s; background: none; font-weight: 600; height: 100%; }
.dacia-car-btn:hover { border-color: #ddd; }
.dacia-car-btn.active { background-color: var(--dacia-khaki, #646b52); color: #fff; border-color: var(--dacia-khaki, #646b52); }
.dacia-car-btn img { display: block; width: 100%; max-width: 600px; height: auto; margin: 0 auto 0.5rem; }
.dacia-car-btn .dacia-car-name { display: block; font-size: 2rem; }

/* Συγκεκριμένο μοντέλο: κεντραρισμένο στη σελίδα */
.dacia-model-row { margin-bottom: 1.5rem; text-align: center; }
.dacia-model-row .control-label { display: block; margin-bottom: 0.5rem; font-weight: 600; }
.dacia-model-row #dacia-model-select-wrap { margin-left: auto; margin-right: auto; max-width: 520px; }
.dacia-model-col { margin-top: 0.5rem; }
@media (min-width: 768px) { .dacia-model-col { margin-top: 0; } }
.dacia-offers-table th { font-weight: 700; }
.dacia-offers-table tbody tr:nth-child(even) { background-color: #f5f5f5; }
.dacia-offers-table tbody tr:nth-child(odd) { background-color: #fff; }
.dacia-offers-table .dacia-model-cell { vertical-align: middle; }

@media (max-width: 767px) {
  .dacia-service-offers-wrapper { padding: 0.75rem 0; }
  .dacia-service-offers-wrapper .container { padding-left: 1rem; padding-right: 1rem; }
  .dacia-service-offers-wrapper h2 { font-size: 1.5rem; margin-bottom: 1rem; }
  .dacia-vehicle-row { margin-bottom: 1rem; }
  .dacia-vehicle-row > [class*="col-"]:not(.col-xs-12) {
    /* Stack tiles on mobile for better tap targets */
    flex: 0 0 100%;
    max-width: 100%;
  }
  .dacia-vehicle-row .control-label { font-size: 1rem; margin-bottom: 0.5rem; }
  .dacia-car-btn { padding: 0.75rem 0.5rem; min-height: 44px; }
  .dacia-car-btn img { max-width: 140px; margin-bottom: 0.35rem; }
  .dacia-car-btn .dacia-car-name { font-size: 1.1rem; }
  .dacia-model-row { margin-bottom: 1rem; }
  .dacia-model-row #dacia-model-select-wrap { max-width: 100%; }
  .dacia-model-row select.form-control { font-size: 16px; min-height: 44px; padding: 0.5rem 0.75rem; }
  #dacia-service-offers-form-wrap { padding: 0 0.5rem; }
  .dacia-model-block .table-responsive { max-width: 100%; overflow-x: visible !important; }
  .dacia-offers-table { max-width: 100%; width: 100%; table-layout: fixed; box-sizing: border-box; overflow-x: visible !important; }
  .dacia-offers-table thead { display: none; }
  .dacia-offers-table tbody tr { display: block; margin-bottom: 1rem; border: 1px solid #ddd; background: #fff !important; border-radius: 4px; overflow: hidden; max-width: 100%; box-sizing: border-box; }
  .dacia-offers-table tbody td { display: block; text-align: left; border: none; padding: 0.5rem 0.75rem; border-bottom: 1px solid #eee; font-size: 0.95rem; max-width: 100%; box-sizing: border-box; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; white-space: normal !important; }
  .dacia-offers-table tbody td[data-label="Περιγραφή Συντήρησης"],
  .dacia-offers-table tbody td[data-label="Τελική Τιμή με έκπτωση και ΦΠΑ"] { white-space: normal !important; }
  .dacia-offers-table tbody td:last-child { border-bottom: none; }
  .dacia-offers-table tbody td:before { content: attr(data-label); font-weight: 700; display: inline-block; min-width: 8rem; margin-right: 0.5rem; font-size: 0.9rem; vertical-align: top; }
}

@media (max-width: 480px) {
  .dacia-car-btn img { max-width: 120px; }
  .dacia-car-btn .dacia-car-name { font-size: 1rem; }
}