.elementor-19742 .elementor-element.elementor-element-7477cd2:not(.elementor-motion-effects-element-type-background), .elementor-19742 .elementor-element.elementor-element-7477cd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000A64;}.elementor-19742 .elementor-element.elementor-element-7477cd2 > .elementor-background-overlay{background-image:url("https://aqiqah4uwebsite.s3.ap-southeast-1.amazonaws.com/2023/07/islamic-pattern-background-scaled.jpg");background-size:cover;opacity:0.14;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19742 .elementor-element.elementor-element-7477cd2 > .elementor-container{max-width:1280px;}.elementor-19742 .elementor-element.elementor-element-7477cd2 .elementor-background-overlay{filter:brightness( 98% ) contrast( 112% ) saturate( 49% ) blur( 0px ) hue-rotate( 170deg );}.elementor-19742 .elementor-element.elementor-element-7477cd2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:140px 0px 80px 0px;z-index:0;}.elementor-19742 .elementor-element.elementor-element-72e7074 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-19742 .elementor-element.elementor-element-3f58ba7{text-align:center;}.elementor-19742 .elementor-element.elementor-element-3f58ba7 .elementor-heading-title{font-family:"Poppins", inter;font-size:35px;font-weight:600;color:#FFFFFF;}.elementor-19742 .elementor-element.elementor-element-384dab9 > .elementor-container{max-width:1480px;}.elementor-19742 .elementor-element.elementor-element-781deb0:not(.elementor-motion-effects-element-type-background), .elementor-19742 .elementor-element.elementor-element-781deb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFF;}.elementor-19742 .elementor-element.elementor-element-781deb0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19742 .elementor-element.elementor-element-781deb0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19742 .elementor-element.elementor-element-2ec4cc0:not(.elementor-motion-effects-element-type-background), .elementor-19742 .elementor-element.elementor-element-2ec4cc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19742 .elementor-element.elementor-element-2ec4cc0 > .elementor-container{max-width:1100px;}.elementor-19742 .elementor-element.elementor-element-2ec4cc0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:20px 0px 50px 0px;}.elementor-19742 .elementor-element.elementor-element-2ec4cc0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19742 .elementor-element.elementor-element-ffb993f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-19742 .elementor-element.elementor-element-ffb993f{font-family:"Inter", inter;font-size:20px;font-weight:600;color:#000000;}@media(max-width:767px){.elementor-19742 .elementor-element.elementor-element-7477cd2{margin-top:0px;margin-bottom:0px;padding:100px 0px 50px 0px;}.elementor-19742 .elementor-element.elementor-element-72e7074 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-19742 .elementor-element.elementor-element-3f58ba7 .elementor-heading-title{font-size:25px;}}/* Start custom CSS for html, class: .elementor-element-5eaed7f *//* ==========================================
   DESKTOP STYLE (RATA KIRI DEFAULT)
   ========================================== */
.a4u-table-container {
    width: 100%;
    margin: 20px 0;
    font-family: system-ui, -apple-system, sans-serif;
}

.a4u-responsive-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    font-size: 0.9rem;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.a4u-responsive-table th {
    background-color: #f9fafb;
    color: #4b5563;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
    text-align: left; /* Rata kiri dkt desktop */
}

.a4u-responsive-table td {
    padding: 14px 16px;
    color: #374151;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
    text-align: left; /* Rata kiri dkt desktop */
}

.a4u-responsive-table tbody tr:hover {
    background-color: #f9fafb;
}

.animal-name {
    font-weight: 600;
    color: #111827;
}

.price-amount {
    font-weight: 700;
    color: #059669;
}

.text-muted { color: #9ca3af; }

/* Style Badge */
.badge {
    display: inline-block;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 9999px;
    width: max-content;
}
.badge-blue { background-color: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
.badge-orange { background-color: #fff7ed; color: #c2410c; border: 1px solid #fed7aa; }
.badge-gray { background-color: #f3f4f6; color: #374151; border: 1px solid #e5e7eb; }

/* Style Nota Kaki */
.a4u-table-footer {
    margin-top: 15px;
    padding: 14px;
    background-color: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    font-size: 0.8rem;
    color: #4b5563;
    line-height: 1.5;
}
.a4u-table-footer p { margin: 0 0 6px 0; }
.a4u-table-footer p:last-child { margin-bottom: 0; }
.a4u-table-footer .disclaimer {
    color: #9ca3af;
    font-style: italic;
    border-top: 1px dashed #e5e7eb;
    padding-top: 6px;
    margin-top: 8px;
}

/* ==========================================
   MOBILE STYLE (FIXED ALIGNMENT < 768px)
   ========================================== */
@media screen and (max-width: 768px) {
    .a4u-responsive-table thead {
        display: none; /* Sembunyikan header asal */
    }
    
    .a4u-responsive-table, 
    .a4u-responsive-table tbody, 
    .a4u-responsive-table tr, 
    .a4u-responsive-table td {
        display: block;
        width: 100%;
    }
    
    .a4u-responsive-table tr {
        margin-bottom: 18px;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
        overflow: hidden;
    }
    
    .a4u-responsive-table td {
        padding: 12px 15px 12px 45%; /* Sediakan ruang 45% dkt kiri untuk label */
        border-bottom: 1px solid #f3f4f6;
        position: relative;
        text-align: left !important; /* Paksa content rata kiri */
    }
    
    .a4u-responsive-table td:last-child {
        border-bottom: none;
    }
    
    /* Ganti Header dkt Sebelah Kiri (Rata Kiri Clean) */
    .a4u-responsive-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%); /* Bagi center menegak */
        width: 40%;
        text-align: left; /* Header kecil pun rata kiri */
        font-weight: 600;
        color: #4b5563;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }
    
    /* Seksyen Khas Nama Ternakan (Top Card Header) */
    .a4u-responsive-table td.animal-name {
        background-color: #f9fafb;
        padding: 12px 15px;
        font-size: 0.95rem;
        border-bottom: 1px solid #e5e7eb;
        font-weight: 700;
    }
    
    .a4u-responsive-table td.animal-name::before {
        display: none; /* Padam label sebelah kiri untuk tajuk card */
    }
    
    .a4u-responsive-table td .badge {
        margin-left: 0; /* Matikan push-to-right */
    }
}/* End custom CSS */