/* File: admin-style.css */

/* ======================================================= */
/* Custom WordPress Admin Styles                           */
/* ======================================================= */

/* ---------- Global Resets & Body Styles ---------- */
html,
html.wp-toolbar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.wp-admin {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    background-color: #f8f9fa;
    color: #495057;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
    box-shadow: none !important;
}

/* Login logo with higher specificity */
body.login div#login h1 a {
    background-image: var(--ukm-login-logo-url) !important;
    width: 320px !important;
    height: 160px !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin: 0 auto 25px auto !important;
    padding: 0 !important;
    text-indent: -9999px !important;
    display: block !important;
    max-width: 100% !important;
}

/* ---------- Admin Bar (Hidden) ---------- */
#wpadminbar {
    display: none !important;
}

/* ---------- Admin Menu (Left Sidebar) ---------- */
#adminmenu div.wp-menu-name {
    padding: 8px 8px 8px 0px !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    hyphens: auto
}

#adminmenu li.wp-menu-separator {
    display: none !important;
}

#adminmenuback,
#adminmenuwrap,
#adminmenu {
    background-color: #131921;
}

#adminmenu a {
    color: #adb5bd;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

/* Default Icon Color (Dashicons) */
#adminmenu div.wp-menu-image::before {
    color: #ced4da;
}

/* Menu Item Background/Text Color on Hover/Focus */
#adminmenu li.menu-top:hover > a.menu-top,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
    background-color: #495057;
    color: #ffffff !important;
}

/* Current Menu Item Background/Text Color */
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current a.menu-top {
    background-color: #1f2733;
    color: #ffffff;
}
#adminmenu li.current a.menu-top:hover {
    background-color: #2f2f2f;
}

/* Submenu Styles */
#adminmenu .wp-submenu {
    background-color: #1f2733;
}
#adminmenu .wp-submenu a {
    color: #adb5bd;
}
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu li.current a {
    color: #ffffff;
}

/* Dashicon color on Hover/Focus */
#adminmenu li.menu-top:hover div.wp-menu-image::before,
#adminmenu li.opensub > a.menu-top div.wp-menu-image::before,
#adminmenu li > a.menu-top:focus div.wp-menu-image::before {
    color: #e76b68;
}

/* Current Item Dashicon Color */
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu div.wp-menu-image::before,
#adminmenu li.current a.menu-top div.wp-menu-image::before {
    color: #ffffff;
}
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu:hover div.wp-menu-image::before,
#adminmenu li.current a.menu-top:hover div.wp-menu-image::before {
    color: #e76b68;
}

ul.wp-submenu.wp-submenu-wrap {
    text-indent: 10px;
}

/* SVG Icon Fill Color on Hover/Focus */
#adminmenu li.menu-top:hover .wp-menu-image svg,
#adminmenu li.menu-top:hover .wp-menu-image svg *,
#adminmenu li.opensub > a.menu-top .wp-menu-image svg,
#adminmenu li.opensub > a.menu-top .wp-menu-image svg *,
#adminmenu li > a.menu-top:focus .wp-menu-image svg,
#adminmenu li > a.menu-top:focus .wp-menu-image svg * {
    fill: #e76b68;
}

/* Current Item SVG Icon Fill Color */
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu .wp-menu-image svg,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu .wp-menu-image svg *,
#adminmenu li.current a.menu-top .wp-menu-image svg,
#adminmenu li.current a.menu-top .wp-menu-image svg * {
    fill: #ffffff;
}
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu:hover .wp-menu-image svg,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu:hover .wp-menu-image svg *,
#adminmenu li.current a.menu-top:hover .wp-menu-image svg,
#adminmenu li.current a.menu-top:hover .wp-menu-image svg * {
    fill: #e76b68;
}

/* Admin menu search box styles */
.ukm-admin-search-container {
    padding: 0px 10px;
    margin: 0px;
    margin-bottom: 12px;
    width: 100%;
    box-sizing: border-box;
}

.ukm-admin-search-input {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 8px !important;
    margin: 0;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 13px;
}

