/**
 * Project: Driven Racing – Drupal 11 tweaks
 * File: css/shop-grid.css
 *
 * Version: 2025-12-04 v1.0.0
 *
 * Change log:
 * - 2025-12-04 18:28  (v1.0.0) Initial split from home-header-footer.css
 *                     v1.3.55: move /shop parent category grid, generic
 *                     grid fallback, and responsive grid card wrapper
 *                     rules into this file unchanged.
 */

/******************************
 * SHOP PARENT CATEGORY GRID – BASE RULES
 ******************************/

/* White “box” for the parent category grid; boxed to 1140px */
.view-uc-catalog-terms,
.view-drd-shop-grid {
  background: #ffffff;
  padding: 10px 0 30px;
  max-width: 1140px;
  margin: 0 auto;
}

.view-uc-catalog-terms .col-md-4,
.view-drd-shop-grid .col-md-4 {
  box-sizing: border-box;
}

.view-uc-catalog-terms .col-md-4 .field-content,
.view-drd-shop-grid .col-md-4 .field-content {
  margin: 0;
  padding: 0;
}

/* Category image – consistent height, full width */
.view-uc-catalog-terms .col-md-4 .field-content img,
.view-drd-shop-grid .col-md-4 .field-content img {
  display: block;
  width: 100%;
  height: 236px;
  object-fit: cover;
}

/* Category name bar – D7-style text */
.view-uc-catalog-terms .col-md-4 > span.field-content,
.view-drd-shop-grid .col-md-4 > span.field-content,
body[class*="path-shop"] .view-content .views-field-name .field-content {
  display: block;
  background: #000000;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 20px;
  font-family: "Oswald", sans-serif;
  color: #ffffff;
  letter-spacing: 0.05em;
  padding: 6px 8px;
  margin: 0;
}

/* Label link styling */
.view-uc-catalog-terms .col-md-4 > span.field-content a,
.view-drd-shop-grid .col-md-4 > span.field-content a,
body[class*="path-shop"] .view-content .views-field-name .field-content a {
  color: #ffffff;
  text-decoration: none;
}

.view-uc-catalog-terms .col-md-4 > span.field-content a:hover,
.view-uc-catalog-terms .col-md-4 > span.field-content a:focus,
.view-drd-shop-grid .col-md-4 > span.field-content a:hover,
.view-drd-shop-grid .col-md-4 > span.field-content a:focus,
body[class*="path-shop"] .view-content .views-field-name .field-content a:hover,
body[class*="path-shop"] .view-content .views-field-name .field-content a:focus {
  text-decoration: underline;
}

/******************************
 * SHOP GRID – GENERIC FALLBACK (PATH-BASED)
 ******************************/

body.path-shop .view-content .views-row > div {
  box-sizing: border-box;
}

/* Images inside the /shop grid cards (generic) */
body.path-shop .view-content .views-row > div .views-field-field-image img,
body.path-shop .view-content .views-row > div img {
  display: block;
  width: 100%;
  height: 236px;
  object-fit: cover;
}

/******************************
 * SHOP GRID – RESPONSIVE GRID CARD WRAPPER
 ******************************/

body.path-shop .views-view-responsive-grid__item-inner {
  border: 1px solid #000000;
  box-sizing: border-box;
}

body.path-shop .views-view-responsive-grid__item-inner
  .views-field-field-image .field-content {
  margin: 0;
  padding: 0;
}

body.path-shop .views-view-responsive-grid__item-inner
  .views-field-field-image .field-content img {
  display: block;
  width: 100%;
  height: 236px;
  object-fit: cover;
}

body.path-shop .views-view-responsive-grid__item-inner
  .views-field-name .field-content {
  display: block;
  background: #000000;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 20px;
  font-family: "Oswald", sans-serif;
  color: #ffffff;
  letter-spacing: 0.05em;
  padding: 6px 8px;
  margin: 0;
}

body.path-shop .views-view-responsive-grid__item-inner
  .views-field-name .field-content a {
  color: #ffffff;
  text-decoration: none;
}

body.path-shop .views-view-responsive-grid__item-inner
  .views-field-name .field-content a:hover,
body.path-shop .views-view-responsive-grid__item-inner
  .views-field-name .field-content a:focus {
  text-decoration: underline;
}