/* Craftlo v0.2.129 — Public Workshops Directory */

.cl-workshops-page{
  width:min(1320px,calc(100% - 40px));
  margin:0 auto;
  padding:34px 0 78px;
  color:var(--cl-text);
}
.cl-workshops-page-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:42px;
  align-items:center;
  min-height:420px;
  padding:46px;
  border:1px solid var(--cl-line);
  border-radius:30px;
  background:
    radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--cl-purple) 14%,transparent),transparent 33%),
    linear-gradient(145deg,var(--cl-panel),var(--cl-panel-2));
  box-shadow:0 22px 54px rgba(60,38,26,.07);
}
.cl-workshops-page-hero:after{
  content:"WORKSHOP";
  position:absolute;
  right:-30px;
  top:-15px;
  color:var(--cl-purple);
  font-size:7rem;
  font-weight:950;
  line-height:1;
  letter-spacing:-.07em;
  opacity:.025;
  pointer-events:none;
}
.cl-workshops-page-copy{position:relative;z-index:1;max-width:760px}
.cl-workshops-page-copy>small,
.cl-workshops-directory-head small{
  display:block;
  margin-bottom:9px;
  color:var(--cl-purple);
  font-size:.63rem;
  font-weight:950;
  letter-spacing:.14em;
}
.cl-workshops-page-copy h1{
  margin:0;
  color:var(--cl-text);
  font-size:clamp(3.25rem,5.6vw,6rem);
  line-height:.88;
  letter-spacing:-.065em;
}
.cl-workshops-page-copy h1 em{color:var(--cl-purple);font-style:normal}
.cl-workshops-page-copy>p{
  max-width:680px;
  margin:21px 0 0;
  color:var(--cl-muted);
  font-size:.97rem;
  line-height:1.7;
}
.cl-workshops-page-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:23px;
}
.cl-workshops-page-primary,
.cl-workshops-page-secondary{
  min-height:44px;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-size:.76rem;
  font-weight:900;
  text-decoration:none;
}
.cl-workshops-page-primary{
  background:var(--cl-purple);
  border:1px solid var(--cl-purple);
  color:#fff!important;
}
.cl-workshops-page-secondary{
  background:var(--cl-panel);
  border:1px solid var(--cl-line);
  color:var(--cl-text)!important;
}
body.cl-theme-light.craftlo-public-light .cl-workshops-page-primary{
  background:var(--craftlo-public-primary,#c95833)!important;
  border-color:var(--craftlo-public-primary,#c95833)!important;
  color:var(--craftlo-public-on-primary,#fff)!important;
}
body.cl-theme-light.craftlo-public-light .cl-workshops-page-secondary{
  background:#fff!important;
  border-color:var(--craftlo-public-border,#eadfd3)!important;
  color:var(--craftlo-public-text,#4b342a)!important;
}

.cl-workshops-page-summary{
  position:relative;
  z-index:1;
  padding:16px;
  border:1px solid var(--cl-line);
  border-radius:22px;
  background:color-mix(in srgb,var(--cl-panel) 92%,transparent);
  box-shadow:0 17px 38px rgba(60,38,26,.07);
}
.cl-workshops-page-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.cl-workshops-page-stats article{
  min-width:0;
  padding:13px 10px;
  border:1px solid var(--cl-line);
  border-radius:14px;
  background:var(--cl-panel-2);
}
.cl-workshops-page-stats strong,
.cl-workshops-page-stats span{display:block}
.cl-workshops-page-stats strong{
  color:var(--cl-purple);
  font-size:1.55rem;
  line-height:1;
}
.cl-workshops-page-stats span{
  margin-top:5px;
  color:var(--cl-muted);
  font-size:.58rem;
  font-weight:800;
  line-height:1.25;
}
.cl-workshops-next{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 31px;
  gap:12px;
  align-items:center;
  margin-top:8px;
  padding:10px;
  border:1px solid var(--cl-line);
  border-radius:15px;
  background:var(--cl-panel);
  color:inherit!important;
  text-decoration:none;
}
.cl-workshops-next-media{
  width:72px;
  height:64px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,var(--cl-purple),var(--cl-pink));
  color:#fff;
}
.cl-workshops-next-media img{width:100%;height:100%;object-fit:cover}
.cl-workshops-next-media span{font-size:.52rem;font-weight:950;letter-spacing:.08em}
.cl-workshops-next small,.cl-workshops-next strong,.cl-workshops-next span{display:block}
.cl-workshops-next small{color:var(--cl-purple);font-size:.5rem;font-weight:950;letter-spacing:.08em}
.cl-workshops-next strong{margin-top:3px;color:var(--cl-text);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-workshops-next span{margin-top:3px;color:var(--cl-muted);font-size:.56rem}
.cl-workshops-next>b{
  width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--cl-purple);color:#fff
}
.cl-workshops-next.is-empty{grid-template-columns:1fr}

.cl-workshops-value{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}
.cl-workshops-value article{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:13px;
  padding:17px;
  border:1px solid var(--cl-line);
  border-radius:18px;
  background:var(--cl-panel);
}
.cl-workshops-value article>span{
  width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--cl-purple);color:#fff;font-size:.62rem;font-weight:950
}
.cl-workshops-value h3{margin:0 0 5px;color:var(--cl-text);font-size:.85rem}
.cl-workshops-value p{margin:0;color:var(--cl-muted);font-size:.66rem;line-height:1.55}

.cl-workshops-directory-section{
  margin-top:24px;
  padding:29px;
  border:1px solid var(--cl-line);
  border-radius:25px;
  background:var(--cl-panel);
  box-shadow:0 10px 32px rgba(60,38,26,.035);
}
.cl-workshops-directory-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:19px;
}
.cl-workshops-directory-head>div{max-width:780px}
.cl-workshops-directory-head h2{
  margin:0;color:var(--cl-text);font-size:clamp(1.55rem,2.7vw,2.4rem);line-height:1.05;letter-spacing:-.045em
}
.cl-workshops-directory-head p{margin:8px 0 0;color:var(--cl-muted);font-size:.75rem;line-height:1.55}
.cl-workshops-directory-head>span{
  padding:7px 10px;border:1px solid var(--cl-line);border-radius:999px;background:var(--cl-panel-2);color:var(--cl-muted);font-size:.62rem;font-weight:850;white-space:nowrap
}
.cl-workshops-directory-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.cl-workshops-directory-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr))}
.cl-workshop-directory-card{
  min-width:0;
  overflow:hidden;
  display:block;
  border:1px solid var(--cl-line);
  border-radius:19px;
  background:var(--cl-panel-2);
  color:inherit!important;
  text-decoration:none;
  transition:.18s ease;
}
.cl-workshop-directory-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--cl-purple) 34%,var(--cl-line));
  box-shadow:0 14px 30px rgba(60,38,26,.07);
}
.cl-workshop-directory-media{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:var(--cl-panel);
}
.cl-workshop-directory-media img{width:100%;height:100%;object-fit:cover}
.cl-workshop-directory-placeholder{
  width:100%;height:100%;display:grid;place-items:center;align-content:center;background:linear-gradient(135deg,var(--cl-purple),var(--cl-pink));color:#fff
}
.cl-workshop-directory-placeholder span{font-size:.52rem;letter-spacing:.1em;font-weight:800}
.cl-workshop-directory-placeholder b{font-size:1.1rem;letter-spacing:.05em}
.cl-workshop-directory-status,.cl-workshop-directory-mode{
  position:absolute;top:10px;min-height:25px;padding:0 8px;display:inline-flex;align-items:center;border-radius:999px;font-size:.53rem;font-weight:900;backdrop-filter:blur(8px)
}
.cl-workshop-directory-status{left:10px;background:rgba(255,255,255,.92);color:#50342a}
.cl-workshop-directory-card.is-ongoing .cl-workshop-directory-status{background:#238d55;color:#fff}
.cl-workshop-directory-mode{right:10px;background:rgba(20,20,20,.68);color:#fff}
.cl-workshop-directory-copy{padding:14px}
.cl-workshop-directory-creator{display:flex;align-items:center;gap:7px;color:var(--cl-muted);font-size:.6rem}
.cl-workshop-directory-creator img,.cl-workshop-directory-creator i{
  width:27px;height:27px;flex:0 0 27px;border-radius:50%;object-fit:cover
}
.cl-workshop-directory-creator i{display:grid;place-items:center;background:var(--cl-purple);color:#fff;font-size:.6rem;font-style:normal;font-weight:900}
.cl-workshop-directory-creator b{color:var(--cl-text)}
.cl-workshop-directory-copy h3{margin:10px 0 5px;color:var(--cl-text);font-size:.96rem;line-height:1.3}
.cl-workshop-directory-copy>p{min-height:40px;margin:0;color:var(--cl-muted);font-size:.66rem;line-height:1.5}
.cl-workshop-directory-meta{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--cl-line)
}
.cl-workshop-directory-meta span{color:var(--cl-muted);font-size:.59rem}
.cl-workshop-directory-meta strong{color:var(--cl-text);font-size:.7rem}
.cl-workshop-directory-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:var(--cl-purple);font-size:.64rem;font-weight:900
}
.cl-workshop-directory-foot b{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--cl-purple);color:#fff}
.cl-workshops-directory-archive{opacity:.94}
.cl-workshops-directory-empty{
  min-height:160px;display:grid;place-items:center;align-content:center;gap:5px;border:1px dashed var(--cl-line);border-radius:18px;color:var(--cl-muted);text-align:center
}
.cl-workshops-directory-empty b{color:var(--cl-text)}

@media(min-width:1180px){
  body.craftlo-wide-home .cl-wide-workshop-view-all{
    min-height:34px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--wide-line);
    border-radius:999px;
    background:var(--wide-panel);
    color:var(--wide-text)!important;
    font-size:9px;
    font-weight:850;
    text-decoration:none;
  }
  body.craftlo-wide-home .cl-wide-workshop-view-all:hover{
    border-color:var(--wide-accent);
    color:var(--wide-accent)!important;
  }
}

@media(max-width:1060px){
  .cl-workshops-page-hero{grid-template-columns:1fr;padding:38px}
  .cl-workshops-page-summary{width:min(100%,650px)}
  .cl-workshops-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .cl-workshops-page{width:calc(100% - 24px);padding:18px 0 60px}
  .cl-workshops-page-hero{padding:27px 20px;border-radius:22px;gap:26px}
  .cl-workshops-page-copy h1{font-size:clamp(2.7rem,14vw,4.3rem)}
  .cl-workshops-page-copy>p{font-size:.87rem}
  .cl-workshops-page-actions{display:grid}
  .cl-workshops-page-actions a{width:100%}
  .cl-workshops-page-stats{grid-template-columns:repeat(3,1fr)}
  .cl-workshops-value{grid-template-columns:1fr}
  .cl-workshops-directory-section{padding:20px;border-radius:21px}
  .cl-workshops-directory-head{display:grid;gap:9px}
  .cl-workshops-directory-head>span{width:max-content}
  .cl-workshops-directory-grid,.cl-workshops-directory-grid--featured{grid-template-columns:1fr}
}