/* Custom Logout Section */
#adminmenu li#ukm-logout-menu-item.ukm-custom-logout-section {
    margin-top: 0px;
    border-bottom: 1px solid rgba(240, 246, 252, 0.1);
    padding: 0px 0px 0px 0px;
    order: 9999;
    background: none !important;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block !important;
}
#adminmenu li#ukm-logout-menu-item.ukm-custom-logout-section:hover {
    background: none !important;
}

/* Adjust styles when menu is collapsed */
body.folded #adminmenu li#ukm-logout-menu-item.ukm-custom-logout-section .username span:not(.dashicons) {
    display: none;
}
body.folded #adminmenu li#ukm-logout-menu-item.ukm-custom-logout-section .logout-button {
    font-size: 0;
    padding: 8px 0;
    text-align: center;
}
body.folded #adminmenu li#ukm-logout-menu-item.ukm-custom-logout-section .logout-button::before {
    content: "\f148";
    font-family: dashicons;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 1.5;
}

    .ukm-custom-user-logout .username {
        display: flex;
        align-items: center;
        font-size: 13px;
        color: #c3c4c7;
        font-weight: 400;
        margin-bottom: 5px;
        padding-left: 8px;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 12px;
        border-top: 1px solid;
        margin-top: 10px;
        padding-top: 3px;
}
.ukm-custom-user-logout .username .dashicons {
    color: #8c8f94;
    margin-right: 8px;
    font-size: 18px;
}
.ukm-custom-user-logout .logout-button {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 10px;
    background-color: #d63638;
    color: #fff !important;
    text-align: center;
    border-radius: 3px;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    border: none;
    cursor: pointer;
    transition: background-color 0.1s ease-in-out;
    margin-left: 9px !important;
    width: calc(100% - 18px) !important;
}
.ukm-custom-user-logout .logout-button:hover,
.ukm-custom-user-logout .logout-button:focus {
    background-color: #df6865;
    color: #fff !important;
}

.custom-user-logout {
    margin-left: -5px !important;
}

#adminmenu .awaiting-mod, #adminmenu .menu-counter, #adminmenu .update-plugins {
    background-color: #e86b68 !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
    margin: 1px 0 0px 2px !important;
    padding: 3px 6px !important;
    border-radius: 9px !important;
    background-color: #d63638 !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    display: inline !important;
}

/* ---------- Hide all menu icons ---------- */
#adminmenu .wp-menu-image,
#adminmenu .dashicons {
    display: none !important;
    width: 0 !important;
}
#adminmenu li.menu-top > a.menu-top {
    padding-left: 10px !important;
}

/* ---------- Form Input/Select Fixes ---------- */
.tablenav.top .acp-smartfilter-actions>select, .tablenav.top .acp-smartfilter-actions>label, .tablenav.top .acp-smartfilter-actions #post-query-submit, .tablenav.top .acp-smartfilter-actions input[name=acp_filter_action] {
    min-width: 150px !important;
}

/* Reset problematic padding */
.wp-admin input[type=text], .wp-admin input[type=search], .wp-admin input[type=email], .wp-admin input[type=url], .wp-admin input[type=tel], .wp-admin input[type=number], .wp-admin input[type=password], .wp-admin select, .wp-admin textarea {
    padding: 0px 0px !important;
}
/* Apply consistent padding */
.wp-admin input[type=text], .wp-admin input[type=search], .wp-admin input[type=email], .wp-admin input[type=url], .wp-admin input[type=tel], .wp-admin input[type=number], .wp-admin input[type=password], .wp-admin select, .wp-admin textarea {
    padding: 8px 12px !important;
}

/* Specific overrides for ACF fields */
.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
    padding-left: 10px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-right: 12px !important;
}

/* WooCommerce inputs specific padding */
.woocommerce_options_panel .short, .woocommerce_options_panel input[type=email].short, .woocommerce_options_panel input[type=number].short, .woocommerce_options_panel input[type=password].short, .woocommerce_options_panel input[type=text].short {
    padding-left: 10px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-right: 12px !important;
}

/* Search box specific padding */
p.search-box {
    margin: 2px 0 !important;
}
p.search-box input[type="search"] {
    padding: unset !important;
}

/* ---------- Main Content Area Styles ---------- */

/* Headings */
.wrap h1,
.wrap h2 {
    color: #343a40;
    font-weight: 600;
}

