.elementor-4185 .elementor-element.elementor-element-9488f4e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-4185 .elementor-element.elementor-element-cda3a55{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-4185 .elementor-element.elementor-element-12eac24{--display:flex;--min-height:715px;--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;--overlay-opacity:1;--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-4185 .elementor-element.elementor-element-12eac24::before, .elementor-4185 .elementor-element.elementor-element-12eac24 > .elementor-background-video-container::before, .elementor-4185 .elementor-element.elementor-element-12eac24 > .e-con-inner > .elementor-background-video-container::before, .elementor-4185 .elementor-element.elementor-element-12eac24 > .elementor-background-slideshow::before, .elementor-4185 .elementor-element.elementor-element-12eac24 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4185 .elementor-element.elementor-element-12eac24 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.natetip.co.th/wp-content/uploads/2024/04/online-meeting-aia-natetip.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4185 .elementor-element.elementor-element-fd64e44{--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:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:120px;--padding-right:150px;}.elementor-4185 .elementor-element.elementor-element-fd64e44:not(.elementor-motion-effects-element-type-background), .elementor-4185 .elementor-element.elementor-element-fd64e44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8beb0c7 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4185 .elementor-element.elementor-element-def9426 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:55px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4185 .elementor-element.elementor-element-a331570{text-align:start;font-family:"Noto Sans Thai", Sans-serif;font-size:25px;font-weight:500;line-height:1.5em;color:var( --e-global-color-secondary );}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4185 .elementor-element.elementor-element-911099d .elementor-button{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-4185 .elementor-element.elementor-element-911099d .elementor-button:hover{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-4185 .elementor-element.elementor-element-911099d .elementor-field-group{margin-bottom:10px;}.elementor-4185 .elementor-element.elementor-element-911099d .elementor-form-fields-wrapper{margin-bottom:-10px;}.elementor-4185 .elementor-element.elementor-element-911099d .elementor-field-group > a{color:var( --e-global-color-text );}body .elementor-4185 .elementor-element.elementor-element-911099d .elementor-field-group > label{padding-bottom:0px;}.elementor-4185 .elementor-element.elementor-element-911099d .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:"Noto Sans Thai", Sans-serif;font-weight:400;}.elementor-4185 .elementor-element.elementor-element-911099d .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-4185 .elementor-element.elementor-element-911099d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-4185 .elementor-element.elementor-element-911099d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-4185 .elementor-element.elementor-element-855cad6{text-align:start;font-family:"Noto Sans Thai", Sans-serif;font-weight:400;}.elementor-4185 .elementor-element.elementor-element-4b11b9e{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4185 .elementor-element.elementor-element-12eac24{--width:50%;}.elementor-4185 .elementor-element.elementor-element-fd64e44{--width:50%;}.elementor-4185 .elementor-element.elementor-element-4b11b9e{--width:80%;}}@media(max-width:1024px){.elementor-4185 .elementor-element.elementor-element-12eac24{--min-height:507px;}.elementor-4185 .elementor-element.elementor-element-fd64e44{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4185 .elementor-element.elementor-element-def9426 .elementor-heading-title{font-size:38px;}.elementor-4185 .elementor-element.elementor-element-a331570{font-size:18px;}}@media(max-width:767px){.elementor-4185 .elementor-element.elementor-element-12eac24{--min-height:232px;}.elementor-4185 .elementor-element.elementor-element-a331570{font-size:20px;}.elementor-4185 .elementor-element.elementor-element-855cad6{font-size:12px;line-height:1.5em;}.elementor-4185 .elementor-element.elementor-element-4b11b9e{--width:90%;}}/* Start custom CSS for shortcode, class: .elementor-element-085eca8 */#dealer-listing-table thead th {
    background-color: #D31145;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

#dealer-listing-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

#dealer-listing-table tbody tr:nth-child(even) {
    background-color: #f7f7f7;
}

/* Hover effect */
#dealer-listing-table tbody tr {
    transition: all 0.25s ease;
    cursor: pointer;
}

#dealer-listing-table tbody tr:hover {
    box-shadow: inset 4px 0 0 #D31145;
}

/* กัน hover effect กับแถวที่กดปุ่ม */
#dealer-listing-table tbody tr td a {
    position: relative;
    z-index: 2;
}

.dealer-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    cursor: pointer;
    user-select: none;
}



.dealer-row-wrap {
    display:flex;
    align-items:stretch;
    margin-bottom:10px;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    transition:.2s;
}

.dealer-row-wrap:nth-child(even) {
    background:#f7f7f7;
}

.dealer-row-wrap:hover {
    background:#fff0f4;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.dealer-row-table {
    flex:1;
}

.dealer-row-table table {
    border-collapse:collapse;
}

.dealer-row-table td {
    padding:12px;
    border-bottom:1px solid #eee;
    white-space:nowrap;
}

.dealer-row-action {
    width:120px;
    background:#fafafa;
    border-left:1px solid #e5e5e5;

    display:flex;
    flex-direction:row;     /* ✅ แถวเดียว */
    align-items:center;
    justify-content:center;
    gap:8px;

    padding:10px;
}


.btn-edit,
.btn-delete {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    padding:0;
}


.btn-edit {
    background:#e3f2fd;
    color:#1565c0;
}

.btn-delete {
    background:#fdecea;
    color:#b00020;
}

/* ===== DELETE POPUP ===== */
.dealer-popup-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,.45) !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99999 !important;
}

.dealer-popup-overlay.active {
  display: flex !important;
}

.dealer-popup-box {
  background: #fff !important;
  padding: 24px !important;
  border-radius: 12px !important;
  width: 340px !important;
  text-align: center !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.25) !important;
}

.dealer-popup-box h3 {
  margin: 0 0 10px !important;
  font-size: 20px !important;
}

.dealer-popup-box p {
  font-size: 14px !important;
  color: #555 !important;
}

.dealer-popup-actions {
  display: flex !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

.dealer-popup-actions button {
  flex: 1 !important;
  padding: 10px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
}

#popup-confirm-delete {
  background: #dc2626 !important;
  color: #fff !important;
}

#popup-confirm-delete:hover {
  background: #b91c1c !important;
}

#popup-cancel-delete {
  background: #e5e7eb !important;
}


@media (max-width: 768px) {
    .top-sec {
    margin-bottom: 15px !important;
    }
.btn-add {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
  }

  /* ตัวปุ่ม */
  .btn-add .add-btn {
    width: auto !important;
    padding: 15px 15px !important;
  }
    
    .title-page {
        margin-bottom: 0px!important;
    }
    
    div[style*="justify-content:space-between"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
      }
    
      /* Title */
      div[style*="font-size:36px"] {
        font-size: 30px !important;
        line-height: 1.3 !important;
      }
      
 
}/* End custom CSS */