.elementor-4669 .elementor-element.elementor-element-2886701{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items: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-4669 .elementor-element.elementor-element-b8a8bf1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-4669 .elementor-element.elementor-element-b8a8bf1{--width:90%;}}@media(min-width:768px){.elementor-4669 .elementor-element.elementor-element-2886701{--width:100%;}.elementor-4669 .elementor-element.elementor-element-b8a8bf1{--width:80%;}}/* Start custom CSS for shortcode, class: .elementor-element-5ad22ff *//* ===== Insurance Record Container ===== */
.insurance-doc {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    color: #333;
    box-sizing: border-box;
}

/* Header */
.insurance-doc .doc-header {
    text-align: center;
    margin-bottom: 30px;
}

.insurance-doc .doc-header h1 {
    color: #AF0331;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 6px;
}

.insurance-doc .doc-header .doc-sub {
    color: #666;
    font-size: 16px;
}

/* Sections */
.insurance-doc .doc-section {
    margin-bottom: 35px;
}

.insurance-doc .doc-section h2 {
    color: #AF0331;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    border-bottom: 2px solid #AF0331;
    padding-bottom: 5px;
}

/* Default grid for normal fields */
.insurance-doc .doc-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 12px 20px;
}

.insurance-doc .doc-item {
    padding: 6px 0;
}

.insurance-doc .doc-label {
    font-weight: 600;
    color: #AF0331;
}

.insurance-doc .doc-value {
    color: #333;
}

/* ===== Policy Table Styling ===== */
.policy-readonly-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    border-radius: 8px;
    overflow: hidden;
}

.policy-readonly-table th,
.policy-readonly-table td {
    padding: 12px 10px;
    border-bottom: 1px solid #eee;
}

.policy-readonly-table th {
    font-weight: 600;
}

.policy-readonly-table td {
    background-color: #fafafa;
    color: #333;
}

.policy-readonly-table tr.section-row td {
    background-color: #AF0331 !important;
    color:white!important;
    font-weight: 600!important;
    text-align: left!important;
    padding-left: 15px!important;
}

/* Zebra stripe for rows */
.policy-readonly-table tbody tr:nth-child(even) td {
    background-color: #fdfdfd;
}

/* Responsive */
@media (max-width: 768px) {
    .insurance-doc {
        padding: 20px;
    }

    .insurance-doc .doc-grid {
        grid-template-columns: 1fr;
    }

    .policy-readonly-table th,
    .policy-readonly-table td {
        font-size: 13px;
        padding: 8px 6px;
    }
}

/* wrapper ทำให้ table scroll แนวนอนได้ */
.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* สำหรับมือถือ */
  width: 100%;
}

/* table กว้างเท่าที่ต้องการ ไม่ให้ column ยุบ */
.policy-readonly-table {
  border-collapse: collapse;
  width: max-content; /* ให้ table กว้างเท่าคอนเทนต์ */
  min-width: 100%;    /* ให้ table อย่างน้อยเต็ม container */
}

.policy-readonly-table th,
.policy-readonly-table td {
  white-space: nowrap; /* กัน column ยุบ */
  padding: 6px 12px;   /* ปรับ padding ตามต้องการ */
  border: 1px solid #ddd;
}

.policy-readonly-table td[data-label="เบี้ยประกันภัยรวมต่อปี (บาท)"],
.policy-readonly-table td[data-label="ส่วนลด Vitality (บาท)"],
.policy-readonly-table td[data-label="รวมเบี้ยUDRต่อปี (บาท)"] {
    font-weight: 600;
}

.insurance-doc-actions {
    max-width: 1200px;
    margin: 0 auto;
    top: 20px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    z-index: 10;
}

.insurance-btn-download {
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
}

.insurance-btn-download:hover {
    background: #AF0331;
}

.insurance-btn-edit {
    margin-right: 10px;
    color: #d31145;
    background-color: #ffffff;
    border: 1px;
    border-color: #AF0331;
}

.insurance-btn-edit:hover {
     color: #AF0331;
}

.excel-btn {
    display: none;
}/* End custom CSS */
/* Start custom CSS */.elementor.elementor-4669.elementor-location-single.insurance-record {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

.elementor-element.elementor-element-2886701.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

    .ast-container {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    
    @media (min-width: 922px) {
    .ast-container {
        max-width: 100%;
    }
}

@media (min-width: 993px) {
    .ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
        margin:  0;
        padding: 0;
    }
}

@media (max-width: 544px) {
    .ast-separate-container #content .ast-container {
        padding-left: 0;
        padding-right: 0;
    }
}

.ast-separate-container #primary {
    padding: 0;
    margin: 0;
    border: 0;
}/* End custom CSS */