/* General Buttons */
.wp-core-ui .button {
    border-radius: 4px;
    border: 1px solid #ced4da;
    background-color: #f8f9fa;
    color: #495057;
    transition: all 0.2s ease-in-out;
    box-shadow: none;
    text-shadow: none;
    padding: 8px 12px;
    line-height: normal;
    height: auto;
}
.wp-core-ui .button:hover {
    background-color: #e9ecef;
    border-color: #adb5bd;
    color: #212529;
}

.wp-core-ui .button-primary {
    background-color: #e86b68;
    border-color: #b0413f;
    color: #ffffff !important;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background-color: #dc6663;
    border-color: #dc6663;
    color: #ffffff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.wp-core-ui .button-secondary {
    background-color: #dc6663;
    color: #ffffff !important;
}
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button-secondary:focus {
    background-color: #dc6663;
    color: #ffffff !important;
}

/* General Forms focus states */
.wp-admin input:focus,
.wp-admin select:focus,
.wp-admin textarea:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/* Post Boxes / Meta Boxes */
.postbox {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    background-color: #ffffff;
    margin-bottom: 20px;
}
.postbox .hndle,
.stuffbox > h3 {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    color: #495057;
    padding: 10px 15px;
    font-weight: 600;
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
}
.postbox .inside {
    padding: 15px;
}

/* ---------- Content Area Links ---------- */
#wpbody-content a,
.wrap a,
.stuffbox a,
.form-table a,
.wp-list-table a {
    color: #000000;
    text-decoration: none;
    transition: color 0.15s ease-in-out;
}
#wpbody-content .row-actions a,
#wpbody-content a.button,
#wpbody-content .button {
    color: inherit;
    text-decoration: none;
}
#wpbody-content a:hover,
.wrap a:hover,
.stuffbox a:hover,
.form-table a:hover,
.wp-list-table a:hover,
#wpbody-content a:focus,
.wrap a:focus,
.stuffbox a:focus,
.form-table a:focus,
.wp-list-table a:focus {
    color: #353535;
    text-decoration: underline;
}
/* Prevent underlining on buttons on hover/focus */
#wpbody-content a.button:hover,
#wpbody-content .button:hover,
#wpbody-content a.button:focus,
#wpbody-content .button:focus {
    text-decoration: none;
}
#wpbody-content a:visited,
.wrap a:visited,
.stuffbox a:visited,
.form-table a:visited,
.wp-list-table a:visited {
    color: #353535;
}

/* ---------- WooCommerce General Overrides ---------- */
.woocommerce .button,
.woocommerce button.button {
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    text-shadow: none;
    padding: 8px 12px !important;
    line-height: normal !important;
    height: auto !important;
}
.woocommerce .button.button-primary,
.woocommerce button.button-primary,
.woocommerce a.button-primary {
    background-color: #dc6663 !important;
    border-color: #dc6663 !important;
    color: #ffffff !important;
    box-shadow: none;
}
.woocommerce .button.button-primary:hover,
.woocommerce button.button-primary:hover,
.woocommerce a.button-primary:hover {
    background-color: #dc6663 !important;
    border-color: #dc6663 !important;
    color: #ffffff !important;
}
.woocommerce .button.alt,
.woocommerce button.alt,
.woocommerce a.button.alt {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
    box-shadow: none;
}
.woocommerce .button.alt:hover,
.woocommerce button.alt:hover,
.woocommerce a.button.alt:hover {
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
    color: #ffffff !important;
}

/* WooCommerce Tables */
.woocommerce table.wp-list-table,
.woocommerce table.woocommerce-orders-table,
.woocommerce table.woocommerce-products-table {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    margin-top: 1em;
}
.woocommerce table.wp-list-table thead th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    color: #495057;
    font-weight: 600;
    padding: 12px 15px;
}
.woocommerce table.wp-list-table tbody td {
    padding: 12px 15px;
    border-top: 1px solid #e9ecef;
    vertical-align: middle;
}

