/* Shared profile navigation, after page-specific and responsive styles. */
.profil-page .profile-account-menu {
    display: flex; flex-direction: column; width: 280px; min-width: 0; max-width: none;
    gap: 18px; padding: 18px; border: 1px solid #e9e7ea; border-radius: 16px;
    background: white; box-shadow: 0 6px 24px -18px #3d182b33;
}
.profile-menu-identity { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 5px 3px 0; }
.profile-menu-avatar {
    display: flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px;
    border: 1px solid #ecd5de; border-radius: 50%; background: #f8e9ef; color: #ad123e;
    font-size: 14px; font-weight: 750; line-height: 1;
}
.profile-menu-identity-copy { min-width: 0; flex: 1; }
.profile-account-menu .profil-page-menu-header { display: flex; flex-direction: column; gap: 4px; }
.profile-account-menu .profil-page-menu-header-h1 { color: #786671; font-size: 10px; font-weight: 600; line-height: 1.6; }
.profile-account-menu .profil-page-menu-header-h2 {
    color: #27232a; font-size: 19px; font-weight: 700; line-height: 1.3; letter-spacing: -.025em; overflow-wrap: anywhere;
}
.profile-account-menu .profil-page-menu-mail { margin: 6px 0 0; font-size: 11px; line-height: 1.7; color: #71717a; overflow-wrap: anywhere; }
.profile-account-menu .profil-page-menu-loyalty {
    display: flex; align-items: center; flex-direction: row; gap: 10px; min-width: 0;
    padding: 13px; border: 1px solid #f0e5e9; border-radius: 10px; background: #fcf7f9;
}
.profile-menu-card-icon { color: #b20135; flex-shrink: 0; }
.profile-menu-loyalty-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.profile-account-menu .profil-page-menu-loyalty-1 { color: #7b6470; font-size: 10px; line-height: 1.5; }
.profile-account-menu .profil-page-menu-loyalty-2 { color: #71344a; font-size: 12px; font-weight: 650; line-height: 1.6; letter-spacing: .035em; overflow-wrap: anywhere; }
.profile-account-menu .loyalty-prijava-link { display: inline-flex; align-items: center; gap: 7px; color: #9e1740; text-decoration: none; font-size: 11px; line-height: 1.7; font-weight: 600; }
.profile-account-menu .loyalty-prijava-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.profile-account-menu .profil-page-menu-menu { display: flex; flex-direction: column; gap: 5px; margin: 0; min-width: 0; }
.profile-account-menu .profil-page-menu-menu-item {
    position: relative; display: flex; align-items: center; gap: 11px; min-width: 0; min-height: 48px;
    padding: 12px; border: 1px solid transparent; border-radius: 9px; background: transparent;
    color: #66616c; font-size: 12px; font-weight: 550; line-height: 1.6; text-transform: none;
    text-decoration: none; transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}
.profile-account-menu .profil-page-menu-menu-item > span { min-width: 0; overflow-wrap: anywhere; }
.profile-account-menu .profil-page-menu-icon { display: block; width: 19px; height: 19px; flex: 0 0 19px; }
.profile-account-menu .profil-page-menu-menu-item:hover { color: #3b3036; background: #f7f5f6; font-weight: 550; }
.profile-account-menu .profil-page-menu-menu-item-active,
.profile-account-menu .profil-page-menu-menu-item-active:hover { background: #fbedf2; border-color: #f3dce5; color: #ac123e; font-weight: 700; }
.profile-account-menu .profil-page-menu-menu-item-active::before {
    content: ''; position: absolute; width: 3px; height: 19px; background: #b20135; border-radius: 0 3px 3px 0; left: -1px; top: calc(50% - 9.5px);
}
.profile-account-menu .profil-page-menu-menu-item-logout { margin: 6px 0 0; border-top: 1px solid #eeebee; border-radius: 0; min-height: 44px; padding-top: 16px; color: #8f6171; font-weight: 550; }
.profile-account-menu .profil-page-menu-menu-item-logout:hover { color: #b20135; background: #fcf5f7; font-weight: 550; }
.profile-account-menu a:focus-visible { outline: 3px solid #d88da4; outline-offset: 3px; }
@media (max-width: 1199px) and (min-width: 992px) {
    .profil-page .profile-account-menu { width: 240px; padding: 15px; }
    .profile-account-menu .profil-page-menu-menu-item { font-size: 11px; gap: 9px; padding-inline: 10px; }
    .profile-account-menu .profil-page-menu-header-h2 { font-size: 17px; }
}
@media (max-width: 991px) {
    .profil-page .profile-account-menu { width: 100%; padding: 18px; gap: 15px; }
    .profile-menu-identity { align-items: center; padding: 0 2px; }
    .profile-account-menu .profil-page-menu-header { gap: 2px; }
    .profile-account-menu .profil-page-menu-header-h2 { font-size: 20px; }
    .profile-account-menu .profil-page-menu-mail { margin-top: 3px; font-size: 12px; }
    .profile-account-menu .profil-page-menu-loyalty { padding: 10px 13px; flex-wrap: nowrap; }
    .profile-menu-loyalty-copy { flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 3px 10px; }
    .profile-account-menu .profil-page-menu-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
    .profile-account-menu .profil-page-menu-menu-item { padding: 12px; min-height: 50px; font-size: 13px; border-color: #eeebef; background: #fdfcfd; }
    .profile-account-menu .profil-page-menu-menu-item-active { background: #fbedf2; border-color: #efd1dd; }
    .profile-account-menu .profil-page-menu-menu-item-logout { grid-column: 1 / -1; justify-content: center; min-height: 40px; padding: 8px 12px; border: 0; background: transparent; margin-top: 2px; border-radius: 9px; }
}
@media (max-width: 400px) {
    .profil-page .profile-account-menu { padding: 15px; gap: 13px; }
    .profile-account-menu .profil-page-menu-menu-item { padding: 10px; gap: 8px; font-size: 12px; }
    .profile-account-menu .profil-page-menu-header-h2 { font-size: 18px; }
    .profile-account-menu .profil-page-menu-mail { font-size: 11px; }
    .profile-account-menu .profil-page-menu-menu-item-logout { padding-block: 8px; }
}
@media (prefers-reduced-motion: reduce) { .profile-account-menu .profil-page-menu-menu-item { transition: none; } }