/* ═══════════════════════════════════════════════════════
   Edumall Workshops — archive.css
   Grid de cards de workshops
   ═══════════════════════════════════════════════════════ */

/* ── Suprimir title-bar padrão ────────────────────────── */
.post-type-archive-workshop .page-title-bar { display: none !important; }

/* ══════════════════════════════════════════
   CABEÇALHO DO ARCHIVE
   ══════════════════════════════════════════ */
.ew-archive-header {
    background: #f5f7fd;
    padding: 32px 0 28px;
    border-bottom: 1px solid var(--edumall-color-box-border, #ebebeb);
    margin-bottom: 0;
}
/* Breadcrumb */
.ew-arc-bc {
    display: flex; align-items: center; gap: 4px; flex-wrap: wrap;
    font-size: 13px; color: var(--edumall-color-text-bit-lighten, #888);
    margin-bottom: 16px;
}
.ew-arc-bc a { color: inherit; text-decoration: none; transition: color .2s; }
.ew-arc-bc a:hover { color: var(--edumall-color-primary, #e8500a); }
.ew-arc-bc svg { opacity: .4; flex-shrink: 0; }
.ew-arc-bc > span:last-child { color: var(--edumall-color-heading, #111); }

/* Linha título + contador */
.ew-arc-title-row {
    display: flex; align-items: flex-end;
    justify-content: space-between; gap: 20px;
    margin-bottom: 22px; flex-wrap: wrap;
}
.ew-arc-title {
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 700;
    color: var(--edumall-color-heading, #111);
    letter-spacing: -.02em;
    margin: 0 0 6px;
}
.ew-arc-subtitle {
    font-size: 15px;
    color: var(--edumall-color-text-bit-lighten, #777);
    margin: 0;
}
.ew-arc-count {
    font-size: 36px; font-weight: 800;
    color: var(--edumall-color-primary, #e8500a);
    line-height: 1; text-align: right; flex-shrink: 0;
}
.ew-arc-count span {
    display: block; font-size: 12px; font-weight: 400;
    color: var(--edumall-color-text-lighten, #999);
    text-transform: uppercase; letter-spacing: .08em;
}

/* Filtros */
.ew-arc-filters {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
}
.ew-arc-search {
    display: flex; align-items: center; gap: 8px;
    background: #fff; border: 1.5px solid var(--edumall-color-box-border, #e5e5e5);
    border-radius: 5px; padding: 0 14px; height: 40px; flex: 0 1 280px;
    transition: border-color .2s;
}
.ew-arc-search:focus-within { border-color: var(--edumall-color-primary, #e8500a); }
.ew-arc-search svg { color: var(--edumall-color-text-lighten, #aaa); flex-shrink: 0; }
.ew-arc-search input {
    border: none; outline: none; background: transparent;
    font-size: 14px; color: var(--edumall-color-heading, #111);
    width: 100%; height: 100%;
}
.ew-arc-filter-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
.ew-filter-tab {
    height: 36px; padding: 0 16px;
    border-radius: 5px; border: 1.5px solid var(--edumall-color-box-border, #e5e5e5);
    background: #fff; font-size: 13px; font-weight: 500;
    color: var(--edumall-color-text-bit-lighten, #777);
    cursor: pointer; transition: all .2s; white-space: nowrap;
}
.ew-filter-tab:hover { border-color: var(--edumall-color-primary, #e8500a); color: var(--edumall-color-primary, #e8500a); }
.ew-filter-tab.active {
    background: var(--edumall-color-primary, #e8500a);
    border-color: var(--edumall-color-primary, #e8500a);
    color: #fff;
}

/* ══════════════════════════════════════════
   GRID — usa .edumall-courses.style-grid-01
   ══════════════════════════════════════════ */
.ew-archive-content { padding: 36px 0 80px; }

.ew-workshops-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    margin: 0 !important;
    float: none !important;
}

/* Card wrapper — herda .course-loop-wrapper do tema */
.ew-workshops-grid .course-loop-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border-radius: 8px !important;
    background: var(--edumall-color-box-white-background, #fff) !important;
    box-shadow: 0 0 0 1px var(--edumall-color-box-border, #ebebeb),
                0 2px 8px rgba(0,0,0,.06) !important;
    overflow: hidden !important;
    transition: box-shadow .25s, transform .25s !important;
}
.ew-workshops-grid .course-loop-wrapper:hover {
    box-shadow: 0 0 0 1px var(--edumall-color-primary, #e8500a),
                0 8px 28px rgba(0,0,0,.1) !important;
    transform: translateY(-3px) !important;
}

/* Thumbnail */
.ew-card-thumb-link {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    line-height: 0;
    flex-shrink: 0;
    aspect-ratio: 16/9;
    background: var(--edumall-color-box-light-grey-background, #f5f5f5);
}
.ew-card-thumb-link img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
    transition: transform .4s ease;
}
.course-loop-wrapper:hover .ew-card-thumb-link img { transform: scale(1.04); }

.ew-thumb-placeholder {
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    background: var(--edumall-color-box-light-grey-background, #f0f0f0);
    color: var(--edumall-color-text-lighten, #ccc);
}

/* Badge urgência */
.ew-urgency-badge {
    position: absolute; top: 10px; left: 10px;
    background: var(--edumall-color-primary, #e8500a);
    color: #fff; font-size: 10px; font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase;
    padding: 3px 8px; border-radius: 4px;
}
.ew-urgency-badge.ew-esgotado { background: #6b7280; }

/* Info area — herda .course-loop-info */
.ew-workshops-grid .course-loop-info {
    flex: 1 !important;
    padding: 16px 18px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Status + preço */
.ew-card-top-row {
    display: flex; align-items: center;
    justify-content: space-between; margin-bottom: 8px;
}
.ew-status-tag {
    font-size: 10px; font-weight: 700; letter-spacing: .08em;
    text-transform: uppercase; padding: 2px 8px; border-radius: 3px;
}
.ew-s-green  { background: #dcfce7; color: #166534; }
.ew-s-yellow { background: #fef9c3; color: #854d0e; }
.ew-s-gray   { background: #f3f4f6; color: #6b7280; }

.ew-card-price {
    font-size: 16px; font-weight: 700;
    color: var(--edumall-color-heading, #111);
}

/* Título */
.ew-workshops-grid .course-loop-title {
    font-size: 16px !important; font-weight: 700 !important;
    line-height: 1.4 !important; margin: 0 0 10px !important;
    color: var(--edumall-color-heading, #111) !important;
}
.ew-workshops-grid .course-loop-title a { color: inherit !important; text-decoration: none !important; }
.ew-workshops-grid .course-loop-title a:hover { color: var(--edumall-color-primary, #e8500a) !important; }

/* Meta */
.ew-card-meta { display: flex; flex-direction: column; gap: 5px; margin-bottom: 12px; }
.ew-card-meta-item {
    display: flex; align-items: flex-start; gap: 6px;
    font-size: 13px; color: var(--edumall-color-text-bit-lighten, #777);
}
.ew-card-meta-item svg { flex-shrink: 0; margin-top: 1px; color: var(--edumall-color-primary, #e8500a); }
.ew-meta-local {
    overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; max-width: 200px; display: block;
}

/* Barra de vagas */
.ew-card-vagas { margin-bottom: 14px; }
.ew-card-vagas-bar {
    height: 4px; background: var(--edumall-color-box-border, #eee);
    border-radius: 99px; overflow: hidden; margin-bottom: 5px;
}
.ew-card-vagas-bar div {
    height: 100%; background: var(--edumall-color-primary, #e8500a);
    border-radius: 99px; transition: width 1s ease;
}
.ew-card-vagas-txt { font-size: 11px; color: var(--edumall-color-text-lighten, #999); }

/* Rodapé do card */
.ew-card-footer {
    display: flex; align-items: center;
    justify-content: space-between;
    margin-top: auto; padding-top: 12px;
    border-top: 1px solid var(--edumall-color-box-border, #f0f0f0);
}
.ew-card-duracao {
    display: flex; align-items: center; gap: 5px;
    font-size: 12px; color: var(--edumall-color-text-lighten, #999);
}
.ew-card-duracao svg { flex-shrink: 0; }

/* Botão do card */
.ew-card-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 7px 16px;
    background: var(--edumall-color-secondary, #f5a623);
    color: var(--edumall-color-third, #fff) !important;
    font-size: 13px; font-weight: 700; border-radius: 4px;
    text-decoration: none !important;
    transition: background .2s, transform .1s;
    white-space: nowrap;
}
.ew-card-btn:hover { background: #e09518; transform: translateY(-1px); }
.ew-card-btn:active { transform: translateY(0); }

/* ══════════════════════════════════════════
   PAGINAÇÃO — estilo do tema
   ══════════════════════════════════════════ */
.ew-pagination { margin-top: 40px; display: flex; justify-content: center; }
.ew-pagination ul {
    display: flex; gap: 6px; list-style: none;
    margin: 0; padding: 0;
}
.ew-pagination .page-numbers {
    display: flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; border-radius: 5px;
    border: 1.5px solid var(--edumall-color-box-border, #e5e5e5);
    background: #fff; font-size: 14px; font-weight: 600;
    color: var(--edumall-color-text, #555);
    text-decoration: none; transition: all .2s;
}
.ew-pagination .page-numbers:hover { border-color: var(--edumall-color-primary, #e8500a); color: var(--edumall-color-primary, #e8500a); }
.ew-pagination .page-numbers.current {
    background: var(--edumall-color-primary, #e8500a);
    border-color: var(--edumall-color-primary, #e8500a);
    color: #fff;
}
.ew-pagination .prev.page-numbers,
.ew-pagination .next.page-numbers { width: auto; padding: 0 16px; }

/* ══════════════════════════════════════════
   EMPTY STATE
   ══════════════════════════════════════════ */
.ew-empty-state {
    text-align: center; padding: 80px 20px;
    max-width: 420px; margin: 0 auto;
}
.ew-empty-icon {
    width: 90px; height: 90px; border-radius: 50%;
    background: var(--edumall-color-box-light-grey-background, #f5f5f5);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 24px; color: var(--edumall-color-text-lighten, #ccc);
}
.ew-empty-state h2 { font-size: 22px; margin: 0 0 10px; color: var(--edumall-color-heading, #111); }
.ew-empty-state p  { font-size: 15px; color: var(--edumall-color-text, #777); margin: 0 0 24px; }

/* ══════════════════════════════════════════
   RESPONSIVO
   ══════════════════════════════════════════ */
@media (max-width: 1024px) {
    .ew-workshops-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 640px) {
    .ew-workshops-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
    .ew-arc-filters { flex-direction: column; align-items: stretch; }
    .ew-arc-search { flex: none; }
    .ew-arc-title-row { flex-direction: column; align-items: flex-start; }
    .ew-arc-count { text-align: left; }
}