/* dealers */

/* states navigation FIXME: use nav?? */

:root {
  --dealers-font-display: var(--font-display);
  --dealers-font-size: 1rem;
  --dealers-page-padding: var(--page-padding);
  --dealers-font-display: var(--font-display);
  --dealers-color-primary: var(--color-primary);
  --dealers-color-secondary: var(--color-secondary);
  --dealers-color-secondary-text: var(--color-secondary-text);
  --dealers-color-secondary-light: var(--color-secondary-light);
  --dealers-color-secondary-bg: var(--color-grey-1);
  --dealers-color-border: var(--color-grey-1);
}

/* MAIN PAGE CONTAINER */

.archive-dealers, .international-dealers {
  font-size: var(--dealers-font-size);
  padding: var(--dealers-page-padding);
}

/* STATE NAV LINKS CONTAINER */

.archive-dealers>.states, .international-dealers>.states {
  /* border-bottom: solid 2px var(--dealers-color-secondary-light);   */
  list-style: none;
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  -webkit-margin-after: 0em;
  margin-block-end: 0em;
  -webkit-margin-start: 0px;
  margin-inline-start: 0px;
  -webkit-margin-end: 0px;
  margin-inline-end: 0px;
  -webkit-padding-start: 0px;
  padding-inline-start: 0px;
  margin-bottom: 0rem;
  display: flex;
  justify-content: flex-end;
  padding: 0.5em;
  background-color: var(--dealers-color-secondary);
}

/* STATE NAV LIST ITEM */

.archive-dealers>.states>.state {
  display: inline-block;
}

/* STATE NAV LIST LINK */

.archive-dealers>.states>.state a, .international-dealers>.states>.state a {
  text-decoration: none;
  color: var(--dealers-color-secondary-text);
  font-family: var(--dealers-font-display);
  font-weight: 200;
  margin-left: 1em;
  text-transform: capitalize;
  font-size: 1.25em;
}

.archive-dealers>.states>.state-abbreviation {
  display: none;
}

.archive-dealers>.states>.state-abbreviation a {
  display: none;
}

/* DEALER CONTAINER */

.dealer {
  margin: auto;
  background-color: white;
  /* border: solid 1px var(--color-primary);     */
}

/* ZERO MARGINS */

.dealer .categories, .dealer .title, .dealer .dealer__state {
  margin: 0;
}

/* DEALER CONTENT CONTAINER */

.dealer>.dealer__header {
  background-color: var(--dealers-color-secondary-bg);
  /* width: 80%; */
  padding: 0.5em;
  margin-top: 1em;
  /* border-bottom: solid 2px black; */
}

/* BORDER AROUND DEALER CARD */

.dealer>.dealer__content {
  border: solid 1px var(--dealers-color-border);
}

/* HIDE EMPTY PARAGRAPH ELEMENTS */

.dealer .dealer__content p {
  margin: 0;
}

/* SET BORDER ON DEALER CONTAINER */

.dealer:not(:last-child)>.dealer__header {
  /* border: solid 1px var(--color-primary); */
}

/* DEALER STATE (NSW, VIC etc) */

.dealer .dealer__state {
  color: var(--dealers-color-secondary-text);
  margin-top: 2em;
  text-transform: capitalize;
  background-color: var(--color-primary);
  padding: 0 0.5em 0 0.5em;
}

.dealer .dealer__state:first-child {
  margin-top: 0.5em;
}

/* DEALER CATEGORY LIST IN SUMMARY FORM (New South Wales >> Central West etc) */

.dealer .categories-list {
  /* font-size: 12pt; */
  list-style: none;
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  -webkit-margin-after: 0em;
  margin-block-end: 0em;
  -webkit-margin-start: 0px;
  margin-inline-start: 0px;
  -webkit-margin-end: 0px;
  margin-inline-end: 0px;
  -webkit-padding-start: 0px;
  padding-inline-start: 0px;
  /* margin-bottom: 1em;
  margin-top: 1em; */
  /* color: var(--color-primary-light);
  font-size: 0.8em; */
}

/* DEALER CATEGORY LIST ITEM */

.dealer .categories-list li {
  display: inline-block;
  text-transform: capitalize;
  margin-right: 5px;
  font-family: var(--dealers-font-display);
  font-weight: 300;
  color: var(--dealers-color-secondary);
}

/* DEALER TITLE (i.e. name of business) */

.dealer .title {
  color: var(--dealers-color-primary);
  text-transform: capitalize;
}

.dealer .title a {
  font-family: var(--dealers-font-display);
  font-weight: 300;
  text-decoration: none;
}

/* INSERT RAQUO BETWEEN STATES */

.dealer .categories-list li:not(:last-child):after {
  content: ' \00BB';
}

@media all and (max-width: 1024px) {
  .archive-dealers>.states>.state a {
    font-size: 1.1em;
  }
  .dealer .dealer__state {
    font-size: 1.25em;
  }
  .archive-dealers>.states>.state {
    display: none;
  }
  /* STATE NAV LIST LINK */
  .archive-dealers>.states>.state a {
    display: none;
  }
  .archive-dealers>.states>.state-abbreviation {
    display: inline-block;
  }
  .archive-dealers>.states>.state-abbreviation a {
    display: inherit;
  }
}

@media all and (max-width: 400px) {
  .dealer .dealer__state {
    font-size: 1.2em;
  }
  .dealer .categories-list li {
    font-size: 0.8em;
  }
  .dealer .title {
    font-size: 0.8em;
  }
}