/**
 * @file
 * The /offers listing and its teaser cards.
 *
 * Ported from D7's odigos.css: `.view-offers .views-row` (three-up grid on a
 * grey card, min-height 500px) plus the two small-icon rules the Display Suite
 * `offer_category` / `offer_region` fields carried. Icon files are already in
 * this theme (images/icons/category.png, images/icons/region.png -- the same
 * assets D7 kept in css/images/custom/small/).
 */

/*
 * Row 12 (theme register 2026-09-02, P6.19) -- the full-node offer page
 * (D7: `.node-offer.view-mode-full{background-color:#eee;padding:25px}`,
 * odigos.css:1976-1979) had no D11 counterpart; D11's class convention on
 * that view mode is `node--type-offer.node--view-mode-full` (BEM
 * double-dash), not D7's `.node-offer.view-mode-full`. D11 has no separate
 * "article" content type (D7's `.node-article.view-mode-full` half of the
 * same rule has nothing to match here), so only the offer half is ported.
 */
.node--type-offer.node--view-mode-full {
  background-color: #eee;
  padding: 25px;
}

.node--type-offer.node--view-mode-full .field-name-field-offer-photo {
  width: 50%;
  margin-bottom: 25px;
}

@media all and (max-width: 640px) {
  .node--type-offer.node--view-mode-full .field-name-field-offer-photo {
    width: 100%;
  }
}

.node--type-offer.node--view-mode-full .field-name-all-offers {
  text-align: center;
}

.view-offers .views-row {
  display: inline-block;
  vertical-align: top;
  width: 31.5%;
  margin-right: 2%;
  margin-bottom: 25px;
  padding: 25px;
  background: #eee;
  min-height: 500px;
}

.view-offers .views-row:nth-child(3n) {
  margin-right: 0;
}

.node-offer .field-name-title-field a,
.node-offer .field-name-field-offer-ref-customer a {
  color: #333;
}

.node-offer .field-name-title-field a:hover,
.node-offer .field-name-field-offer-ref-customer a:hover {
  color: #f9be4a;
}

.node-offer .field-label {
  margin-right: 5px;
}

.node-offer .field-label-inline .field-label,
.node-offer .field-label-inline .field-items {
  display: inline;
}

.field-name-offer-category,
.field-name-offer-region {
  padding-left: 25px;
  background-position: left 5px;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.field-name-offer-category {
  background-image: url("../../images/icons/category.png");
}

.field-name-offer-region {
  background-image: url("../../images/icons/region.png");
}

@media all and (max-width: 768px) {
  .view-offers .views-row,
  .view-offers .views-row:nth-child(3n) {
    width: 46.5%;
    margin-right: 5%;
  }
}

@media all and (max-width: 640px) {
  .view-offers .views-row:nth-child(2n) {
    margin-right: 0;
  }
}

@media all and (max-width: 480px) {
  .view-offers .views-row,
  .view-offers .views-row:nth-child(3n) {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}