/* =========================================================
   AnteEnti Telugu QA UI
   Step 10: Profile Page Layout
   File: assets/css/profile.css
   Scope: AnsPress profile page only
   ========================================================= */


/* ---------------------------------------------------------
   1. Page shell
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile {
  background: var(--aqa-bg, #f8fafc);
  overflow-x: hidden;
}

body.anteenti-qa-ui.anteenti-qa-page-profile * {
  box-sizing: border-box;
}

body.anteenti-qa-ui.anteenti-qa-page-profile #content {
  padding-bottom: 104px;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .single-page-container,
body.anteenti-qa-ui.anteenti-qa-page-profile .nv-single-page-wrap,
body.anteenti-qa-ui.anteenti-qa-page-profile .nv-content-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}


/* ---------------------------------------------------------
   2. Neve title area
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile .nv-page-title-wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 22px 16px 8px;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .nv-page-title h1 {
  margin: 0;
  color: var(--aqa-heading, #231f20);
  font-family: var(--aqa-font, "Anek Telugu", system-ui, sans-serif);
  font-size: clamp(1.75rem, 6vw, 2.5rem);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.025em;
}


/* ---------------------------------------------------------
   3. AnsPress profile wrapper
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile #anspress,
body.anteenti-qa-ui.anteenti-qa-page-profile .anspress {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 16px 12px 104px;
  color: var(--aqa-text, #231f20);
  font-family: var(--aqa-font, "Anek Telugu", system-ui, sans-serif);
  overflow-x: hidden;
}


/* ---------------------------------------------------------
   4. Profile main containers
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile #ap-user,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-profile {
  width: 100%;
  max-width: 100%;
}


/* ---------------------------------------------------------
   5. Profile header card
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-card,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-header,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-header,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-cover,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-about-user {
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid rgba(143, 29, 35, 0.12);
  border-radius: 24px;
  box-shadow: 0 14px 36px rgba(35, 31, 32, 0.08);
  overflow: hidden;
}


/* Header card decorative top */
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-cover,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-header {
  position: relative;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-cover::before,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-header::before {
  content: "";
  display: block;
  height: 72px;
  margin: -20px -20px 18px;
  background:
    radial-gradient(circle at 20% 30%, rgba(47, 143, 70, 0.22), transparent 28%),
    radial-gradient(circle at 80% 20%, rgba(143, 29, 35, 0.20), transparent 30%),
    linear-gradient(135deg, #fff8e6, #fbf3d8);
}


/* ---------------------------------------------------------
   6. Avatar and user identity
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-avatar,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 12px;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-avatar img,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-avatar img,
body.anteenti-qa-ui.anteenti-qa-page-profile .avatar {
  width: 86px;
  height: 86px;
  border-radius: 999px;
  border: 4px solid #ffffff;
  box-shadow: 0 12px 26px rgba(35, 31, 32, 0.16);
  object-fit: cover;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-name,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-name,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-display-name,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-card h2,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-about-user h3 {
  margin: 0 0 6px;
  color: #17110e;
  font-family: var(--aqa-font, "Anek Telugu", system-ui, sans-serif);
  font-size: clamp(1.35rem, 4vw, 2rem);
  font-weight: 800;
  line-height: 1.25;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-description,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-bio,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-about-user p {
  margin: 8px 0 0;
  color: #6b625f;
  font-size: 15px;
  line-height: 1.7;
}


/* ---------------------------------------------------------
   7. Reputation and stats
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-stats,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-stats,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-reputation,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 0;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-stats > *,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-stats > *,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-reputation > *,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-points > * {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 13px;
  border-radius: 999px;
  background: #fff8e6;
  border: 1px solid #f1cda7;
  color: #8f1d23;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}


/* ---------------------------------------------------------
   8. Profile navigation tabs
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-menu,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-menu,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-navigation,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-nav {
  width: 100%;
  max-width: 100%;
  margin: 0 0 18px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid rgba(143, 29, 35, 0.12);
  border-radius: 20px;
  box-shadow: 0 8px 22px rgba(35, 31, 32, 0.05);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-menu::-webkit-scrollbar,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-menu::-webkit-scrollbar,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-navigation::-webkit-scrollbar,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-nav::-webkit-scrollbar {
  display: none;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-menu ul,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-menu ul,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-navigation ul,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-nav ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  min-width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-menu li,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-menu li,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-navigation li,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-nav li {
  flex: 0 0 auto;
  margin: 0;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-menu a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-menu a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-navigation a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 14px;
  border-radius: 999px;
  color: #8f1d23;
  background: #fff8e6;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-menu .active a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-menu .active a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-navigation .active a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-nav .active a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-menu a:hover,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-menu a:hover,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-navigation a:hover,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-nav a:hover {
  background: #8f1d23;
  color: #ffffff;
}


/* ---------------------------------------------------------
   9. Profile content layout
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-content,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-content,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-main {
  width: 100%;
  max-width: 100%;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-content,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

@media (min-width: 960px) {
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-content,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-content {
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: start;
  }
}


/* ---------------------------------------------------------
   10. Profile section cards
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-section,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-section,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-activity,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-answers,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-questions,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-reputations,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-notifications,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-about,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-card,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-widget,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-widget {
  width: 100%;
  max-width: 100%;
  margin: 0 0 18px;
  padding: 18px;
  background: #ffffff;
  border: 1px solid rgba(143, 29, 35, 0.12);
  border-radius: 22px;
  box-shadow: 0 10px 28px rgba(35, 31, 32, 0.06);
  overflow: hidden;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-section h2,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-section h2,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-section h3,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-section h3,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-widget h3 {
  margin: 0 0 14px;
  color: #17110e;
  font-family: var(--aqa-font, "Anek Telugu", system-ui, sans-serif);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.35;
}


/* ---------------------------------------------------------
   11. Activity / list items
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-activity-item,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-activity-item,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-question,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-answer,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-list-item {
  width: 100%;
  margin: 0 0 12px;
  padding: 14px;
  background: #fffdf7;
  border: 1px solid #f0e2d1;
  border-radius: 18px;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-activity-item:last-child,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-activity-item:last-child,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-question:last-child,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-answer:last-child,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-list-item:last-child {
  margin-bottom: 0;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-activity-item a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-activity-item a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-question a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-answer a,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-list-item a {
  color: #8f1d23;
  font-weight: 800;
  text-decoration: none;
}

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-activity-item a:hover,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-activity-item a:hover,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-question a:hover,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-answer a:hover,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-list-item a:hover {
  text-decoration: underline;
}


/* ---------------------------------------------------------
   12. Meta text
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-meta,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-meta,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-activity-meta,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-list-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 8px;
  color: #6b625f;
  font-size: 13px;
  line-height: 1.5;
}


/* ---------------------------------------------------------
   13. Empty / notice states
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile .ap-notice,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-empty,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-no-item,
body.anteenti-qa-ui.anteenti-qa-page-profile .ap-message {
  width: 100%;
  margin: 0 0 16px;
  padding: 14px 16px;
  background: #fff8e6;
  border: 1px solid #f1cda7;
  border-radius: 18px;
  color: #8f1d23;
  font-size: 14px;
  line-height: 1.6;
}


/* ---------------------------------------------------------
   14. Buttons
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile #anspress .ap-btn,
body.anteenti-qa-ui.anteenti-qa-page-profile #anspress button,
body.anteenti-qa-ui.anteenti-qa-page-profile #anspress input[type="submit"] {
  min-height: 38px;
  padding: 8px 15px;
  border-radius: 999px;
  border: 1px solid #f0e2d1;
  background: #fff8e6;
  color: #8f1d23;
  font-family: var(--aqa-font, "Anek Telugu", system-ui, sans-serif);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none;
}

body.anteenti-qa-ui.anteenti-qa-page-profile #anspress .ap-btn:hover,
body.anteenti-qa-ui.anteenti-qa-page-profile #anspress button:hover,
body.anteenti-qa-ui.anteenti-qa-page-profile #anspress input[type="submit"]:hover {
  background: #8f1d23;
  border-color: #8f1d23;
  color: #ffffff;
}


/* ---------------------------------------------------------
   15. Forms inside profile
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile input[type="text"],
body.anteenti-qa-ui.anteenti-qa-page-profile input[type="email"],
body.anteenti-qa-ui.anteenti-qa-page-profile input[type="url"],
body.anteenti-qa-ui.anteenti-qa-page-profile input[type="password"],
body.anteenti-qa-ui.anteenti-qa-page-profile textarea,
body.anteenti-qa-ui.anteenti-qa-page-profile select {
  width: 100%;
  min-height: 44px;
  padding: 11px 13px;
  background: #fffdf7;
  border: 1px solid #eadfd5;
  border-radius: 14px;
  color: #231f20;
  font-family: var(--aqa-font, "Anek Telugu", system-ui, sans-serif);
  font-size: 15px;
  line-height: 1.5;
}

body.anteenti-qa-ui.anteenti-qa-page-profile textarea {
  min-height: 130px;
  resize: vertical;
  line-height: 1.7;
}

body.anteenti-qa-ui.anteenti-qa-page-profile input:focus,
body.anteenti-qa-ui.anteenti-qa-page-profile textarea:focus,
body.anteenti-qa-ui.anteenti-qa-page-profile select:focus {
  outline: none;
  border-color: rgba(143, 29, 35, 0.55);
  box-shadow: 0 0 0 4px rgba(143, 29, 35, 0.12);
}


/* ---------------------------------------------------------
   16. Mobile refinements
--------------------------------------------------------- */

@media (max-width: 767px) {
  body.anteenti-qa-ui.anteenti-qa-page-profile .single-page-container {
    padding-left: 0;
    padding-right: 0;
  }

  body.anteenti-qa-ui.anteenti-qa-page-profile .nv-page-title-wrap {
    padding: 18px 14px 6px;
  }

  body.anteenti-qa-ui.anteenti-qa-page-profile .nv-page-title h1 {
    font-size: 1.85rem;
    line-height: 1.32;
  }

  body.anteenti-qa-ui.anteenti-qa-page-profile #anspress,
  body.anteenti-qa-ui.anteenti-qa-page-profile .anspress {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 118px;
  }

  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-card,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-header,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-header,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-cover,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-about-user,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-section,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-section,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-activity,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-answers,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-questions,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-reputations,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-notifications,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-about,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-card,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-widget,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-widget {
    padding: 14px;
    border-radius: 18px;
  }

  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-cover::before,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-header::before {
    margin: -14px -14px 16px;
    height: 64px;
  }

  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-avatar img,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-avatar img,
  body.anteenti-qa-ui.anteenti-qa-page-profile .avatar {
    width: 72px;
    height: 72px;
  }

  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-menu,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-menu,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-navigation,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-nav {
    border-radius: 18px;
  }

  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-menu a,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-menu a,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-user-navigation a,
  body.anteenti-qa-ui.anteenti-qa-page-profile .ap-profile-nav a {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 13px;
  }
}


/* ---------------------------------------------------------
   17. Accessibility
--------------------------------------------------------- */

body.anteenti-qa-ui.anteenti-qa-page-profile #anspress a:focus-visible,
body.anteenti-qa-ui.anteenti-qa-page-profile #anspress button:focus-visible,
body.anteenti-qa-ui.anteenti-qa-page-profile #anspress input:focus-visible,
body.anteenti-qa-ui.anteenti-qa-page-profile #anspress textarea:focus-visible,
body.anteenti-qa-ui.anteenti-qa-page-profile #anspress select:focus-visible {
  outline: 3px solid rgba(143, 29, 35, 0.28);
  outline-offset: 2px;
}

body.anteenti-qa-ui.anteenti-qa-page-profile img {
  max-width: 100%;
  height: auto;
}