/* =========================================================
   Ultimate WP Slider — Admin UI (v1.4)
   Clean dashboard + beautiful editor
   ========================================================= */

/* --- Global / notice safety --- */
.toplevel_page_ultimate_wp_slider_dashboard .notice,
.toplevel_page_ultimate_wp_slider_dashboard .updated,
.toplevel_page_ultimate_wp_slider_dashboard .error,
.toplevel_page_ultimate_wp_slider_dashboard .update-nag,
.ultimate-wp-slider_page_ultimate_wp_slider_admin .notice,
.ultimate-wp-slider_page_ultimate_wp_slider_admin .updated,
.ultimate-wp-slider_page_ultimate_wp_slider_admin .error{
  max-width:100%;
  margin:12px 0 16px;
}

/* --- Brand bar (dashboard) --- */
.uwps-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px
}
.uwps-bar__brand{display:flex;align-items:center;gap:12px}
.uwps-bar__logo{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#111827;color:#fff;font-weight:800}
.uwps-bar__title{font-size:22px;font-weight:600}
.uwps-help{position:relative}
.uwps-help__menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 0;box-shadow:0 10px 30px rgba(0,0,0,.08);display:none;z-index:20}
.uwps-help__menu.is-open{display:block}
.uwps-help__menu a{display:block;padding:8px 14px;text-decoration:none;color:#111}
.uwps-help__menu a:hover{background:#f3f4f6}

/* --- Dashboard table card --- */
.uwps-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.uwps-card--table .widefat{border:0;margin:0}
.uwps-card--table thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600}
.uwps-table .uwps-name{display:inline-block;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uwps-code{background:#f8fafc;padding:2px 6px;border-radius:6px}
.uwps-tag{display:inline-block;padding:2px 8px;background:#eef2ff;color:#3730a3;border-radius:999px;font-size:12px}
.uwps-actions-row{display:flex;gap:10px;align-items:center;padding:12px;border-top:1px solid #e5e7eb;background:#fff}
.uwps-btn-plus{display:inline-flex;align-items:center;gap:8px}
.uwps-btn-plus__icon{display:inline-grid;place-items:center;width:20px;height:20px;background:#fff;color:#1d4ed8;border:1px solid rgba(0,0,0,.06);border-radius:999px;font-weight:700}

/* --- Modal (starter) --- */
.uwps-modal{position:fixed;inset:0;z-index:100000;display:none}
.uwps-modal[aria-hidden="false"]{display:block}
.uwps-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.uwps-modal__dialog{position:relative;max-width:880px;margin:40px auto;background:#fff;border-radius:12px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.uwps-modal__close{position:absolute;top:10px;right:14px;border:0;background:transparent;font-size:22px;cursor:pointer}
.uwps-modal__footer{margin-top:16px;display:flex;justify-content:flex-end}
.uwps-h3{margin:10px 0 8px;font-size:14px;font-weight:600}

/* Slider types row */
.uwps-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.uwps-type-grid{grid-template-columns:1fr}}
.uwps-type{position:relative;display:flex;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer}
.uwps-type input{display:none}
.uwps-type__thumb{width:172px;height:92px;border-radius:8px;background:#f3f4f6;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}
.uwps-type__meta{display:flex;flex-direction:column;justify-content:center;gap:6px}
.uwps-type__label{font-weight:600}
.uwps-type__badge{display:inline-block;font-size:11px;border-radius:999px;padding:2px 8px;background:#111827;color:#fff;width:max-content}
.uwps-type__badge--free{background:#16a34a}
.uwps-type input:checked + .uwps-type__thumb{outline:3px solid #2563eb}
.uwps-type--pro{opacity:.55;cursor:not-allowed}
.uwps-type--pro .uwps-type__thumb{filter:grayscale(100%)}
.uwps-type--custom{background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.45))}
.uwps-type--post{background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.25)),repeating-linear-gradient(90deg,#e5e7eb 0 8px,#f3f4f6 8px 16px)}
.uwps-type--video{background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.25)),radial-gradient(circle at 30% 50%,#e5e7eb 18px,transparent 19px) #f3f4f6}

/* Style tiles (in modal) */
.uwps-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.uwps-style{display:block;border:1px solid #e5e7eb;border-radius:10px;padding:10px;cursor:pointer;background:#fff}
.uwps-style input{display:none}
.uwps-style__thumb{display:block;width:100%;height:110px;border-radius:8px;background:#f3f4f6}
.uwps-style__label{display:block;margin-top:8px}
.uwps-style input:checked + .uwps-style__thumb{outline:3px solid #2563eb}
.uwps-style__thumb.uwps-style-1{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.7)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200"><rect width="400" height="200" fill="%23d1d5db"/></svg>') center/cover}
.uwps-style__thumb.uwps-style-2{background:#fff;border:1px dashed #d1d5db}
.uwps-style__thumb.uwps-style-3{background:linear-gradient(180deg,transparent,rgba(0,0,0,.4)),#f3f4f6}

/* =========================================================
   EDITOR – clean & friendly
   ========================================================= */

/* Tabs */
.uwps-tabs{margin:10px 0 14px}
.uwps-tabs .nav-tab{border-radius:8px 8px 0 0;border-color:#e5e7eb;background:#f9fafb}
.uwps-tabs .nav-tab-active{background:#fff;border-bottom-color:#fff}

/* Editor wrapper cards */
.uwps-editor-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
.uwps-editor-card + .uwps-editor-card{margin-top:12px}

/* Toolbar: shortcode + buttons bar */
.uwps-toolbar{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin:0 0 12px;
}
.uwps-chip{display:inline-flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px}
.uwps-chip code{background:transparent;padding:0}

/* Slides area – grid like modern builders */
.uwps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:1200px){.uwps-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:840px){.uwps-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.uwps-grid{grid-template-columns:1fr}}

.uwps-card-tile{
  border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;
  display:flex;flex-direction:column;min-height:160px;
}
.uwps-card-tile__media{position:relative;background:#f3f4f6;aspect-ratio:16/10;display:grid;place-items:center}
.uwps-card-tile__media img{width:100%;height:100%;object-fit:cover}
.uwps-card-tile__body{display:flex;justify-content:space-between;align-items:center;padding:10px}
.uwps-handle{cursor:grab;color:#6b7280}
.uwps-actions .button{margin-left:6px}
.uwps-empty{color:#6b7280}

.uwps-add-tile{
  border:2px dashed #d1d5db;background:linear-gradient(180deg,#fcfcfd,#f9fafb);
  display:grid;place-items:center;text-align:center;color:#6b7280;cursor:pointer
}
.uwps-add-tile:hover{background:#fff}
.uwps-add-tile .button{margin-top:10px}

/* Sticky footer actions */
.uwps-sticky-actions{
  position:sticky;bottom:12px;display:flex;gap:10px;justify-content:flex-end;
  background:transparent;padding-top:10px
}

/* Sortable feedback */
.ui-sortable-helper .uwps-card-tile{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:scale(.99)}

/* Tabs container at the top of your page */
.uwps-tabs { margin: 14px 0 10px; }

/* Panes */
.uwps-tab { display: none; }
.uwps-tab.is-active { display: block; }

/* WP tab look is handled by core; we just ensure cursor and spacing */
.uwps-tabs .nav-tab { cursor: pointer; user-select: none; }

/* Optional: nicer card hover when sortable etc. */
.uwps-card.is-hover { box-shadow: 0 6px 20px rgba(0,0,0,.06); }
/* Admin settings page */
.ultimate-wp-slider-settings .form-table th {
  width: 200px;
}
.ultimate-wp-slider-settings .form-table input[type="text"] {
  max-width: 400px;
}

/* Admin UI for Ultimate WP Slider */
.uwps-settings .uwps-grid{
  display:grid; grid-template-columns: 1fr; gap:20px; margin-top:14px;
}
.uwps-settings .uwps-card{
  background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:16px;
}
.uwps-settings .uwps-col-side .uwps-card{ position:sticky; top:24px; }

.uwps-pro-title{ display:flex; align-items:center; gap:8px; margin-top:0; }
.uwps-badge{
  display:inline-block; background:#111827; color:#fff; padding:2px 8px; border-radius:999px; font-size:12px;
}
.uwps-pro-list{ margin:12px 0 16px; padding-left:18px; }
.uwps-pro-list li{ margin:6px 0; }
.uwps-btn-wide{ width:100%; text-align:center; }
.uwps-muted{ color:#6b7280; margin-top:8px; }

/* Two columns on wider screens */
@media (min-width: 960px){
  .uwps-settings .uwps-grid{ grid-template-columns: 2fr 1fr; }
}
/* ===== Slides editor – two pane layout ===== */
.uwps-two-pane{
  display:grid;
  grid-template-columns: 280px 1fr;
  gap:16px;
}
@media (max-width:1050px){
  .uwps-two-pane{ grid-template-columns: 1fr; }
}

/* left rail */
.uwps-rail{
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:flex;flex-direction:column;min-height:520px
}
.uwps-rail__head{display:flex;justify-content:flex-start;margin-bottom:10px}
.uwps-thumbs{display:flex;flex-direction:column;gap:10px;overflow:auto;max-height:64vh}
.uwps-thumb{
  position:relative;display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;
  padding:8px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer
}
.uwps-thumb.is-active{outline:2px solid #2563eb;border-color:#2563eb;background:#f8fafc}
.uwps-thumb__drag{position:absolute;left:8px;top:8px;color:#6b7280;cursor:grab}
.uwps-thumb__media{width:72px;height:48px;border-radius:6px;background:#f3f4f6;overflow:hidden}
.uwps-thumb__media img{width:100%;height:100%;object-fit:cover;display:block}
.uwps-thumb__name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uwps-thumb__actions{opacity:.8}
.uwps-thumb__actions .button-link{color:#ef4444}

/* right pane */
.uwps-pane{
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;min-height:520px
}
.uwps-empty-pane{color:#6b7280}
.uwps-panel{display:none}
.uwps-panel.is-active{display:block}
.uwps-panel__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}
.uwps-panel__title{margin:0}
.uwps-panel__hint{color:#6b7280;font-size:12px}
.uwps-panel__grid p{margin:0 0 12px}
.uwps-panel__cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:720px){ .uwps-panel__cols{grid-template-columns:1fr} }
.uwps-label{display:block;margin-bottom:6px;font-weight:600}

/* keep your existing cards/buttons/toolbar styles as-is */