/* GT Socials Theme - Bootstrap 5 customizations (LinkedIn blue, techy) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{
  --bs-primary: #0A66C2;
  --bs-primary-rgb: 10,102,194;
  --bs-link-color: #0A66C2;
  --bs-font-sans-serif: Inter, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

html, body {
  background: radial-gradient(1200px 600px at 10% -10%, rgba(10,102,194,0.08), transparent 40%),
              radial-gradient(1200px 600px at 90% -20%, rgba(10,102,194,0.06), transparent 40%),
              #f8fafc;
  min-height: 100%;
}

.navbar-brand strong { color: var(--bs-primary); }

.hero-bar {
  background: linear-gradient(135deg, rgba(10,102,194,0.08), rgba(10,102,194,0.02));
  border: 1px solid rgba(10,102,194,0.12);
  border-radius: 1rem;
  padding: 1rem 1.25rem;
}

.card-tech {
  border: 1px solid rgba(17,24,39,0.06);
  border-radius: 1rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.badge-li {
  background-color: rgba(10,102,194,.1);
  color: #0A66C2;
  border: 1px solid rgba(10,102,194,.2);
}

.btn-soft {
  background: rgba(10,102,194,0.08);
  color: #0A66C2;
  border: 1px solid rgba(10,102,194,0.18);
}
.btn-soft:hover{
  background: rgba(10,102,194,0.14);
  color: #0A66C2;
}

.thumb {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-top-left-radius: calc(1rem - 1px);
  border-top-right-radius: calc(1rem - 1px);
}

.form-hint { font-size: .9rem; color: #64748b; }

input[type="file"]::file-selector-button{
  border: 1px solid rgba(0,0,0,.1);
  padding: .375rem .75rem;
  border-radius: .5rem;
  background: #fff;
  margin-right: .75rem;
}