/*
 Theme Name:   Astra Child
 Template:     astra
 Version:      1.0.0
*/

.gt-template__container{max-width:1100px;margin:0 auto;padding:48px 20px;}
.gt-template__hero{padding:30px 0 10px;}
.gt-template__kicker{opacity:.8;margin:0 0 8px;}
.gt-template__title{margin:0 0 10px;font-size:44px;line-height:1.1;}
.gt-template__desc{max-width:70ch;font-size:18px;opacity:.9;}

.gt-template__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.gt-btn{display:inline-block;padding:10px 16px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,.25);}
.gt-btn--ghost{background:transparent;}

.gt-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;}
@media (max-width:900px){.gt-grid{grid-template-columns:1fr;}}

.gt-card{border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:18px;background:rgba(0,0,0,.12);backdrop-filter:blur(6px);}
.gt-card h2{margin-top:0;}
.gt-card ul{margin:10px 0 0 18px;}

.gt-template__demo{padding:20px 0 60px;}
.gt-demo-frame{border:1px solid rgba(255,255,255,.18);border-radius:16px;overflow:hidden;background:#000;}
.gt-demo-frame iframe{width:100%;height:720px;border:0;display:block;}
@media (max-width:900px){.gt-demo-frame iframe{height:560px;}}
.gt-note{opacity:.8;margin-top:10px;}



/* ====== GT Template Archive ====== */
.gt-archive {
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 20px;
}

.gt-archive__header {
  margin-bottom: 28px;
}

.gt-archive__title {
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
}

.gt-archive__subtitle {
  margin: 0;
  opacity: 0.85;
}

.gt-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 980px) {
  .gt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .gt-grid { grid-template-columns: 1fr; }
}

.gt-card {
  border-radius: 16px;
  padding: 18px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(6px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 240px;
}

.gt-card__title {
  margin: 0 0 10px;
  font-size: 22px;
}

.gt-card__desc {
  margin: 0 0 12px;
  opacity: 0.9;
}

.gt-card__features {
  margin: 0;
  padding-left: 18px;
  opacity: 0.9;
}

.gt-card__actions {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  flex-wrap: wrap;
}

.gt-btn {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
}

.gt-btn--primary {
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.18);
}

.gt-btn--ghost {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.20);
}

.gt-btn--disabled {
  opacity: 0.55;
  border: 1px dashed rgba(255,255,255,0.35);
  padding: 10px 14px;
  border-radius: 12px;
}



/* ===== Archive: Website Templates ===== */
.gt-archive { max-width: 1100px; margin: 0 auto; padding: 48px 18px; }
.gt-archive__header { margin-bottom: 24px; }
.gt-archive__title { margin: 0 0 6px; }
.gt-archive__subtitle { margin: 0 0 18px; opacity: .9; }

.gt-archive__controls { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.gt-input, .gt-select {
  padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.25);
  background: rgba(0,0,0,.15); color: inherit;
}
.gt-input { min-width: 240px; }

.gt-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 980px){ .gt-grid { grid-template-columns: repeat(2, 1fr);} }
@media (max-width: 640px){ .gt-grid { grid-template-columns: 1fr;} }

.gt-card {
  border-radius: 18px;
  padding: 18px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
}
.gt-card__title { margin: 0 0 8px; font-size: 22px; }
.gt-card__desc { margin: 0 0 12px; opacity: .95; }
.gt-card__features { margin: 0 0 14px 18px; }
.gt-card__actions { display: flex; gap: 10px; flex-wrap: wrap; }

.gt-btn {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  text-decoration: none;
}
.gt-btn--primary { background: rgba(0,0,0,.25); }
.gt-btn--ghost { background: transparent; }
.gt-btn--link { border-color: transparent; text-decoration: underline; opacity: .9; }

.gt-pagination { margin-top: 20px; }
.gt-empty { padding: 18px; opacity: .9; }