/* WooCommerce Order Status Badges */
.woocommerce table.wp-list-table .order-status span {
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 0.85em;
    font-weight: 600;
    text-shadow: none;
    line-height: 1.5;
    display: inline-block;
}
.woocommerce table.wp-list-table .order-status.status-processing span { background-color: #ffc107; color: #343a40; }
.woocommerce table.wp-list-table .order-status.status-completed span { background-color: #28a745; color: #ffffff; }
.woocommerce table.wp-list-table .order-status.status-on-hold span { background-color: #fd7e14; color: #ffffff; }
.woocommerce table.wp-list-table .order-status.status-failed span,
.woocommerce table.wp-list-table .order-status.status-cancelled span { background-color: #dc3545; color: #ffffff; }
.woocommerce table.wp-list-table .order-status.status-refunded span { background-color: #6c757d; color: #ffffff; }
.woocommerce table.wp-list-table .order-status.status-pending span { background-color: #ffeb3b; color: #343a40; }
.woocommerce table.wp-list-table .order-status.status-partially-paid span { background-color: #e5e5e5; color: black; }

/* WooCommerce Meta Boxes & Panels */
.woocommerce #poststuff .woocommerce-layout__activity-panel-tabs,
.woocommerce .wc-metaboxes-wrapper .wc-metabox,
.woocommerce div#woocommerce-order-data,
.woocommerce .panel,
.woocommerce #woocommerce-product-data .panel {
    border: 1px solid #dee2e6 !important;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    background-color: #ffffff;
    margin-bottom: 20px;
}
/* Metabox Headers */
.woocommerce .wc-metabox h3,
.woocommerce div#woocommerce-order-data h2.hndle,
.woocommerce .panel h3,
.woocommerce #woocommerce-product-data h3.hndle {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6 !important;
    color: #495057 !important;
    padding: 10px 15px !important;
    font-weight: 600;
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
}
/* Metabox Content */
.woocommerce .wc-metabox-content,
.woocommerce div#woocommerce-order-data .inside,
.woocommerce .panel .form-table,
.woocommerce #woocommerce-product-data .panel .options_group,
.woocommerce #woocommerce-product-data .panel .wc-tabs-panel {
    padding: 15px !important;
    background: #ffffff;
}
/* Product Data Tabs */
.woocommerce #woocommerce-product-data ul.product_data_tabs {
    background: #f0f2f5;
    border-bottom: 1px solid #dee2e6;
    padding: 0 10px;
}
.woocommerce #woocommerce-product-data ul.product_data_tabs li a {
    color: #495057;
    padding: 10px 15px;
}
.woocommerce #woocommerce-product-data ul.product_data_tabs li.active a {
    background: #ffffff;
    color: #007bff;
    border-bottom-color: #ffffff;
    box-shadow: none;
}

/* WooCommerce Select2 Dropdowns */
.woocommerce .select2-container .select2-selection--single,
.woocommerce .select2-container .select2-selection--multiple {
    min-height: calc(1.5em + 16px + 2px);
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    background-color: #ffffff !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07) !important;
    height: auto !important;
}
/* Single selection rendered */
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #495057 !important;
    line-height: 1.5 !important;
    padding: 0 !important;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + 16px) !important;
    top: 1px !important;
    right: 5px !important;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #6c757d transparent transparent transparent !important;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6c757d !important;
}
/* Multi-select tags */
.woocommerce .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e9ecef !important;
    border-color: #ced4da !important;
    color: #495057 !important;
    border-radius: 4px !important;
    padding: 3px 6px !important;
    margin-top: 4px !important;
}
.woocommerce .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #dc3545 !important;
    margin-right: 4px !important;
}
.woocommerce .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #a71d2a !important;
}
/* Dropdown panel */
.select2-dropdown {
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 999999 !important;
}
.select2-results__option {
    padding: 8px 12px !important;
}
.select2-results__option--highlighted,
.select2-results__option--highlighted[aria-selected] {
    background-color: #007bff !important;
    color: #ffffff !important;
}
.select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    margin: 5px;
    width: calc(100% - 10px);
}
.select2-search--dropdown .select2-search__field:focus {
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}

/* ---------- Login Page Styles ---------- */
/* Set body background */
body.login {
    background-color: #333333;
    background-image: none;
}

