/* Basic Reset & Page Setup */
body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt; /* Base font size from expect.pdf */
  color: #000000;
  line-height: 1.3;
}

/* Recipient Info */
.recipient-info {
  margin-bottom: 10px;
  font-size: 9pt;
}
.recipient-info p {
  margin: 0 0 1px 0;
  line-height: 1.2;
}
.recipient-info strong {
  /* Client company name */
  font-weight: bold;
}
.recipient-info br {
  /* Space before Attention */
  display: block;
  margin-bottom: 3px; /* Adjust for space */
  content: "";
}

/* Quotation Title */
.quotation-title-section h2 {
  text-align: center;
  font-size: 15pt; /* From expect.pdf */
  font-weight: bold;
  text-decoration: underline;
  margin-top: 30px;
  margin-bottom: 28px;
  color: #000;
}

/* Intro Text */
.intro-text {
  margin-bottom: 10px;
  font-size: 9pt;
  line-height: 1.3;
}
.intro-text p {
  margin: 0;
}

/* Item Sections */
.item-section {
  margin-bottom: 8px;
}

.item-section h3 {
  /* Item Title */
  font-size: 9pt;
  font-weight: bold;
  /* text-transform: uppercase; /* PHP handles this */
  background-color: #d4f5f6; /* Dark grey from expect.pdf */
  color: black;
  padding: 4px 8px; /* Adjust padding */
  margin: 0;
}

.item-details-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 9pt;
  border: 1px solid #bfbfbf; /* Outer border for the table from expect.pdf */
}

.item-details-table td.highlighted-price-key-text {
  color: red; /* Or #D9534F or your preferred red for these custom field keys */
}

.item-details-table td {
  border: 1px solid #bfbfbf; /* Grey borders from expect.pdf */
  padding: 3px 6px; /* Adjust padding */
  vertical-align: top;
  line-height: 1.3;
}

.item-details-table tr td:first-child {
  /* Key column */
  width: 35%; /* Adjust as needed */
  font-weight: normal; /* Keys are not bold in expect.pdf general rows */
}

/* For rows like "SPECIAL PRICE" */
.item-details-table tr.highlighted-price-row {
  background-color: #faf9de; /* Light grey from expect.pdf */
}
.item-details-table tr.highlighted-price-row td:first-child {
  font-weight: normal;
}

/* For the "UNIT PRICE" row */
.item-details-table tr.unit-price-row {
  background-color: #faf9de; /* Light grey from expect.pdf */
}
.item-details-table tr.unit-price-row td:first-child {
  /* "UNIT PRICE" text */
  font-weight: normal; /* Not bold in expect.pdf */
}

.item-details-table td.price-value-cell {
  /* For price values (UNIT PRICE, SPECIAL PRICE values) */
  text-align: left;
  color: red;
  font-weight: normal; /* Price values not bold in expect.pdf */
}

/* Terms & Conditions (from _terms_and_signatures_partial.php) */
.terms-conditions {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 8.5pt; /* Slightly smaller for terms */
}
.terms-conditions h4 {
  font-size: 9pt;
  font-weight: bold;
  margin-bottom: 4px;
  text-decoration: underline;
}
.term-item {
  margin-bottom: 1.5px;
  /* display: flex; For mPDF, table-row or simple spans often work better */
}
.term-label {
  font-weight: bold;
  min-width: 110px; /* Adjust for longest label like "Quotation Validity" */
  padding-right: 3px;
  display: inline-block;
  vertical-align: top;
}
.term-value {
  display: inline-block;
  vertical-align: top;
}

/* Closing Text (from _terms_and_signatures_partial.php) */
.closing-text {
  margin-bottom: 10px;
  font-size: 9pt;
}
.closing-text p {
  margin: 0;
}

/* Signature Section (from _terms_and_signatures_partial.php) */
.signature-table-layout {
  /* This is already a table in your partial */
  width: 100%;
  border-collapse: collapse;
  margin-top: 5px;
  font-size: 9pt;
}
.signature-table-layout td {
  border: none; /* Remove borders if any were inherited */
  vertical-align: top;
  padding: 0 2px;
}
.signature-left-cell {
  width: 50%;
}
.signature-right-cell {
  width: 50%;
}

.main-signature-label {
  /* "Yours faithfully," and "Accepted by..." */
  margin-bottom: 1px;
}
.signature-space {
  /* Div for empty signature space */
  height: 30px; /* Space for manual signature */
  margin-bottom: 1px;
}
.signature-line-element {
  /* The visual line */
  border-bottom: 0.5pt solid #000;
  height: 1px;
  margin-bottom: 2px;
  width: 75%; /* Adjust width of the line */
}
.signature-company-name {
  font-weight: normal;
  margin-bottom: 1px;
}
.signature-auth-text {
  /* "Authorized Signature" */
  font-size: 8pt;
}
.signature-name-title-label,
.signature-date-label {
  /* "Name & Title:", "Date:" */
  margin-top: 8px;
  font-size: 9pt;
}

/* Footer specific styling (for mPDF SetHTMLFooter) */
.footer-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 7pt; /* Footer text is small in expect.pdf */
  color: #000000;
  line-height: 1.2;
}
.footer-table td {
  padding: 1px;
  vertical-align: middle;
}
.footer-logo-partners {
  /* The combined image strip */
  max-height: 28px; /* Adjust based on your image */
  width: auto;
  margin-bottom: 2px;
}
.footer-address-text {
  font-size: 6.5pt; /* Very small in expect.pdf */
  padding-bottom: 2px;
}
.footer-page-number {
  font-size: 8pt;
}

.date-ref-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 9pt;
  margin-bottom: 15px; /* Space before "To:" section */
}

.date-ref-table td {
  padding: 1px 0; /* Minimal padding for this line */
}

.date-cell {
  text-align: left;
  width: 50%; /* Adjust if needed */
}

.ref-cell {
  text-align: right;
  width: 50%; /* Adjust if needed */
  font-weight: bold; /* "Ref: VALUE" is bold */
}

.header-html-table {
  width: 100%;
  border-collapse: collapse; /* Essential for table layouts */
  table-layout: fixed; /* Essential for controlling column widths precisely */
  margin-bottom: 8px;
}

.header-html-logo-cell {
  width: 55px; /* Temporarily very wide */
  padding-right: 10px;
  vertical-align: top;
}

.logo {
  width: 10%; /* Logo will fill the .header-logo-area width */
  height: 10%;
  display: block; /* Helps prevent extra space below image */
  margin-right: 50px;
}

.header-html-details-cell {
  vertical-align: top;
  /* This cell will automatically take up the remaining width */
}

/* Styles for h1, p, .reg-no directly within .header-html-details-cell */
.header-html-details-cell h1 {
  font-size: 13pt;
  font-weight: bold;
  margin: 0 0 1px 0;
  color: #000;
}

.header-html-details-cell p {
  margin: 0 0 1px 0;
  font-size: 8pt;
  line-height: 1.2;
}

.header-html-details-cell .reg-no {
  font-size: 7.5pt;
}