/*
Theme Name: Advanz Future Skills
Theme URI: #
Author: Advanz
Description: Tema a medida para Advanz International Education. Inicio y cursos estáticos, login y registro nativos de WordPress y rol de estudiante para Edwiser.
Version: 1.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: advanz
*/

/* Menú de perfil de la cabecera (template-parts/menu-perfil.php) */
.advanz-perfil { position: relative; }
.advanz-perfil__boton {
  display: flex; align-items: center; gap: 9px; padding: 3px 10px 3px 3px;
  background: #fff; border: 1px solid rgba(10, 15, 60, 0.16); border-radius: 999px;
  font: 500 14px/1 'Inter Tight', system-ui, sans-serif; color: #0A0F3C; cursor: pointer;
  transition: border-color .2s;
}
.advanz-perfil__boton:hover,
.advanz-perfil__boton[aria-expanded="true"] { border-color: #0033FF; }
.advanz-perfil__foto {
  position: relative; display: grid; place-items: center; flex: 0 0 auto;
  width: 34px; height: 34px; border-radius: 50%; overflow: hidden;
  background: linear-gradient(135deg, #FF3B1F, #E5157F 45%, #6B2BFF 75%, #0033FF);
  font: 600 12px/1 'Inter Tight', sans-serif; letter-spacing: .02em; color: #fff;
}
.advanz-perfil__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.advanz-perfil__foto--grande { width: 44px; height: 44px; font-size: 15px; }
.advanz-perfil__nombre { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.advanz-perfil__flecha { color: #6A7099; transition: transform .2s; }
.advanz-perfil__boton[aria-expanded="true"] .advanz-perfil__flecha { transform: rotate(180deg); }

.advanz-perfil__panel {
  position: absolute; right: 0; top: calc(100% + 10px); z-index: 100; width: 270px; padding: 8px;
  background: #fff; border: 1px solid rgba(10, 15, 60, 0.12); border-radius: 8px;
  box-shadow: rgba(10, 15, 60, 0.35) 0 24px 48px -24px;
}
.advanz-perfil__panel[hidden] { display: none; }
.advanz-perfil__cabecera {
  display: flex; align-items: center; gap: 12px; padding: 10px 10px 14px; margin-bottom: 6px;
  border-bottom: 1px solid rgba(10, 15, 60, 0.08);
}
.advanz-perfil__cabecera > span:last-child { display: grid; gap: 4px; min-width: 0; }
.advanz-perfil__cabecera strong { font: 600 15px/1.2 'Space Grotesk', sans-serif; color: #0A0F3C; }
.advanz-perfil__cabecera small {
  font: 400 12px/1.2 'Inter Tight', sans-serif; color: #6A7099;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.advanz-perfil__enlace {
  display: flex; align-items: center; gap: 11px; padding: 11px 10px; border-radius: 4px;
  font: 500 14px/1 'Inter Tight', sans-serif; color: #0A0F3C; text-decoration: none;
}
.advanz-perfil__enlace svg { color: #6A7099; flex: 0 0 auto; }
.advanz-perfil__enlace:hover { background: #F6F7FB; color: #0033FF; }
.advanz-perfil__enlace:hover svg { color: #0033FF; }
.advanz-perfil__enlace--salir { margin-top: 6px; border-top: 1px solid rgba(10, 15, 60, 0.08); border-radius: 0 0 4px 4px; padding-top: 14px; }
.advanz-perfil__enlace--salir:hover { color: #E5157F; background: rgba(229, 21, 127, 0.06); }
.advanz-perfil__enlace--salir:hover svg { color: #E5157F; }

@media (max-width: 600px) {
  .advanz-perfil__nombre { display: none; }
  .advanz-perfil__boton { padding-right: 8px; }
}