/* Hide default WordPress logo link background and text, replace with UKM logo */
.login h1 a {
    background-image: var(--ukm-login-logo-url) !important;
    width: var(--ukm-login-logo-width);
    height: var(--ukm-login-logo-height);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto 25px auto;
    text-indent: -9999px;
    pointer-events: none;
    display: block;
}

/* Force remove any other SVGs potentially added directly within h1 by themes/plugins */
.login h1 svg {
    display: none !important;
}

/* Style the form container */
#login {
    padding: 26px 24px 36px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    margin-top: 20px;
    border-radius: 4px;
}

/* Style form labels */
.login label {
    color: #343434;
    font-weight: normal;
}

/* Style input fields */
.login form .input, .login input[type="text"], .login input[type="password"] {
    background-color: #f3f3f3;
    border: 1px solid #dddddd;
    color: #323232;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    padding: 8px 12px !important;
    border-radius: 3px;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus {
    border-color: #777777;
    box-shadow: 0 0 0 1px #777777;
}

/* Style "Remember Me" checkbox label */
.login .forgetmenot label {
    color: #555555;
}

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
    background: #e86b68 !important;
    border-color: #b0413f !important;
    text-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important;
    height: auto !important;
    line-height: normal !important;
    padding: 10px 15px !important;
}
.wp-core-ui .button.button-large:hover {
    background: #dc6663 !important;
    border-color: #a03c3a !important;
}

/* Style links (Lost Password, Back to Blog) */
.login #nav,
.login #nav a,
.login #backtoblog,
.login #backtoblog a,
.login .privacy-policy-link,
.login .privacy-policy-link a {
    color: #cccccc;
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-link a:hover {
    color: #ffffff;
}

/* Ensure message colors are visible (info, error, etc.) */
.login #login_error,
.login .message,
.login .success {
    border-left-color: #FFB900;
    background-color: #555;
    color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    border-width: 4px;
    border-style: solid;
    margin-bottom: 20px;
    padding: 12px;
    border-radius: 3px;
}
.login #login_error a {
    color: #fff;
    text-decoration: underline;
}

/* ---------- Specific Fixes & Tweaks ---------- */
/* Fix Height on WC Tablenav Inputs/Selects */
.post-type-product .tablenav input,
.post-type-product .tablenav select,
.post-type-shop_order .tablenav input,
.post-type-shop_order .tablenav select,
.woocommerce_page_wc-orders .tablenav input,
.woocommerce_page_wc-orders .tablenav select,
.tablenav .button {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: normal !important;
    vertical-align: middle;
}

/* Hide default WC Header */
.woocommerce-layout__header-wrapper {
    display: none !important;
}

/* Adjust Admin Columns Pro Sticky Header */
.ac-shop_order .acp-sh-container.-sticky {
    top: 0px !important;
    height: auto !important;
    border-top: none !important;
    box-shadow: none !important;
}

/* Additional table styles */
.widefat a, .widefat button.button-link {
    text-decoration: none;
    color: #000 !important;
}

#bulk-price-editor .final-price {
    font-weight: bold;
    color: #dc6663 !important;
}

/* Input overrides */
.wp-admin input[type=text], .wp-admin input[type=search], .wp-admin input[type=email], .wp-admin input[type=url], .wp-admin input[type=tel], .wp-admin input[type=number], .wp-admin input[type=password], .wp-admin select, .wp-admin textarea {
    padding: unset !important;
    padding-left: 10px !important;
}

/* WooCommerce form styles */
.woocommerce table.form-table select {
    width: -webkit-fill-available !important;
    margin: 0;
    box-sizing: border-box;
    line-height: 18px !important;
    vertical-align: top;
}

.woocommerce table.form-table th label {
    position: relative;
    display: inline-flex !important;
}

/* Component button styles */
.components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:active:enabled, .components-button.is-primary[aria-disabled=true]:enabled {
    background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #dc6663 !important));
    border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #dc6663 !important));
    color: #fff6;
    outline: none;
}

/* Order status styling */
.widefat .order-status.status-completed {
    background-color: #8ee962 !important;
}

.widefat .order-status.status-pending {
    background-color: #fbff9f !important;
}

.widefat .order-status.status-processing {
    background-color: #96a7ff !important;
}

.widefat .order-status.status-on-hold {
    background-color: #ff88fc !important;
    color: white !important;
}

