/* Sight Test Certificate Specific Styles */

.sight-test-section {
    font-family: 'Calibri', sans-serif;
}

.sight-test-section label,
.sight-test-section p,
.sight-test-section span,
.sight-test-section li,
.sight-test-section input {
    font-size: 27px !important;
}

.sight-test-section input {
    font-weight: bold !important;
}

.sight-test-header {
    margin: 0 0 20px 0; 
    text-align: center;
    font-size: 34px !important;
    font-weight: 900 !important;
}

.sight-test-subheader {
    margin: 0; 
    text-align: center; 
    font-weight: bold;
}

.sight-test-details-table {
    border-collapse: collapse; 
    font-family: 'Calibri', sans-serif; 
    font-size: 27px; 
    vertical-align: top; 
    width: 100%;
}

.sight-test-details-table td {
    border: 0;
}

.sight-test-label-cell {
    padding: 10px; 
    font-weight: normal;
}

.sight-test-label-text {
    padding-left: 10px; 
    font-size: 27px !important;
}

.sight-test-value-cell {
    padding: 10px;
    padding-bottom: 25px;
    border-bottom: 1px solid #000; /* Assuming bb-1 was doing this */
}

/* Photo Section */
.sight-test-photo-container {
    width: 22% !important;
    vertical-align: top; 
    padding: 10px;
}

.sight-test-photo-wrapper {
    display: block !important; 
    padding: 20px;
}

.sight-test-appendix-label {
    border: 0.5px solid #000; 
    padding: 10px; 
    display: inline-block; 
    width: 150px;
}

.sight-test-photo-box {
    border: 0.5px solid #000; 
    padding: 10px; 
    display: inline-flex !important; 
    flex-direction: column !important;
    align-items: center !important;
    width: 150px; 
    height: auto;
    min-height: 180px;
}

.sight-test-photo-box input[type="file"] {
    width: 100%;
    font-size: 10px !important;
    margin-top: 5px;
}

.sight-test-photo-img {
    width: 140px; 
    height: 150px;
}

/* Vision Table */
.sight-test-vision-table th {
    font-size: 27px !important;
    padding: 15px !important;
}

.sight-test-vision-table td {
    padding: 15px !important;
}

.sight-test-vision-table .table-input {
    padding: 12px !important;
    width: 100%; /* Ensure they fill the cell */
    box-sizing: border-box; /* Include padding in width */
}

/* Footer Section */
.sight-test-certification-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1.6 !important;
}

.sight-test-notes-list {
    text-align: left !important;
    text-indent: 90px !important;
}

.sight-test-note-item {
    font-size: 19px !important;
    line-height: 2 !important;
}

/* Utility Classes for PHP Dynamic Styles */
.sight-test-w-20-imp { width: 20% !important; }
.sight-test-w-30-imp { width: 30% !important; }
.sight-test-w-40-imp { width: 40% !important; }
.sight-test-w-350px-imp { width: 350px !important; }
.sight-test-flex-1 { flex: 1; }
.sight-test-text-center { text-align: center !important; }

@media print {
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }
    .sight-test-section {
        page-break-inside: avoid;
    }
}

/* Photo Section Specifics */
.sight-test-photo-table {
    width: 100%;
}

.sight-test-photo-cell {
    padding: 10px; 
    vertical-align: top; 
    text-align: center !important;
}

.sight-test-signature-input {
    margin: 20px 0 !important;
}
