.elementor-174 .elementor-element.elementor-element-39fd045{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-174 .elementor-element.elementor-element-218c4f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:7px 7px 7px 7px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.13);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-174 .elementor-element.elementor-element-218c4f5:not(.elementor-motion-effects-element-type-background), .elementor-174 .elementor-element.elementor-element-218c4f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-174 .elementor-element.elementor-element-719a15e{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-174 .elementor-element.elementor-element-0fa3983{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -17px) 0px;}.elementor-174 .elementor-element.elementor-element-0fa3983 .elementor-heading-title{font-size:16px;font-weight:700;color:#FFC000;}.elementor-174 .elementor-element.elementor-element-ca19bf1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -17px) 0px;}.elementor-174 .elementor-element.elementor-element-ca19bf1 .elementor-heading-title{font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-174 .elementor-element.elementor-element-fe23d0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-174 .elementor-element.elementor-element-fe23d0a .elementor-heading-title{font-size:26px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-weight:var( --e-global-typography-text-font-weight );}.elementor-174 .elementor-element.elementor-element-0efc1d8{font-weight:400;color:#FFFFFF;}.elementor-174 .elementor-element.elementor-element-576a583{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:14px 14px 14px 14px;box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.18);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-174 .elementor-element.elementor-element-576a583:not(.elementor-motion-effects-element-type-background), .elementor-174 .elementor-element.elementor-element-576a583 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-174 .elementor-element.elementor-element-2b010cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-174 .elementor-element.elementor-element-529daf8{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F1F1F1;--border-color:#F1F1F1;--border-radius:7px 7px 7px 7px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-174 .elementor-element.elementor-element-529daf8:not(.elementor-motion-effects-element-type-background), .elementor-174 .elementor-element.elementor-element-529daf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-174 .elementor-element.elementor-element-5906427{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:7px 7px;--row-gap:7px;--column-gap:7px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-174 .elementor-element.elementor-element-65d3872{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D1D1;--border-color:#D1D1D1;--border-radius:7px 7px 7px 7px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-174 .elementor-element.elementor-element-6b035e6{font-weight:400;}.elementor-174 .elementor-element.elementor-element-b45fef5{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D1D1;--border-color:#D1D1D1;--border-radius:7px 7px 7px 7px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-174 .elementor-element.elementor-element-37b8b0a{font-weight:400;}.elementor-174 .elementor-element.elementor-element-4a6b786{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D1D1;--border-color:#D1D1D1;--border-radius:7px 7px 7px 7px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-174 .elementor-element.elementor-element-01b1a3a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D1D1;--border-color:#D1D1D1;--border-radius:7px 7px 7px 7px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-174 .elementor-element.elementor-element-42340ff{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:7px 7px;--row-gap:7px;--column-gap:7px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-174 .elementor-element.elementor-element-2458ac3{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D1D1;--border-color:#D1D1D1;--border-radius:7px 7px 7px 7px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-174 .elementor-element.elementor-element-0d24cfa{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:7px 7px;--row-gap:7px;--column-gap:7px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-174 .elementor-element.elementor-element-5075d46{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D1D1;--border-color:#D1D1D1;--border-radius:7px 7px 7px 7px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-174 .elementor-element.elementor-element-c6345c9{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D1D1;--border-color:#D1D1D1;--border-radius:7px 7px 7px 7px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-174 .elementor-element.elementor-element-dadd6fd{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D1D1;--border-color:#D1D1D1;--border-radius:7px 7px 7px 7px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-174 .elementor-element.elementor-element-ba5ac3e{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D1D1D1;--border-color:#D1D1D1;--border-radius:7px 7px 7px 7px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-174 .elementor-element.elementor-element-6cf1477{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-174 .elementor-element.elementor-element-225ae56{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F1F1F1;--border-color:#F1F1F1;--border-radius:7px 7px 7px 7px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-174 .elementor-element.elementor-element-225ae56:not(.elementor-motion-effects-element-type-background), .elementor-174 .elementor-element.elementor-element-225ae56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-174 .elementor-element.elementor-element-4890560{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-174 .elementor-element.elementor-element-4890560 .elementor-heading-title{color:#000000;}.elementor-174 .elementor-element.elementor-element-49129e2{font-weight:400;}@media(max-width:1024px){.elementor-174 .elementor-element.elementor-element-5906427{--grid-auto-flow:row;}.elementor-174 .elementor-element.elementor-element-42340ff{--grid-auto-flow:row;}.elementor-174 .elementor-element.elementor-element-0d24cfa{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-174 .elementor-element.elementor-element-39fd045{--content-width:1400px;}.elementor-174 .elementor-element.elementor-element-218c4f5{--width:100%;}.elementor-174 .elementor-element.elementor-element-719a15e{--width:80%;}.elementor-174 .elementor-element.elementor-element-576a583{--width:20%;}.elementor-174 .elementor-element.elementor-element-2b010cd{--content-width:1400px;}.elementor-174 .elementor-element.elementor-element-6cf1477{--content-width:1400px;}}@media(max-width:767px){.elementor-174 .elementor-element.elementor-element-5906427{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-174 .elementor-element.elementor-element-42340ff{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-174 .elementor-element.elementor-element-0d24cfa{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS */.add-new-document-button {
  display: inline-block;
  background-color: #e3007d;
  color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease;
  margin-top: 10px;
}

