/* =============================================================================
   CUSTOM STYLES — loaded on top of the Hydejack theme
   ============================================================================= */

/* No third column — expand content to fill available width */
@media screen and (min-width: 64em) {
  .no-third-column .content {
    max-width: none;
    margin-right: 4rem;
  }
}

@media screen and (min-width: 104rem) {
  .no-third-column .content {
    margin-left: 25rem;
    margin-right: 4rem;
    max-width: none;
  }
}

/* Contact form */
.contact-form .form-group { margin-bottom: 1.25rem; }
.contact-form label { display: block; margin-bottom: .4rem; font-weight: 600; font-size: .9rem; }
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: .6rem .85rem;
  border: 1px solid var(--border-color, #ccc);
  border-radius: 4px;
  background: var(--body-bg);
  color: var(--body-color);
  font-family: inherit;
  font-size: .95rem;
  transition: border-color .2s;
}
.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: var(--accent-color);
}

/* Search page */
#search-input {
  width: 100%;
  padding: .75rem 1rem;
  font-size: 1rem;
  border: 2px solid var(--border-color, #ccc);
  border-radius: 4px;
  background: var(--body-bg);
  color: var(--body-color);
  margin-bottom: 2rem;
}
#search-input:focus {
  outline: none;
  border-color: var(--accent-color);
}
.search-result { margin-bottom: 1.5rem; border-bottom: 1px solid var(--border-color); padding-bottom: 1.5rem; }
.search-result h3 { margin-bottom: .25rem; }
.search-result p { color: var(--text-muted, #888); font-size: .9rem; }

/* Skill badges */
.skill-badges { display: flex; flex-wrap: wrap; gap: .5rem; margin: .5rem 0; }
.badge {
  display: inline-block;
  padding: .2rem .7rem;
  border-radius: 20px;
  font-size: .75rem;
  font-weight: 700;
  background: var(--accent-color);
  color: #fff;
}