/* Support tickets (Awesome Support) — brand skin over the plugin's markup.
   Used on /my-tickets/ and /submit-ticket/.

   Scoped to Awesome Support's own wrappers (.wpas-*), which exist nowhere else,
   so nothing here can reach the rest of the site.

   Status pills deliberately keep the plugin's per-status BACKGROUND colours —
   those encode ticket state (open / closed / in progress) and are set per
   status in the admin. Only their shape and typography are restyled. */

/* ---- page shell ---- */
.wpas-my-tickets,
.wpas-submit-ticket{
  font-family:var(--body); color:var(--ink-soft); font-size:16px; line-height:1.6;
}
.wpas-my-tickets h1, .wpas-my-tickets h2,
.wpas-submit-ticket h1, .wpas-submit-ticket h2{
  font-family:var(--seapro-display); font-weight:800; text-transform:uppercase;
  color:var(--ink); line-height:1;
}

/* ---- top action buttons (My Tickets / Open a ticket / Privacy / …) ----
   (0,1,2) so Elementor's kit `.elementor-kit-N button` cannot repaint them. */
body a.wpas-btn,
body button.wpas-btn,
body input.wpas-btn{
  display:inline-block;
  background-color:var(--accent); color:#fff;
  font-family:var(--head); font-weight:700; text-transform:uppercase;
  letter-spacing:.1em; font-size:12px;
  padding:11px 20px; border:0; border-radius:4px; cursor:pointer;
  transition:background .15s; text-decoration:none; margin:0 8px 10px 0;
}
body a.wpas-btn:hover,
body button.wpas-btn:hover,
body input.wpas-btn:hover{ background-color:var(--blue-bright); color:#fff; }

/* Secondary treatment for the non-primary actions. */
body a.wpas-btn.wpas-btn-default:not(.wpas-btn-primary){
  background-color:#fff; color:var(--ink);
  border:1px solid var(--line);
}
body a.wpas-btn.wpas-btn-default:not(.wpas-btn-primary):hover{
  background-color:var(--mist); color:var(--accent); border-color:var(--accent);
}

/* ---- filter row ---- */
.wpas-my-tickets .wpas-row{ display:flex; flex-wrap:wrap; gap:14px; margin:22px 0 18px; align-items:center; }
.wpas-my-tickets .wpas-one-third{ flex:1 1 220px; min-width:0; }
.wpas select.wpas-form-control,
.wpas input.wpas-form-control,
.wpas-my-tickets select, .wpas-my-tickets input[type=text], .wpas-my-tickets input[type=search]{
  width:100%; font-family:var(--body); font-size:15px; color:var(--ink);
  background:var(--mist); border:1px solid var(--line); border-radius:4px;
  padding:11px 13px; transition:border-color .15s, background .15s;
}
.wpas select.wpas-form-control:focus,
.wpas input.wpas-form-control:focus{ outline:none; background:#fff; border-color:var(--accent); }
.wpas-clear-filter{ font-family:var(--head); font-size:12.5px; color:var(--accent); text-transform:uppercase; letter-spacing:.08em; }

/* The filter "Search" submit renders as a bare button — bring it into line. */
body .wpas-my-tickets button[type=submit],
body .wpas-my-tickets input[type=submit]{
  background-color:var(--accent) !important; color:#fff !important;
  font-family:var(--head) !important; font-weight:700 !important;
  text-transform:uppercase !important; letter-spacing:.1em !important;
  font-size:12px !important; padding:11px 20px !important;
  border:0 !important; border-radius:4px !important; cursor:pointer;
}
body .wpas-my-tickets button[type=submit]:hover,
body .wpas-my-tickets input[type=submit]:hover{ background-color:var(--blue-bright) !important; }

/* ---- ticket table ---- */
table.wpas-table{
  width:100%; border-collapse:separate; border-spacing:0;
  border:1px solid var(--line); border-radius:6px; overflow:hidden;
  background:#fff; margin:6px 0 18px;
}
table.wpas-table thead th{
  font-family:var(--head); font-weight:700; text-transform:uppercase;
  letter-spacing:.08em; font-size:11.5px; color:var(--ink);
  background:var(--mist); padding:13px 15px; text-align:left;
  border-bottom:1px solid var(--line); white-space:nowrap;
}
table.wpas-table tbody td{
  font-family:var(--body); font-size:14.5px; color:var(--ink-soft);
  padding:13px 15px; border-bottom:1px solid var(--line); vertical-align:middle;
}
table.wpas-table tbody tr:last-child td{ border-bottom:0; }
table.wpas-table.wpas-table-hover tbody tr:hover td{ background:var(--mist); }
table.wpas-table td a{ color:var(--accent); font-family:var(--head); font-weight:600; }
table.wpas-table td a:hover{ color:var(--blue-bright); }

/* ---- status pills — shape/type only, colours stay the plugin's ---- */
.wpas-label,
.wpas-label-status{
  display:inline-block; border-radius:30px; padding:5px 13px;
  font-family:var(--head); font-weight:700; text-transform:uppercase;
  letter-spacing:.08em; font-size:10.5px; line-height:1.4;
  color:#fff; white-space:nowrap;
}

/* ---- pagination ---- */
.wpas_table_pagination{ font-family:var(--head); font-size:13px; display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.wpas_table_pagination a, .wpas_table_pagination span{
  display:inline-block; padding:7px 12px; border:1px solid var(--line);
  border-radius:4px; color:var(--ink-soft); background:#fff; transition:background .12s, color .12s;
}
.wpas_table_pagination a:hover{ background:var(--mist); color:var(--accent); border-color:var(--accent); }
.wpas_table_pagination .current,
.wpas_table_pagination .active{ background:var(--accent); color:#fff; border-color:var(--accent); }

/* ---- ticket submission / reply forms ---- */
.wpas-submit-ticket label, .wpas form label{
  display:block; font-family:var(--head); font-weight:600; text-transform:uppercase;
  letter-spacing:.08em; font-size:12px; color:var(--ink); margin-bottom:8px;
}
.wpas form input[type=text], .wpas form input[type=email], .wpas form select, .wpas form textarea{
  width:100%; font-family:var(--body); font-size:16px; color:var(--ink);
  background:var(--mist); border:1px solid var(--line); border-radius:4px; padding:13px 14px;
}
.wpas form textarea{ min-height:170px; resize:vertical; }
.wpas form input:focus, .wpas form select:focus, .wpas form textarea:focus{
  outline:none; background:#fff; border-color:var(--accent);
}

@media (max-width:760px){
  .wpas-my-tickets .wpas-row{ flex-direction:column; align-items:stretch; }
  table.wpas-table{ display:block; overflow-x:auto; }
}