.add-new-document-button:hover {
  background-color: #cc006e;
}



/* --- Controls --- */
#documents-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
  align-items: center;
  width: 100%;
  max-width: 100%;
}

#documents-controls input[type="text"],
#documents-controls select {
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  background: #fff;
  height: 36px;
}

#documents-controls input[type="text"] {
  flex: 1;
  min-width: 200px;
}

#documents-controls button {
  padding: 6px 14px;
  border-radius: 6px;
  border: none;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease;
  height: 36px;
}

#doc-search-button {
  background-color: #e3007d;
}

#doc-search-button:hover {
  background-color: #cc006e;
}

#doc-clear-filters {
  background-color: #666;
}

#doc-clear-filters:hover {
  background-color: #444;
}

/* --- Table full width --- */
.product-documents-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-size: 13px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  table-layout: fixed;
}

.product-documents-table th,
.product-documents-table td {
  padding: 10px 14px;
  text-align: left;
  vertical-align: middle;
  word-break: break-word;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #f0f0f0;
}

.product-documents-table th:last-child,
.product-documents-table td:last-child {
  border-right: none;
}

/* Header row */
.product-documents-table thead th {
  background-color: #222;
  color: #fff;
  font-weight: 600;
  border-bottom: none;
}

/* Hover effect */
.product-documents-table tbody tr {
  transition: background-color 0.2s ease;
}

.product-documents-table tbody tr:hover {
  background-color: #f7f7fa;
}

/* --- Column widths --- */
.product-documents-table th:nth-child(1),
.product-documents-table td:nth-child(1) { width: auto; }
.product-documents-table th:nth-child(2),
.product-documents-table td:nth-child(2) { width: 12.5%; }
.product-documents-table th:nth-child(3),
.product-documents-table td:nth-child(3) { width: 12.5%; }
.product-documents-table th:nth-child(4),
.product-documents-table td:nth-child(4) { width: 20%; }
.product-documents-table th:nth-child(5),
.product-documents-table td:nth-child(5) { width: 20%; }

/* --- Buttons --- */
.view-doc-button {
  display: inline-block;
  background-color: #e3007d;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  font-size: 13px;
  transition: background-color 0.2s ease;
  text-align: center;
  width: 100%;
}

.view-doc-button:hover {
  background-color: #cc006e;
}

.download-doc-button {
  display: inline-block;
  background-color: #00AEEF;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  font-size: 13px;
  transition: background-color 0.2s ease;
  text-align: center;
  width: 100%;
}

.download-doc-button:hover {
  background-color: #0095cc;
}

/* --- Expiry dot --- */
.expiry-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
  position: relative;
  top: -1px;
}

.circle-green { background-color: #4CAF50; }
.circle-amber { background-color: #FFC107; }
.circle-red { background-color: #F44336; }
.circle-grey { background-color: #ccc; }

/* --- Edit link --- */
.edit-link {
  font-size: 12px;
  margin-top: 3px;
  text-transform: lowercase;
}

.edit-link a {
  text-decoration: underline;
  color: #000;
  font-weight: normal;
}

.edit-link a:hover {
  color: #e3007d;
}

/* --- Responsive Tweaks --- */
@media (max-width: 768px) {
  #documents-controls {
    flex-direction: column;
    align-items: stretch;
  }

  #documents-controls input,
  #documents-controls select,
  #documents-controls button {
    width: 100%;
  }

  /* Hide less important columns on mobile */
  .product-documents-table th:nth-child(2),
  .product-documents-table td:nth-child(2),
  .product-documents-table th:nth-child(3),
  .product-documents-table td:nth-child(3),
  .product-documents-table th:nth-child(5),
  .product-documents-table td:nth-child(5) {
    display: none;
  }

  /* Adjust remaining column widths */
  .product-documents-table th:nth-child(1),
  .product-documents-table td:nth-child(1) { width: 60%; }
  .product-documents-table th:nth-child(4),
  .product-documents-table td:nth-child(4) { width: 40%; }

  .view-doc-button {
    font-size: 12px;
    padding: 6px 10px;
  }
}/* End custom CSS */