/**
 * cwl_spec_sheets.css
 *
 * Typography and frame styles for spec sheet output.
 * Place this file at:
 *   modules/custom/cwl_spec_sheets/css/cwl_spec_sheets.css
 *
 * Fonts referenced below are expected at:
 *   modules/custom/cwl_spec_sheets/fonts/Gotham Book.ttf
 *   modules/custom/cwl_spec_sheets/fonts/Optima Extra Black.ttf
 *   modules/custom/cwl_spec_sheets/fonts/Optima Bold.ttf
 *
 * Load via cwl_spec_sheets.libraries.yml, e.g.:
 *
 * global-styling:
 *   css:
 *     theme:
 *       css/cwl_spec_sheets.css: {}
 *
 * Then attach in cwl_spec_sheets.module or a template:
 *   $build['#attached']['library'][] = 'cwl_spec_sheets/global-styling';
 */

/* ---------- Font faces ---------- */

@font-face {
  font-family: 'Optima Extra Black';
  src: url('fonts/Optima_Extra_Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Optima Bold';
  src: url('fonts/Optima_Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Book';
  src: url('fonts/Gotham_Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ---------- Base ---------- */

.spec-sheet {
  color: #1a1a1a;
}

.spec-sheet .spec-fixture-name {
  font-family: 'Optima Extra Black', sans-serif;
  font-weight: 900;
  font-size: 15pt;
  line-height: 1.2;
}

/* ---------- Optima Extra Black (15pt) ---------- */
/* Fixture Name */

.spec-sheet .spec-fixture-name {
  font-family: 'Optima Extra Black', sans-serif;
  font-weight: 900;
  font-size: 15pt;
  line-height: 1.2;
}

/* ---------- Optima Bold (10pt) ---------- */
/* Item Code */

.spec-sheet .spec-item-code {
  font-family: 'Optima Bold', sans-serif;
  font-weight: 700;
  font-size: 10pt;
  line-height: 1.2;
}

/* ---------- Optima Bold (8pt) ---------- */
/* Spec Category, Footer company name, Footer phone number, Footer URL */

.spec-sheet .spec-category,
.spec-sheet .footer-company,
.spec-sheet .footer-phone,
.spec-sheet .footer-url {
  font-family: 'Optima Bold', sans-serif;
  font-weight: 700;
  font-size: 8pt;
  line-height: 1.3;
}

/* ---------- Gotham Book (8pt) ---------- */
/* Fixture description, Spec details */

.spec-sheet .spec-description,
.spec-sheet .spec-details {
  font-family: 'Gotham Book', sans-serif;
  font-weight: 400;
  font-size: 8pt;
  line-height: 1.4;
}

/* ---------- Gotham Book (7pt) ---------- */
/* Footer Address */

.spec-sheet .footer-address {
  font-family: 'Gotham Book', sans-serif;
  font-weight: 400;
  font-size: 7pt;
  line-height: 1.3;
}

/* ---------- Frame / Lines ---------- */
/* Hex #606060, stroke weight 0.3pt */

.spec-sheet .spec-frame {
  border: 0.3pt solid #606060;
}

.spec-sheet .spec-divider {
  border: none;
  border-top: 0.3pt solid #606060;
  margin: 8px 0;
}

.spec-sheet .spec-swatch {
  background-color: #606060;
}

.ged {
    font-size: 5rem;
    color: green;
}