/* gw-job.css
   Based on legacy gwhotjobs.css, updated to match the current job.html structure/classes.
   Key brand colors from legacy:
   - Header blue: #005a87
   - Accent orange: #f7931e
   -resides in the public root /css/...
   -individually generated job pages - referenced in job.html template in GitHub
   
*/

:root{
  --gw-blue: #005a87;
  --gw-orange: #f7931e;
  --gw-bg: #f0f0f0;
  --gw-text: #333333;
  --gw-border: rgba(0,0,0,.12);
  --gw-white: #ffffff;
}

* { box-sizing: border-box; }

html, body { height: 100%; }
body{
  margin: 0;
  padding: 0;
  line-height: 1.55;
  color: var(--gw-text);
  background: var(--gw-bg);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

/* Page container */
.gw-wrap{
  max-width: 980px;
  margin: 0 auto;
  padding: 18px;
}

/* ===== Header (keep your HTML block) ===== */
.gwjobsheader{
  background-color: var(--gw-blue);
  margin: 0 auto 16px;
  text-align: center;
  padding: 18px 14px;
  border-radius: 12px;
  color: var(--gw-white);
  font-family: Archivo, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.gwjobsheader a{
  color: inherit;
  text-decoration: none;
}

.gwjobsheader img{
  max-width: 260px;
  width: 100%;
  height: auto;
}

/* ===== Tables / sections ===== */
table{ width: 100%; border-collapse: collapse; }
td{ vertical-align: top; padding: 12px 14px; }

.gw-top,
.gw-desc{
  background: var(--gw-white);
  border: 1px solid var(--gw-border);
  border-radius: 12px;
  overflow: hidden; /* keeps rounded corners clean */
}

/* Keep existing markup; just refine spacing */
.gw-top{ margin-bottom: 14px; }
.gw-desc{ margin-bottom: 14px; }

.gw-title h4{
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.2;
  font-family: Archivo, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  color: var(--gw-orange);
}

/* If your job descriptions contain h1/h2/h3, style them */
.gw-desc__html h1,
.gw-desc__html h2,
.gw-desc__html h3{
  font-family: Archivo, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  color: var(--gw-orange);
  margin-top: 18px;
}

.gw-desc__html p,
.gw-desc__html ul,
.gw-desc__html ol{
  margin: 0 0 12px;
}

/* ===== Action buttons row ===== */
.gw-actions{
  margin-bottom: 14px;
}
.gw-actions td{
  border: 0;
  padding-top: 6px;
}

/* Button styling (brand orange pill, based on legacy .button) */
.button{
  background-color: var(--gw-orange);
  border: none;
  color: var(--gw-white);
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  border-radius: 999px;
  cursor: pointer;
  min-width: 120px;
  letter-spacing: .02em;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  margin-bottom:10px;
}

/* “Ghost” variant used by Share + Appointment in your template */
.button--ghost{
  background: var(--gw-white);
  color: var(--gw-blue);
  border: 2px solid rgba(0,90,135,.35);
  box-shadow: none;
}

/* Ensure the <a><span class="button">...</span></a> looks right */
a .button{ text-decoration: none; }

/* Closed notice (your template has inline styles; this makes it consistent if you remove them later) */
.gw-closed{
  padding: 12px;
  border: 1px solid rgba(247,147,30,.35);
  border-radius: 12px;
  background: rgba(247,147,30,.12);
  margin-bottom: 14px;
}

/* ===== Footer (your required block) ===== */
.footer{
  background: var(--gw-white);
  border: 1px solid var(--gw-border);
  border-radius: 12px;
  padding: 14px;
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--gw-text);
}

/* ===== Mobile ===== */
@media (max-width: 700px){
  .gw-wrap{ padding: 12px; }

  /* stack top table + action buttons */
  .gw-top tr,
  .gw-actions tr{ display: block; }
  .gw-top td,
  .gw-actions td{
    display: block;
    width: 100%;
  }

  .button{ width: 100%; min-width: 0; }
}
/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body {  }