@font-face {
  font-family: 'Open-Sans';
  src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face {
  font-family: 'pop-reg';
  src: url('../fonts/Poppins-Regular.ttf');
}
@font-face {
  font-family: 'pop-semi-bold';
  src: url('../fonts//Poppins-SemiBold.ttf');
}
@font-face {
  font-family: 'pop-bold';
  src: url('../fonts/Poppins-Bold.ttf');
}

/* ================================
   Firequip Documents Table (base)
   ================================ */
   .firequip-docs-controls{
    display:grid;
    grid-template-columns:repeat(12, minmax(0,1fr));
    gap:14px;
    align-items:center;
    margin-bottom:55px;
  }
  .firequip-docs-search,
  .firequip-docs-filter{
    position:relative;
    min-width:0;                 /* allow shrinking in grid */
    grid-column:1 / -1;          /* default: full width (mobile) */
  }
  
  /* ≥640px (tablet): two per row */
  @media (min-width:640px){
    .firequip-docs-search,
    .firequip-docs-filter{ grid-column:span 6; }
  }
  
  /* ≥1024px (desktop): three per row */
  @media (min-width:1024px){
    .firequip-docs-search,
    .firequip-docs-filter{ grid-column:span 4; }
  }

/* --- Upgraded filter inputs/selects to match the screenshot --- */
.firequip-docs-controls .fd-search,
.firequip-docs-controls select.fd-type,
.firequip-docs-controls select.fd-cat{
  font-family: 'pop-reg';
  width:100%;
  height:44px;
  padding:0 42px 0 14px;                 /* room for icon / chevron */
  border:1px solid #e5e7eb;              /* subtle grey */
  /* border-radius:8px; */
  background:#fff;
  color:#AEAEAE;
  font-size:16px;
  line-height:44px;
  outline:0;
  transition:border-color .15s ease, box-shadow .15s ease;
}

/* placeholder color */
.firequip-docs-controls .fd-search::placeholder{ color:#9ca3af; }

/* remove native arrows & add red chevron to selects */
.firequip-docs-controls select.fd-type,
.firequip-docs-controls select.fd-cat{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image: url("../images/dropdown-arrow.png");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:16px;
  padding-right:40px;                     /* space for chevron */
}
.firequip-docs-controls select::-ms-expand{ display:none; } /* IE */

.entry-content table:not(.variations) {
  border: 0px solid #eee;
}

.entry-content tr td {
  border-top: 0px solid #eee;
  padding: 6px 24px;
}

/* Replace the emoji with your PNG icon */
.fd-search-icon{
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  width:18px; height:18px;
  background: url("../images/search-section-glass.png") no-repeat center / contain;
  display:block;
  /* hide the emoji/text */
  font-size:0; line-height:0; color:transparent;
}

/* ensure room for the icon */
.firequip-docs-controls .fd-search{ padding-right:44px; }

/* focus & hover states */
.firequip-docs-controls .fd-search:focus,
.firequip-docs-controls select.fd-type:focus,
.firequip-docs-controls select.fd-cat:focus{
  border-color:#e11d48;
  box-shadow:0 0 0 3px rgba(225, 29, 72, .15);
}
.firequip-docs-controls .fd-search:hover,
.firequip-docs-controls select.fd-type:hover,
.firequip-docs-controls select.fd-cat:hover{
  border-color:#d1d5db;
}

/* --- Table --- */
.firequip-docs-table-wrap{border:0px solid #f0f0f0;border-radius:10px;overflow:hidden}
.fd-table{width:100%;border-collapse:separate;border-spacing:0}
.fd-table thead th{background:#fff; text-align:left;padding:14px;border-bottom:0px solid #f0f0f0}
.fd-table tbody td{padding:16px;border-bottom:2px solid #E5E5E5;vertical-align:middle;color:#000}
.fd-table .fd-right{text-align:right}
.fd-download{display:inline-block;padding:10px 30px;background:#e53935;color:#fff;text-decoration:none}
.fd-download:hover{opacity:.9}
.fd-pagination{display:flex;gap:8px;align-items:center;justify-content:center;padding:14px}
.fd-page{padding:8px 5px;border:0px solid #eee;border-radius:6px;cursor:pointer;background:#fff; font-size: 20px;}
.fd-page.is-active { 
  background: #fff;
  color: #e53935;
  border-color: #fff;}

/* --- Stacked labels in the first column --- */
.fd-product-title { font-family:'pop-reg'; color:#000; line-height:1.25; display:block; }
.fd-doc-title     { font-family:'pop-reg'; color:#000; line-height:1.25; display:block; word-break:break-word; }
.fd-doc-title { margin-top:0; }
.fd-product-title + .fd-doc-title { margin-top:3px; }

/* --- Column widths (fixed layout) --- */
.firequip-docs-table .fd-table{ width:100%; table-layout:fixed; }

/* 1st col = Product / Document */
.firequip-docs-table .fd-table th:nth-child(1),
.firequip-docs-table .fd-table td:nth-child(1){
  width:40%;
  word-break:break-word;
  hyphens:auto;
}
/* 2nd col = Document Type */
.firequip-docs-table .fd-table th:nth-child(2),
.firequip-docs-table .fd-table td:nth-child(2){
  width:40%;
}
/* 3rd col = Download */
.firequip-docs-table .fd-table th:nth-child(3),
.firequip-docs-table .fd-table td:nth-child(3){
  width:20%;
}
.firequip-docs-table .fd-download{ white-space:nowrap; }

/* Responsive tweaks */
@media (min-width: 768px) {
  .fd-table td:first-child .fd-product-title { font-size:1.02rem; }
  .fd-table td:first-child .fd-doc-title     { font-size:.96rem; }
}
@media (max-width: 900px){
  .firequip-docs-table .fd-table th:nth-child(1),
  .firequip-docs-table .fd-table td:nth-child(1){ width:40%; }
  .firequip-docs-table .fd-table th:nth-child(2),
  .firequip-docs-table .fd-table td:nth-child(2){ width:40%; }
  .firequip-docs-table .fd-table th:nth-child(3),
  .firequip-docs-table .fd-table td:nth-child(3){ width:20%; }
}
@media (max-width: 640px){
  .firequip-docs-table .fd-table th:nth-child(1),
  .firequip-docs-table .fd-table td:nth-child(1){ width:50%; }
  .firequip-docs-table .fd-table th:nth-child(3),
  .firequip-docs-table .fd-table td:nth-child(3){ width:22%; }
}

/* ===========================
   TABLE — Responsive behavior
   =========================== */

/* Tablet: loosen fixed widths so columns can squeeze */
@media (max-width: 900px){
  .firequip-docs-table .fd-table{ table-layout:auto; }
  .firequip-docs-table .fd-table th:nth-child(1),
  .firequip-docs-table .fd-table td:nth-child(1){ width:auto; }
  .firequip-docs-table .fd-table th:nth-child(2),
  .firequip-docs-table .fd-table td:nth-child(2){ width:auto; }
  .firequip-docs-table .fd-table th:nth-child(3),
  .firequip-docs-table .fd-table td:nth-child(3){ width:1%; white-space:nowrap; } /* keep button compact */
}

/* Phone: convert rows into blocks/cards, hide header visually (if present) */
@media (max-width: 700px){
  /* hide thead but keep for screen readers */
  .fd-table thead{
    position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden;
    clip:rect(0,0,0,0); border:0; padding:0;
  }

  /* each row becomes a card */
  .fd-table{ table-layout:auto; }
  .fd-table tr{
    display:block;
    padding:12px 12px;
    border-bottom:2px solid #E5E5E5;
  }

  /* cells stack vertically */
  .fd-table td{
    display:block;
    padding:6px 0;
    border:0;
  }

  /* top: Product / Document (your stacked titles already handle this) */
  .fd-table td:nth-child(1){
    padding-top:0;
    padding-bottom:6px;
  }

  /* middle: Document Type with inline label */
  .fd-table td:nth-child(2){
    display:flex;
    align-items: flex-start;
    gap:8px;
    color:#000;
    flex-direction: column;
  }
  .fd-table td:nth-child(2)::before{
    content:"Document Type";
    /* font-weight:600; */
    color:#6b7280; /* muted label */
    flex:0 0 auto;
  }

  /* bottom: Download button right-aligned */
  .fd-table td:nth-child(3){
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding-top:10px;
    width: 100%;
  }

  .firequip-docs-table .fd-table td:nth-child(3) {
    justify-content: flex-start;
    width: 100%;
  }

  .fd-table tbody td {
    padding: 16px;
    border-bottom: 0px solid #E5E5E5;
  }

  /* tidy long titles */
  .fd-product-title, .fd-doc-title{ word-break:break-word; }

  /* slightly smaller button on phones */
  .firequip-docs-table .fd-download{ padding:8px 18px; }
}

/* Very small phones: make Download full width */
@media (max-width: 420px){
  .fd-table td:nth-child(3){ justify-content:stretch; }
  .firequip-docs-table .fd-download{
    display:block;
    width:100%;
    text-align:center;
  }
}