/**
 * Project: Driven Racing – Drupal 11 tweaks
 * File: css/catalog-term.css
 *
 * Version: 2025-12-06 v1.0.1
 *
 * Change log:
 * - 2025-12-07 10:36  (v1.0.1) view-catalog-children - removed
 *                     letter-spacing;0.05em
 * 
 * - 2025-12-04 18:30  (v1.0.0) Initial split from home-header-footer.css
 *                     v1.3.55: move catalog children grid, catalog term
 *                     header boxing, feed icon hiding, and overlay name
 *                     title styling into this stylesheet unchanged. 
 */

/******************************
 * CATEGORY CHILD GRID – CATALOG CHILDREN (MATCH /SHOP)
 ******************************/

/* Box the category children grid lane to 1140px, centered */
.view-catalog-children .view-content {
  max-width: 1140px;
  margin: 0 auto;
}

/* Card wrapper with full 1px black border */
.view-catalog-children .views-view-responsive-grid__item-inner {
  border: 1px solid #000000;
  box-sizing: border-box;
}

/* Image: full width, fixed D7-style height */
.view-catalog-children .views-view-responsive-grid__item-inner
  .views-field-field-image .field-content {
  margin: 0;
  padding: 0;
}

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

/* Name bar: identical to /shop card labels */
.view-catalog-children .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;
}

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

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

/******************************
 * CATALOG TERM HEADER BOXING (HEADER IMAGE + DESCRIPTION)
 ******************************/

/* Box the entire catalog term header content lane, no inner padding */
.taxonomy-term.vocabulary-catalog .content {
  max-width: 1140px;
  margin: 0 auto 20px;
  padding: 0;
  box-sizing: border-box;
}

/* Tighten spacing between header image, title, and description */
.taxonomy-term.vocabulary-catalog
  .block-field-blocktaxonomy-termcatalogfield-header-image {
  margin-bottom: 0;
}

.taxonomy-term.vocabulary-catalog
  .block-field-blocktaxonomy-termcatalogdescription {
  margin-top: 0;
}

/* Ensure the header image behaves like a boxed banner */
.taxonomy-term.vocabulary-catalog
  .field--name-field-header-image .field__item img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/******************************
 * CATALOG TERM FEED ICON – HIDE
 ******************************/

.view-taxonomy-term .feed-icons,
.view-taxonomy-term .feed-icon {
  display: none;
}

/******************************
 * CATALOG TERM NAME FIELD AS TITLE (D7-style overlay)
 ******************************/

.taxonomy-term.vocabulary-catalog
  .block-field-blocktaxonomy-termcatalogname {
  margin: 0;
}

/* Hide the "Name" label above the term name */
.taxonomy-term.vocabulary-catalog
  .block-field-blocktaxonomy-termcatalogname
  .field--name-name .field__label {
  display: none;
}

/* Style the Name field value as the big D7-style overlay title */
.taxonomy-term.vocabulary-catalog
  .block-field-blocktaxonomy-termcatalogname
  .field--name-name .field__item {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #ffffff;
  font-size: 80px;
  text-shadow: 5px 5px 5px #000;
  margin: -120px auto 20px 30px;
}