/* ===== QANTARA BRAND UI (glass + gradient) ===== */
:root {
  --qtr-bg: rgba(13, 2, 24, 0.72);
  --qtr-border: rgba(255,255,255,0.12);
  --qtr-text: #fff;
  --qtr-muted: rgba(255,255,255,0.7);
  --qtr-input: rgba(255,255,255,0.10);
  --qtr-btn-grad: linear-gradient(90deg, #6E00FF 0%, #FF52C2 100%);
  --qtr-radius: 18px;
  --qtr-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
.qtr-wrap { max-width: 1000px; margin: 0 auto; }
.qtr-panel {
  background: var(--qtr-bg);
  border: 1px solid var(--qtr-border);
  border-radius: var(--qtr-radius);
  padding: 18px;
  color: var(--qtr-text);
  backdrop-filter: blur(10px);
  box-shadow: var(--qtr-shadow);
}
.qtr-title { font-size: 1.5rem; font-weight: 700; margin: 6px 0 12px; color: #fff; }
.qtr-sub { color: var(--qtr-muted); margin-bottom: 12px; }
/* Responsive grid */
.qtr-grid { display: grid; gap: 12px; grid-template-columns: repeat(12, 1fr); }
.qtr-col-6 { grid-column: span 6; } .qtr-col-4 { grid-column: span 4; }
.qtr-col-8 { grid-column: span 8; } .qtr-col-12 { grid-column: 1 / -1; }
@media (max-width: 880px) { .qtr-col-6, .qtr-col-4, .qtr-col-8 { grid-column: 1 / -1; } }
/* Inputs */
.qtr-input, .qtr-select, .qtr-textarea {
  width: 100%; background: var(--qtr-input); color: var(--qtr-text);
  border: 1px solid var(--qtr-border); border-radius: 14px; padding: 12px 14px; outline: none;
}
.qtr-input::placeholder, .qtr-textarea::placeholder { color: var(--qtr-muted); }
.qtr-input:focus, .qtr-select:focus, .qtr-textarea:focus { border-color: #A06BFF; box-shadow: 0 0 0 3px rgba(160,107,255,0.25); }
/* Buttons */
.qtr-btn {
  appearance: none; display: inline-block; padding: 12px 16px; border: 0; border-radius: 14px;
  color: #fff; background-image: var(--qtr-btn-grad); cursor: pointer; font-weight: 700;
  box-shadow: 0 8px 24px rgba(110,0,255,0.35); transition: transform .08s ease, box-shadow .1s ease;
}
.qtr-btn:hover { transform: translateY(-1px); }
.qtr-btn:active { transform: translateY(0); box-shadow: 0 4px 16px rgba(110,0,255,0.25); }
/* Cards */
.qtr-card { background: rgba(255,255,255,0.06); border: 1px solid var(--qtr-border); border-radius: 14px; padding: 14px; color: #fff; }
.qtr-badges { display:flex; gap:8px; flex-wrap: wrap; margin-bottom: 6px; }
.qtr-badges span { background: rgba(255,255,255,0.10); padding: 4px 10px; border-radius: 999px; font-size: 12px; }
.qtr-row { display:flex; gap: 10px; flex-wrap: wrap; }
.qtr-img { width: 100%; height: 200px; object-fit: cover; border-radius: 12px; background: rgba(255,255,255,0.08); }
/* Kill white wrappers from themes */
.wp-block-shortcode, .wp-block-group .wp-block-shortcode { background: transparent !important; border: 0 !important; padding: 0 !important; }