/*
 Theme Name: Astra Classmates Child
 Theme URI: https://example.com/astra-classmates-child
 Author: You
 Author URI: https://example.com
 Description: Child theme for Astra adding a padded, bordered container and layout for Classmates pages.
 Template: astra
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Tags: astra, child-theme, classmates
 Text Domain: astra-classmates-child
*/

/* Page shell */
.classmates-page{
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.25rem clamp(16px,4vw,32px);
  border-left: 1px solid rgba(0,0,0,.08);
  border-right: 1px solid rgba(0,0,0,.08);
  background: #fff;
}

/* Softer borders on small screens */
@media (max-width: 640px){
  .classmates-page{
    border-left: none;
    border-right: none;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Classmate listing layout */
.classmate-card{
  padding:.75rem 0;
  border-bottom:1px solid rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.cm-row{
  display:flex;
  align-items:center;
  gap:.75rem;
  flex-wrap:wrap;
}
.cm-left{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex:1 1 auto;
  min-width:0;
}
.cm-name{
  font-weight:600;
  line-height:1.25;
  word-break:break-word;
}
.cm-maiden{opacity:.7}

.cm-chip{
  display:inline-block;
  padding:.15rem .4rem;
  border-radius:999px;
  background:#f1f1f1;
  font-size:.75rem;
  line-height:1;
}

.cm-right{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
}
.cm-right .button{ white-space:nowrap; }
.cm-tag{
  background:#eef2ff;
  color:#3730a3;
  padding:.2rem .5rem;
  border-radius:.5rem;
  font-size:.8rem;
}
.cm-bio{ color:#333; }

/* Optional: sticky toolbar look */
#classmates-toolbar{
  background:#fff;
  padding-top:.5rem;
  padding-bottom:.5rem;
}