/* Kamaliya Meta Fields Builder - Admin Styles */
 
/* =========================================================
   1. General & Field Builder Layout
   ========================================================= */
.kmfb-section-title { font-size: 15px; padding: 10px 0; border-bottom: 1px solid #dcdcde; margin-bottom: 20px; color: #1d2327; }
.kmfb-field-wrap { background: #fff; border: 1px solid #c3c4c7; margin-bottom: 10px; border-radius: 3px; }
.kmfb-field-header { display: flex; padding: 12px 15px; background: #f6f7f7; border-bottom: 1px solid #c3c4c7; cursor: grab; align-items: center; }
.kmfb-field-header span {  font-weight: 600; color: #1d2327; }
.kmfb-field-header .hdr-tab-badge { flex: 0 0 auto; margin-right: 15px; font-size: 11px; background: #e0e0e0; padding: 3px 8px; border-radius: 12px; color: #50575e; font-weight: 600; text-transform: uppercase; }
.kmfb-field-header .hdr-type { flex: 0 0 auto; color: #50575e; font-weight: 400; margin-right: 15px; }
.kmfb-field-header .hdr-icon { flex: 0 0 auto; margin-top: 3px; color: #787c82; }
.kmfb-field-header:hover { background: #f0f0f1; }
.kmfb-field-header, .kmfb-sub-field-header { cursor: grab !important; }
.kmfb-field-header:active, .kmfb-sub-field-header:active { cursor: grabbing !important; background: #e6f0fa; }
.kmfb-field-body { padding: 25px 20px; display: none; border-left: 4px solid #2271b1; }
.kmfb-field-row { margin-bottom: 20px; border-bottom: 1px solid #f0f0f1; padding-bottom: 20px; display: flex; flex-direction: column; }
.kmfb-field-row label { font-weight: 600; margin-bottom: 8px; color: #1d2327; }
.kmfb-field-row input[type="text"], .kmfb-field-row input[type="number"], .kmfb-field-row select, .kmfb-field-row textarea { width: 100%; max-width: 100%; padding: 8px; border: 1px solid #8c8f94; border-radius: 3px; }
.kmfb-sub-fields-box { background: #f0f0f1; padding: 15px; border: 1px solid #c3c4c7; border-radius: 3px; margin-top: 10px; }
.kmfb-sub-field-wrap { background: #fff; border: 1px solid #dcdcde; margin-bottom: 10px; padding: 15px; border-left: 3px solid #00a0d2; }
.kmfb-sub-row-default-val { margin-top: 15px; padding-top: 15px; border-top: 1px dashed #c3c4c7; }
.kmfb-location-box { background: #fff; padding: 20px; border: 1px solid #c3c4c7; display: flex; gap: 15px; align-items: center; border-radius: 3px; }
.kmfb-location-box select, .kmfb-location-box input { padding: 8px; font-size: 14px; border: 1px solid #8c8f94; border-radius: 3px; }
.kmfb-hidden { display: none !important; }
.kmfb-copy-name { cursor: pointer; color: #2271b1; font-size: 12px; font-weight: normal; margin-left: 10px; padding: 2px 6px; border: 1px solid transparent; border-radius: 3px; }
.kmfb-copy-name:hover { background: #f0f0f1; border-color: #2271b1; }
.kmfb-image-preview { max-width: 120px; height: auto; border: 1px solid #c3c4c7; padding: 3px; background: #fff; display: block; border-radius: 3px; }
.kmfb-image-meta { font-size: 11px; color: #50575e; margin-top: 6px; line-height: 1.4; }

/* =========================================================
   2. Premium Top Navigation Bar (White-Label)
   ========================================================= */
.kmfb-top-header-bar { display: flex; justify-content: space-between; align-items: center; background: #ffffff; padding: 0 20px; margin: 0 -20px 0px -20px; border-bottom: 1px solid #ccd0d4; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); height: 60px; }
.kmfb-header-left { display: flex; align-items: center; gap: 30px; }
.kmfb-brand-logo {    /* Primary Brand Gradient */
background: linear-gradient(to right, #ea580c, #dc2626); color: #ffffff; padding: 6px 12px; border-radius: 4px; font-weight: 800; font-size: 18px; letter-spacing: 1px; box-shadow: 0 4px 10px rgba(234, 88, 12, 0.4); }
.kmfb-header-nav { display: flex; gap: 5px; }
.kmfb-header-nav a { text-decoration: none; color: #50575e; font-size: 14px; font-weight: 600; padding: 10px 15px; border-radius: 4px; transition: all 0.2s ease; display: flex; align-items: center; }
.kmfb-header-nav a:hover, .kmfb-header-nav a.active { background: #f0f0f1; color: #1d2327; }
.kmfb-pro-badge { background: linear-gradient(135deg, #8b5cf6, #3b82f6); color: #ffffff !important; text-decoration: none; padding: 8px 16px; border-radius: 4px; font-weight: 600; font-size: 13px; display: flex; align-items: center; gap: 5px; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4); transition: all 0.3s; }
.kmfb-pro-badge:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(59, 130, 246, 0.6); }

/* =========================================================
   3. Custom White-Label Override & Action Buttons (Orange Theme)
   ========================================================= */

/* Typography & Titles */
body.post-type-kmfb_field_group .wrap > h1.wp-heading-inline { 
    font-size: 24px; font-weight: 600; margin-bottom: 20px; color: #1d2327; margin-top: 15px; 
}

/* Primary Action Buttons ("Add New Field Group" & "Update") */
body.post-type-kmfb_field_group .page-title-action, 
body.post-type-kmfb_field_group #publish,
body.post-type-kmfb_field_group .kmfb-undo-btn { 
    background-color: #ea580c !important; /* Brand Orange */
    background-image: none !important; /* Remove any old gradient */
    border: 1px solid #ea580c !important; 
    color: #ffffff !important; 
    padding: 6px 16px !important; 
    border-radius: 4px !important; 
    font-weight: 600 !important; 
    text-shadow: none !important; 
    box-shadow: 0 2px 5px rgba(234, 88, 12, 0.3) !important;
    transition: all 0.3s ease !important; 
}
body.post-type-kmfb_field_group .page-title-action:hover, 
body.post-type-kmfb_field_group #publish:hover { 
    background-color: #dc2626 !important; /* Darker Brand Color on hover */
    border-color: #dc2626 !important;
    transform: translateY(-1px); 
    box-shadow: 0 4px 8px rgba(234, 88, 12, 0.4) !important; 
}
body.post-type-kmfb_field_group .page-title-action{  background-color: transparent!important; 
   border-color: #ea580c !important; 
   color: #ea580c !important; 
   /* Brand Orange */  }
body.post-type-kmfb_field_group .page-title-action:hover{ 
    background-color: #ea580c!important; 
    color: #ffffff!important; 
}
body.post-type-kmfb_field_group .kmfb-undo-btn{   padding: 0px 16px !important;  }



/* Secondary Action Buttons (Apply, Filter, Search) */
body.post-type-kmfb_field_group .tablenav .button, body.post-type-kmfb_field_group .search-box .button { color: #ea580c !important; border-color: #ea580c !important; background: transparent !important; transition: all 0.3s ease; font-weight: 500;     min-height: 40px; border-radius: 4px; }
body.post-type-kmfb_field_group .tablenav .button:hover, body.post-type-kmfb_field_group .search-box .button:hover, body.post-type-kmfb_field_group .tablenav .button:focus { background: rgba(234, 88, 12, 0.05) !important; border-color: #dc2626 !important; color: #dc2626 !important; box-shadow: 0 0 8px rgba(234, 88, 12, 0.3) !important; }

/* Input & Checkbox Focus States */
body.post-type-kmfb_field_group input[type="checkbox"]:focus, body.post-type-kmfb_field_group input[type="radio"]:focus, body.post-type-kmfb_field_group input[type="text"]:focus, body.post-type-kmfb_field_group select:focus { border-color: #ea580c !important; box-shadow: 0 0 5px rgba(234, 88, 12, 0.5) !important; }

/* Checkboxes & Radio Buttons Active State */
body.post-type-kmfb_field_group input[type="checkbox"]:checked, body.post-type-kmfb_field_group input[type="radio"]:checked { background-color: #ea580c !important; border-color: #ea580c !important; }
body.post-type-kmfb_field_group input[type="checkbox"]:checked::before { filter: none !important; /* Retain default SVG checkmark color */ }

/* Top Filter Links (All | Published) */
body.post-type-kmfb_field_group ul.subsubsub li a { color: #646970 !important; transition: color 0.2s ease; }
body.post-type-kmfb_field_group ul.subsubsub li a.current, body.post-type-kmfb_field_group ul.subsubsub li a:hover { color: #ea580c !important; font-weight: 600; }
body.post-type-kmfb_field_group .subsubsub .count { color: #8c8f94; }

/* =========================================================
   4. Premium Data Table (List View)
   ========================================================= */
body.post-type-kmfb_field_group .wp-list-table { border: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); border-radius: 4px; overflow: hidden;     }
body.post-type-kmfb_field_group .wp-list-table thead th, body.post-type-kmfb_field_group .wp-list-table tfoot th { background: #fbfbfc; border-bottom: 1px solid #ccd0d4; font-weight: 600; padding: 12px 10px; }
body.post-type-kmfb_field_group .wp-list-table tbody td { padding: 15px 10px; vertical-align: middle; }
body.post-type-kmfb_field_group .wp-list-table tbody tr { transition: all 0.2s ease; border-left: 3px solid transparent; }
body.post-type-kmfb_field_group .wp-list-table tbody tr:hover { background-color: #fffaf7 !important; border-left: 3px solid #ea580c !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); }

/* Table Sorting Arrows & Headers */
body.post-type-kmfb_field_group .wp-list-table th a, body.post-type-kmfb_field_group .wp-list-table th.sorted .sorting-indicator::before, body.post-type-kmfb_field_group .wp-list-table th.sortable:hover .sorting-indicator::before { color: #1d2327 !important; transition: color 0.2s ease; }
body.post-type-kmfb_field_group .wp-list-table th a:hover, body.post-type-kmfb_field_group .wp-list-table th.sorted a, body.post-type-kmfb_field_group .wp-list-table th.sorted:hover .sorting-indicator::before { color: #ea580c !important; }

/* Row Titles & Actions */
body.post-type-kmfb_field_group .wp-list-table .row-title { color: #1d2327 !important; font-weight: 600; font-size: 14px; transition: all 0.2s ease; }
body.post-type-kmfb_field_group .wp-list-table .row-title:hover { color: #ea580c !important; }
body.post-type-kmfb_field_group .row-actions span a, body.post-type-kmfb_field_group .row-actions span.inline.hide-if-no-js button.editinline { color: #8c8f94; transition: color 0.2s; }
body.post-type-kmfb_field_group .row-actions span a:hover, body.post-type-kmfb_field_group .row-actions span.inline.hide-if-no-js button.editinline:hover { color: #ea580c !important; }
body.post-type-kmfb_field_group .row-actions span.trash a { color: #d63638; }

/* Field Count Badges */
body.post-type-kmfb_field_group .wp-list-table td.column-kmfb_fields_count span { background-color: rgba(234, 88, 12, 0.1) !important; color: #ea580c !important; border: 1px solid rgba(234, 88, 12, 0.2) !important; display: inline-block; padding: 3px 10px; border-radius: 12px; font-weight: 600; font-size: 12px; }

/* =========================================================
   11. Search Input Field Custom Styling (Brand Theme)
   ========================================================= */
body.post-type-kmfb_field_group .search-box input[type="search"] { min-height: 40px !important; border: 1px solid #d0d4db !important; border-radius: 4px !important; padding: 0 14px !important; font-size: 14px !important; background: #ffffff !important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important; transition: all 0.2s ease-in-out !important; }
body.post-type-kmfb_field_group .search-box input[type="search"]:hover { border-color: #ea580c !important; }
body.post-type-kmfb_field_group .search-box input[type="search"]:focus { border-color: #ea580c !important; box-shadow: 0 0 8px rgba(234, 88, 12, 0.35), inset 0 1px 2px rgba(0, 0, 0, 0.04) !important; outline: none !important; }
body.post-type-kmfb_field_group .search-box{  padding-bottom: 15px; }

body.post-type-kmfb_field_group ul.subsubsub li a:focus,
body.post-type-kmfb_field_group ul.subsubsub li a:active,
body.post-type-kmfb_field_group ul.subsubsub li a.current:focus {   outline: none !important;  box-shadow: none !important;  border: none !important;}
body.post-type-kmfb_field_group .subsubsub{ margin-top: 30px;  }

body.post-type-kmfb_field_group .tablenav.top { display: none !important; }
body.post-type-kmfb_field_group .tablenav {     margin-top: 20px !important; }
body.post-type-kmfb_field_group .widefat tfoot td.check-column{ border-bottom: 1px solid #c3c4c7 !important; }
body.post-type-kmfb_field_group  .tablenav select{ border: 1px solid #c3c4c7 !important; border-radius: 5px !important; }

.kmfb-header-nav a:focus,.kmfb-header-nav a:active {   outline: none !important;  box-shadow: 0 0 0 2px #ea580c !important;   color: #ea580c !important;  background: #fffaf7; }
body.post-type-kmfb_field_group #show-settings-link:focus, body.post-type-kmfb_field_group #show-settings-link:active {    outline: none !important;  border-color: #ea580c !important;
    box-shadow: 0 0 0 1px #ea580c !important;  color: #ea580c !important; }
body.post-type-kmfb_field_group .row-actions a:focus{     box-shadow: inherit !important; }  

/* =========================================================
   15. Edit Field Group Page (ACF Style Builder UI)
   ========================================================= */

/* Main Wrapper & Background */
body.post-type-kmfb_field_group #post-body-content { background-color: transparent; }
body.post-type-kmfb_field_group #kmfb-fields-wrapper, body.post-type-kmfb_field_group #kmfb-location-rules-wrapper { background: #ffffff; border: 1px solid #ccd0d4; border-radius: 4px; padding: 20px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); }

/* Section Titles (Fields & Location Rules) */
body.post-type-kmfb_field_group .kmfb-section-title { font-size: 16px; font-weight: 600; color: #1d2327; margin-top: 0; padding-bottom: 15px; border-bottom: 1px solid #f0f0f1; margin-bottom: 25px; }

/* --- Field Wrap (The draggable row) --- */
body.post-type-kmfb_field_group .kmfb-field-wrap { border: 1px solid #e2e4e7; border-radius: 4px; margin-bottom: 15px; background: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); transition: all 0.2s ease; }
body.post-type-kmfb_field_group .kmfb-field-wrap:hover { border-color: #ea580c; box-shadow: 0 2px 5px rgba(234, 88, 12, 0.1); }

/* Field Header (The visible part when closed) */
body.post-type-kmfb_field_group .kmfb-field-header { background: #fbfbfc; padding: 15px 20px; border-bottom: none; border-radius: 4px; }
body.post-type-kmfb_field_group .kmfb-field-wrap.open .kmfb-field-header { border-bottom: 1px solid #e2e4e7; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #f6f7f7; }

/* Header Text & Badges */
body.post-type-kmfb_field_group .kmfb-field-header .hdr-label { font-size: 14px; color: #1d2327; flex: 0 0 35%; }
body.post-type-kmfb_field_group .kmfb-field-header .hdr-name { font-family: monospace; color: #50575e; background: #f0f0f1; padding: 2px 6px; border-radius: 3px; font-size: 12px; }
body.post-type-kmfb_field_group .kmfb-field-header .hdr-tab-badge { background: rgba(234, 88, 12, 0.1); color: #ea580c; border: 1px solid rgba(234, 88, 12, 0.2); }
body.post-type-kmfb_field_group .kmfb-field-header .hdr-type { flex: 0 0 15%; text-align: right; color: #646970; }

/* --- Field Body (The expanded settings) --- */
body.post-type-kmfb_field_group .kmfb-field-body { border-left: 3px solid #ea580c; padding: 25px; background: #ffffff; }

/* Input Fields inside settings */
body.post-type-kmfb_field_group .kmfb-field-row { border-bottom: 1px dashed #e2e4e7; }
body.post-type-kmfb_field_group .kmfb-field-row:last-child { border-bottom: none; }
body.post-type-kmfb_field_group .kmfb-field-row label { font-size: 13px; color: #2c3338; }
body.post-type-kmfb_field_group .kmfb-field-row input[type="text"], body.post-type-kmfb_field_group .kmfb-field-row select, body.post-type-kmfb_field_group .kmfb-field-row textarea { border-color: #dcdcde; background: #fbfbfc; }
body.post-type-kmfb_field_group .kmfb-field-row input[type="text"]:focus, body.post-type-kmfb_field_group .kmfb-field-row select:focus, body.post-type-kmfb_field_group .kmfb-field-row textarea:focus { background: #ffffff; border-color: #ea580c !important; box-shadow: 0 0 0 1px #ea580c !important; }

/* --- Action Buttons Inside Builder --- */
body.post-type-kmfb_field_group #kmfb-add-field { 
   background: transparent !important;
    border: 1px solid #ea580c !important; color: #ea580c !important; 
    box-shadow: none !important; text-shadow: none !important; padding: 1px 20px !important; 
    font-size: 14px; font-weight: 600;     transition: all 0.4s ease;
    border-radius: 4px; }


body.post-type-kmfb_field_group #kmfb-add-field:hover { background:#ea580c !important; color: #fff !important;

}

body.post-type-kmfb_field_group .kmfb-field-body .button { border-radius: 3px; font-size: 12px; }
body.post-type-kmfb_field_group .kmfb-close-field { color: #ea580c; border-color: #ea580c; }
body.post-type-kmfb_field_group .kmfb-close-field:hover { background: rgba(234, 88, 12, 0.05); }

/* =========================================================
   16. Post Edit Screen: Title, Publish Box & Meta Boxes
   ========================================================= */

/* --- 1. Main Title Input Styling --- */
body.post-type-kmfb_field_group input#title { border: 1px solid #ccd0d4; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .04); padding: 8px 15px; transition: all 0.2s ease; background: #fff; }
body.post-type-kmfb_field_group input#title:focus { border-color: #ea580c !important; box-shadow: 0 0 8px rgba(234, 88, 12, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.04) !important; outline: none; }

/* --- 2. Standard WP Meta Boxes (Publish & Fields) --- */
body.post-type-kmfb_field_group .postbox { border: 1px solid #e2e4e7; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); background: #ffffff; }
body.post-type-kmfb_field_group .postbox-header { border-bottom: 1px solid #f0f0f1; background: #fbfbfc; border-top-left-radius: 4px; border-top-right-radius: 4px; }
body.post-type-kmfb_field_group .postbox-header h2 { font-size: 14px; font-weight: 600; color: #1d2327; }

/* =========================================================
   16.5 CLEANING UP THE PUBLISH BOX
   ========================================================= */
/* Hide Clutter: Status, Visibility, Trash */
body.post-type-kmfb_field_group #minor-publishing { display: none !important; }
body.post-type-kmfb_field_group #delete-action { display: none !important; }

/* Align Update Button to the Right */
body.post-type-kmfb_field_group #major-publishing-actions {
    background: transparent !important;
    border-top: none !important;
    padding: 15px !important;
    display: flex !important;
    justify-content: flex-end !important; /* Forces right alignment */
}

body.post-type-kmfb_field_group #submitdiv.postbox {
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
}

/* =========================================================
   17. Inner Wrappers & Location Rules (ACF Style UI)
   ========================================================= */
body.post-type-kmfb_field_group #kmfb-fields-wrapper, body.post-type-kmfb_field_group #kmfb-location-rules-wrapper { background: #ffffff !important; border: 1px solid #ccd0d4 !important; border-radius: 4px !important; padding: 20px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important; margin-bottom: 20px !important; }

body.post-type-kmfb_field_group .kmfb-section-title { font-size: 14px !important; font-weight: 600 !important; color: #1d2327 !important; margin-top: 0 !important; padding-bottom: 12px !important; border-bottom: 1px solid #e2e4e7 !important; margin-bottom: 20px !important; }

body.post-type-kmfb_field_group .kmfb-location-box { background: #ffffff !important; padding: 15px !important; border: 1px solid #dcdcde !important; border-radius: 4px !important; display: flex !important; gap: 15px !important; align-items: center !important; }

body.post-type-kmfb_field_group .kmfb-location-box select, body.post-type-kmfb_field_group .kmfb-location-box input { height: 36px !important; padding: 0 12px !important; font-size: 13px !important; border: 1px solid #8c8f94 !important; border-radius: 4px !important; background: #ffffff !important; color: #2c3338 !important; box-shadow: none !important; transition: all 0.2s ease !important; }

body.post-type-kmfb_field_group .kmfb-location-box select:focus, body.post-type-kmfb_field_group .kmfb-location-box input:focus { border-color: #ea580c !important; box-shadow: 0 0 0 1px #ea580c !important; outline: none !important; }

/* =========================================================
   18. Meta Box Core Wrapper Clean-up (Removing Default WP Box)
   ========================================================= */
body.post-type-kmfb_field_group #poststuff #kmfb_fields_builder.postbox { 
    border: none !important; 
    box-shadow: none !important; 
    background: transparent !important; 
    margin-bottom: 0 !important;
}

body.post-type-kmfb_field_group #poststuff #kmfb_fields_builder > .postbox-header { 
    display: none !important; 
}

body.post-type-kmfb_field_group #kmfb_fields_builder .inside { 
    padding: 0 !important; 
    background: transparent !important; 
    margin: 0 !important; 
}

body.post-type-kmfb_field_group input[type=checkbox]{ margin-top: 5px !important; }



/* =========================================================
   19. Top Update Button Style & Hide Right Sidebar Publish Box
   ========================================================= */

/* Naye Top Update Button ki Premium Styling */
body.post-type-kmfb_field_group .kmfb-top-update-btn {
    background-color: #ea580c !important; /* Brand Orange */
    border: 1px solid #ea580c !important;
    color: #ffffff !important;
    padding: 3px 20px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-left: 10px !important;
    box-shadow: 0 2px 5px rgba(234, 88, 12, 0.3) !important;
    transition: all 0.3s ease !important;
    vertical-align: middle;
    height:44px;
    box-shadow: 0 0px 0px rgba(234, 88, 12, 0.4) !important;
        margin-bottom: 4px;
}

body.post-type-kmfb_field_group .kmfb-top-update-btn:hover {
    background-color: #dc2626 !important; /* Darker Hover */
    border-color: #dc2626 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(234, 88, 12, 0.4) !important;
    color: #ffffff !important;

}



/* Faltu ka Right Side Publish Dabba Poori Tarah GAYAB */
body.post-type-kmfb_field_group #submitdiv {
    display: none !important;
}

/* "Add New Field Group" button ko naye Update button ke sath perfect align karne ke liye */
body.post-type-kmfb_field_group .page-title-action {
    vertical-align: middle;
}

body.post-type-kmfb_field_group #post-body-content{ max-width:100% }
body.post-type-kmfb_field_group #poststuff #post-body.columns-2 {  margin-right: 0; }
body.post-type-kmfb_field_group .kmfb-header-right { padding-right: 20px; }



/* =========================================================
   22. Tools Page Premium UI (Export / Import)
   ========================================================= */

/* Brand Orange Buttons for Tools Page */
[class*="kmfb-tools"] .button-primary {
    background-color: #ea580c !important; 
    border: 1px solid #ea580c !important;
    color: #ffffff !important;
    padding: 6px 20px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    box-shadow: 0 2px 5px rgba(234, 88, 12, 0.3) !important;
    transition: all 0.3s ease !important;
    height: auto !important;
    line-height: normal !important;
}

[class*="kmfb-tools"] .button-primary:hover {
    background-color: #dc2626 !important; 
    border-color: #dc2626 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(234, 88, 12, 0.4) !important;
}

/* Modernize Export/Import Boxes */
[class*="kmfb-tools"] .wrap > div > div {
    border-radius: 8px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.3s ease;
}

[class*="kmfb-tools"] .wrap > div > div:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;
}

/* Box Headers */
[class*="kmfb-tools"] .wrap > div > div > div:first-child {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

/* Checkbox Brand Theme */
[class*="kmfb-tools"] input[type="checkbox"]:checked {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
}

/* Checkbox Brand Theme */
[class*="kmfb-tools"] input[type="checkbox"]:checked {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
}

/* Remove Default Blue Focus/Active Shadow & Apply Brand Orange */
[class*="kmfb-tools"] input[type="checkbox"]:focus,
[class*="kmfb-tools"] input[type="checkbox"]:active,
[class*="kmfb-tools"] input[type="checkbox"]:focus-visible {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 1px #ea580c !important; /* Blue ki jagah solid orange outline */
    outline: none !important;
}


/* =========================================================
   24. Brand Colors for Location Rules Buttons (AND / OR)
   ========================================================= */

/* "And" aur "Add rule group" buttons ko Orange karna */
body.post-type-kmfb_field_group #kmfb-location-rules-wrapper .kmfb-add-and-rule,
body.post-type-kmfb_field_group #kmfb-location-rules-wrapper .kmfb-add-rule-group {
    color: #ea580c !important;
    border-color: #ea580c !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
}

/* Hover par solid Orange */
body.post-type-kmfb_field_group #kmfb-location-rules-wrapper .kmfb-add-and-rule:hover,
body.post-type-kmfb_field_group #kmfb-location-rules-wrapper .kmfb-add-rule-group:hover {
    color: #ffffff !important;
    background-color: #ea580c !important;
    border-color: #ea580c !important;
}

/* Minus (-) button ko Red border dena */
body.post-type-kmfb_field_group #kmfb-location-rules-wrapper .kmfb-remove-rule {
    border-color: #d63638 !important; 
    color: #d63638 !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
}

/* Minus hover par solid Red */
body.post-type-kmfb_field_group #kmfb-location-rules-wrapper .kmfb-remove-rule:hover {
    background-color: #d63638 !important;
    color: #ffffff !important;
}

/* Default Blue Focus/Click Ring ko Orange karna */
body.post-type-kmfb_field_group #kmfb-location-rules-wrapper .button:focus,
body.post-type-kmfb_field_group #kmfb-location-rules-wrapper .button:active {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 1px #ea580c !important;
    outline: none !important;
}

/* =========================================================
   25. ACF Style Field Headers & Row Actions
   ========================================================= */

body.post-type-kmfb_field_group .kmfb-field-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 12px 15px;
    background: #fff; /* White background ACF style */
    border-bottom: 1px solid #ccd0d4;
    cursor: grab;
}

body.post-type-kmfb_field_group .kmfb-field-header:hover {
    background: #fbfbfc; /* Slight grey on hover */
}

/* 3 Equal Columns */
body.post-type-kmfb_field_group .hdr-col {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* First Column: Label + Actions perfectly parallel */
body.post-type-kmfb_field_group .hdr-col-label {
    flex: 1.8;
    display: flex;
    flex-direction: row; /* Element ko horizontally ek line me layega */
    align-items: center; /* Vertical centering ke liye */
    gap: 15px; /* Text aur links ke beech perfect space */
}

body.post-type-kmfb_field_group .hdr-label {
    font-size: 14px;
    font-weight: 600;
    color: #1d2327; /* Dark clean text */
    display: inline-block;
}

/* Row Actions (Title ke baaju mein parallel dikhenge) */
body.post-type-kmfb_field_group .kmfb-row-actions {
    visibility: hidden;
    font-size: 12px;
    color: #ccd0d4;
    line-height: 1;
}

/* Header standard vertical alignment setup */
body.post-type-kmfb_field_group .kmfb-field-header {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Sabhi columns ko center inline rakhega */
    padding: 14px 15px;
    background: #fff;
    border-bottom: 1px solid #ccd0d4;
}

body.post-type-kmfb_field_group .kmfb-field-header:hover .kmfb-row-actions {
    visibility: visible;
}

/* WordPress standard light grey link structure */
body.post-type-kmfb_field_group .kmfb-row-actions {
    visibility: hidden;
    font-size: 12px;
    color: #a7aaad; /* Pipe separators ka color light grey */
    line-height: 1;
}

/* Edit and Duplicate links ka subtle grey color */
body.post-type-kmfb_field_group .kmfb-row-actions a {
    text-decoration: none;
    color: #8c8f94 !important; 
    transition: color 0.1s ease-in-out;
}

/* Hover karne par text humare brand color (Orange) me badlega */
body.post-type-kmfb_field_group .kmfb-row-actions a:hover {
    color: #ea580c !important; /* Humara Premium Orange */
}

/* Delete link ka specific standard text red color */
body.post-type-kmfb_field_group .kmfb-row-actions a.kmfb-remove-field-link {
    color: #d63638 !important;
}

/* Delete over hover par solid bright red look */
body.post-type-kmfb_field_group .kmfb-row-actions a.kmfb-remove-field-link:hover {
    color: #b32d2e !important;
}

/* Second Column: Name (Slug) */
body.post-type-kmfb_field_group .hdr-col-name {
    justify-content: center;
}

body.post-type-kmfb_field_group .hdr-name {
    font-family: monospace;
    color: #50575e;
    font-size: 13px;
}

/* Third Column: Type & Badges */
body.post-type-kmfb_field_group .hdr-col-type {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

body.post-type-kmfb_field_group .hdr-type {
    color: #646970;
    font-size: 13px;
    margin-left: 10px;
}

body.post-type-kmfb_field_group .kmfb-rule-row select,
body.post-type-kmfb_field_group input
{
    border-radius: 5px;
    border-color: #c7c7c7;
}

/* =========================================================
   26. Native Select Dropdown Optgroup Styling (Limited OS Support)
   ========================================================= */
body.post-type-kmfb_field_group select.kmfb-input-type optgroup {
    color: #ea580c !important; /* Brand Orange for Headings */
    font-weight: 700 !important;
    font-style: normal !important;
    background-color: #f8fafc !important; /* Light grey bg for group headers */
}

body.post-type-kmfb_field_group select.kmfb-input-type option {
    color: #1d2327 !important;
    font-weight: 500 !important;
    background-color: #ffffff !important;
    padding: 6px 10px !important;
}

body.post-type-kmfb_field_group .kmfb-header-right {
    display: none;
}

body.post-type-kmfb_field_group #wpcontent{     overflow: hidden; }

body.post-type-kmfb_field_group input#title{      font-weight: 500 !important; height: 2.7em !important;  font-size: 18.2px !important; }

body.post-type-kmfb_field_group #titlediv #title-prompt-text{  padding: 15px;  }

body.kamaliya-meta_page_kmfb-tools .notice{  margin-bottom: 20px; }