/* ==========================================================================
   WP Smart Content Admin Styles
   ========================================================================== */

/* Ensure list table fills available space */
.wp-list-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

/* Table cells */
.wp-list-table td {
  padding: 8px 10px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

/* Row hover effect */
.wp-list-table tbody tr:hover {
  background-color: #f5faff;
}

/* Status badges inside title column */
.wp-list-table .published {
  color: green;
  font-weight: bold;
}
.wp-list-table .unpublished {
  color: gray;
  font-weight: bold;
}

/* Form headings */
#wp_smart_content_form h3 {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
}

/* Inputs and selects full width */
#wp_smart_content_form input.regular-text,
#wp_smart_content_form select,
#wp_smart_content_form textarea {
  max-width: 100%;
  box-sizing: border-box;
}

/* Multiselect targets */
#wpsc-targets {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px;
  background: #fff;
}

#wpsc-targets option {
  margin-left: -16px;
}

/* Buttons row spacing */
#wp_smart_content_form p {
  margin-top: 20px;
}

/* Primary button (Publish Block) */
#wp_smart_content_form .button-primary {
  background: #0073aa;
  border-color: #006799;
  color: #fff;
}
#wp_smart_content_form .button-primary:hover {
  background: #006799;
  border-color: #005a87;
}

/* Secondary buttons (Save Draft, Add New, Cancel) */
#wp_smart_content_form .button-secondary {
  background: #f3f3f3;
  border-color: #ccc;
  color: #333;
}
#wp_smart_content_form .button-secondary:hover {
  background: #e2e2e2;
  border-color: #999;
}

.scroll-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #00a0c8;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  font-size: 1.2rem;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  transition: background-color 0.3s ease;
  z-index: 9999;
}

.scroll-btn:hover {
  background-color: #0080a0;
}


/* Notice box styling */
.notice-info {
  margin-top: 15px;
  padding: 10px;
  border-left: 4px solid #00a0d2;
}

.wp-core-ui select:hover {
  color: inherit !important;
}

/* Hide the Visual tab when Raw Mode is active */
.wp-smart-content-raw .wp-switch-editor.switch-tmce {
    display: none !important;
}

/* Optional: style the Text tab to look active */
.wp-smart-content-raw .wp-switch-editor.switch-html {
    background: #0073aa;
    color: #fff;
}

/* General section styling */
.wpsc-section {
  background: #fff;
  border: 1px solid #ccd0d4;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 30px;
}

/* Headings */
.wpsc-section h2 {
  margin-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

/* List table section */
.wpsc-list-form {
  margin-top: 15px;
}

/* Editor form section */
.wpsc-edit-form input[type=text],
.wpsc-edit-form select,
.wpsc-edit-form textarea {
  width: 100%;
  margin-bottom: 15px;
}

/* Buttons row */
.wpsc-edit-form p {
  margin-top: 20px;
}

#wp_smart_content_form label {
  line-height: 40px;
}

.wpsc-header {
  display:flex;
  justify-content:
  space-between;
  align-items:center;
}

.wp-heading-inline img {
  width: 64px !important;
  height: 64px !important;
}

/* Target WP_List_Table columns by their auto-generated classes */
.wp-list-table .column-title {
    width: 12%;   /* Block Name column */
}

.wp-list-table .column-hook {
    width: 12%;   /* Injection Point column */
}

.wp-list-table .column-targets {
    width: 18%;   /* Targets column */
}

.wp-list-table .column-mode {
    width: 4%;   /* Mode column */
}

.wp-list-table .column-priority {
    width: 4%;   /* Created Date column */
}

.wp-list-table .column-content_type {
    width: 12%;   /* Last Modified Date column */
}

.wp-list-table .column-category {
    width: 6%;   /* Created Date column */
}

.wp-list-table .column-from {
    width: 8%;   /* Created Date column */
}

.wp-list-table .column-to {
    width: 8%;   /* Created Date column */
}

.wp-list-table .column-created {
    width: 8%;   /* Created Date column */
}

.wp-list-table .column-modified {
    width: 8%;   /* Last Modified Date column */
}

.badge { 
  display: inline-block; 
  padding: 2px 6px; 
  border-radius: 3px; 
  font-size: 11px; 
  font-weight: 600; 
  color: #fff; 
  margin-right: 3px;
}

.badge-raw {
  background: #d35400; /* deep orange */
}

.badge-safe {
  background: #2980b9; /* blue */
}

.badge-priority { 
  background: #666; 
}

.badge-text { 
  background: #0073aa; 
}

.badge-html { 
  background: #d54e21; 
}

.badge-js  { 
  background: #f1c40f; 
  color: #000; 
}

.badge-css { 
  background: #27ae60; 
}

.badge-current { 
  background:#46b450;
}

.badge-upcoming { 
  background:#00a0d2;
}

.badge-archived { 
  background:#aaa;
}
.badge-status-draft {
  background: #111; 
  color: #eee; 
}

.badge-status-publish {
  background: #f1c40f; 
  color: #000; 
}

.badge-revisions {
  background: orange; 
  color: #000; 
}

p.search-box {
  column-gap: 0rem;
  margin: 0px !important;
}

th a {
  float: left;
}

th a span {
  float: left;
  cursor: pointer;
}

.tablenav {
  padding-top: 20px;
}

.wpsc-revision-prev,
.wpsc-revision-next,
.wpsc-revision-first,
.wpsc-revision-last,
.wpsc-revision-curr,
.wpsc-revision-del,
.wpsc-curr {
  margin: 0 8px 0 0 !important;
}

#wpsc-revision-display {
  line-height: 30px;
  font-weight: bold;
}