.widefat .order-status.status-cancelled {
    background-color: #ff4141 !important;
    color: #ffffff !important;
}

.ac-table-actions .ac-table-button {
    color: #ff4141 !important;
}

/* Hide footer */
#wpfooter {
    display: none !important;
}

/* Menu toggle button */
#ukm-menu-toggle {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(128, 128, 128, 0.6) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.2s ease !important;
}

#ukm-menu-toggle:hover {
    transform: scale(1.1) !important;
    background: rgba(128, 128, 128, 0.8) !important;
}

#ukm-menu-toggle .dashicons-lock,
#ukm-menu-toggle .dashicons-unlock {
    display: inline-block !important;
    border: none !important;
    font-size: 17px !important;
    height: 17px !important;
    width: 17px !important;
    line-height: 1 !important;
    vertical-align: middle;
}

/* Hide select element */
select[name="fb_sync_enabled"] {
    display: none !important;
}

/* Table styles */
.ukm-api-tbl, .ukm-pettype-tbl {
    padding-left: 10px;
    padding-right: 10px;
}

/* Version display styling */
#ukm-plugin-version {
    color: rgba(240, 240, 240, 0.6);
    font-size: 10px;
    text-align: center;
    /*padding: 5px 0;
    background-color: rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Search box positioning */
#adminmenu-search {
    padding-top: 10px;
}

/* ---------- Mobile Responsive Styles ---------- */
@media (max-width: 782px) {
    /* Add responsive styles here if needed */
}

#ukm-fullscreen-toggle {
    position: fixed !important;
    /* Position it left of the lock button: lock_right + lock_width + gap */
    bottom: 20px !important;
    right: 70px !important; /* 20px (lock right) + 40px (lock width) + 10px (gap) */
    width: 40px !important;
    height: 40px !important;
    /* Using the same base style as the lock button for consistency */
    background: rgba(128, 128, 128, 0.6) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    z-index: 99999 !important; /* Same level as lock button */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.2s ease !important;
}

#ukm-fullscreen-toggle:hover {
    transform: scale(1.1) !important;
    background: rgba(128, 128, 128, 0.8) !important; /* Same hover as lock */
}

#ukm-menu-toggle:focus,
#ukm-fullscreen-toggle:focus {
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
}

/* Ensure icons within the new button are styled correctly */
#ukm-fullscreen-toggle .dashicons {
    display: inline-block !important; /* Use inline-block or flex */
    border: none !important;
    font-size: 17px !important; /* Match lock icon */
    height: 17px !important; /* Match font-size */
    width: 17px !important;  /* Match font-size */
    line-height: 1 !important; /* Important for vertical centering with flex */
    vertical-align: middle; /* Fallback if flex not perfectly centering */
}


/* ---------- NEW: Fullscreen Mode Effects ---------- */

/* Rule to hide the admin menu */
body.ukm-admin-menu-hidden #adminmenuwrap {
    display: none !important;
}

/* Rule to make the main content area take full width */
body.ukm-admin-menu-hidden #wpcontent {
    margin-left: 0 !important;
}

/* Optional: Adjustments for other fixed elements if needed */
/* Example: If the admin bar was visible and fixed */
/*
body.ukm-admin-menu-hidden #wpadminbar {
    width: 100% !important;
}
*/

body.ukm-admin-menu-hidden #adminmenuback { display: none !important; }

#contextual-help-link-wrap {display: none !important;}

#current-page-selector {height: 30px !important;}

.zsiq_floatmain {
    bottom: 70px !important;
    right: 1px !important;
    position: fixed !important;
}

/* Resize the chat circle */
#zsiq_float {
    width: 41px !important;
    height: 41px !important;
    border-radius: 50% !important;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

/* Center and shrink the icon */
#zsiq_agtpic {
    font-size: 16px !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.zsiq_theme1 .zsiq_flt_rel {
    background: #b0b1b1 !important;
    padding: 1px !important;
}

[class*=" siqico-"]::after, [class*=" siqico-"]::before, [class^=siqico-]::after, [class^=siqico-]::before {
    font-size: 18px !important;
}

.accordion-section-title button.accordion-trigger {
    height: auto;
}