/* Podpora: člověk v hlavičce (includes/support-header.tpl) a poradci u kategorie (includes/support-category.tpl).
   Sdílí r3 i vo-riano. Data a texty: core/Support/View.php, správa: Obsah webu → Podpora. */

:root{--support-online:#2bb673;--support-offline:#b9b3b4;--support-muted:#8e8299;--support-ink:#402A2C;--support-grey:#8a8a8a}

/* ---------- hlavička ---------- */
.navbar_user .support-head{display:inline-block;vertical-align:top;padding-bottom:0;margin:-10px 18px 0 0;text-align:left}
.navbar_user .support-head .support-head__link{display:flex;align-items:center;gap:10px;width:auto;height:auto;color:var(--support-ink);text-decoration:none}
.navbar_user .support-head .support-head__link:hover .support-head__phone{text-decoration:underline}
.support-head__photo{position:relative;flex:0 0 48px;width:48px;height:48px}
.navbar_user .support-head .support-head__photo img,.support-head__photo img{display:block;width:48px;height:48px;max-height:none;border-radius:50%;object-fit:cover;background:#fff2f2}
.support-head__initial{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff2f2;color:var(--support-ink);font-size:20px;font-weight:700;text-transform:uppercase}
.support-head__badge{position:absolute;right:-2px;bottom:-2px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:var(--support-offline);color:#fff}
.is-online .support-head__badge{background:var(--support-online)}
.support-head__text{display:flex;flex-direction:column;min-width:0;white-space:nowrap}
.support-head__headline{font-size:12px;line-height:15px;color:var(--support-muted)}
.support-head__phone{font-size:19px;line-height:23px;font-weight:800;color:var(--support-ink);letter-spacing:.2px}
.support-head__hours{font-size:12px;line-height:15px;color:var(--support-grey)}

/* lg a menší: jen fotka s odznakem (odkaz tel:) */
@media (max-width:1199px){
	.navbar_user .support-head{margin:-4px 8px 0 0}
	.support-head__text{display:none}
	.support-head__photo,.navbar_user .support-head .support-head__photo img,.support-head__photo img,.support-head__initial{width:40px;height:40px;flex-basis:40px}
}
/* mobil: velikost jako ostatní ikony v liště */
@media (max-width:767px){
	.navbar_user .support-head{margin:0 6px 0 0}
	.support-head__photo,.navbar_user .support-head .support-head__photo img,.support-head__photo img,.support-head__initial{width:30px;height:30px;flex-basis:30px}
	.support-head__initial{font-size:14px}
	.support-head__badge{width:14px;height:14px;right:-3px;bottom:-3px;border-width:1px}
	.support-head__badge svg{width:8px;height:8px}
}
/* úzký telefon: lišta ikon je plná (košík by vypadl z obrazovky), poradci jsou dál vidět u kategorií */
@media (max-width:575px){
	.navbar_user .support-head{display:none}
}

/* ---------- poradci u kategorie ---------- */
.support-advisors{margin:5px 0 20px;padding:14px 18px;border:1px solid #f2d6d5;border-radius:10px;background:#fffafa}
.support-advisors__title{margin:0 0 10px;font-size:15px;font-weight:700;color:var(--support-ink)}
.support-advisors__list{display:flex;flex-wrap:wrap;gap:14px 28px}
.support-advisor{display:flex;gap:12px;align-items:flex-start;flex:1 1 280px;max-width:520px}
.support-advisor .support-head__photo{flex:0 0 56px;width:56px;height:56px}
.support-advisor .support-head__photo img,.support-advisor .support-head__initial{width:56px;height:56px}
.support-advisor__body{min-width:0}
.support-advisor__name{display:block;font-weight:700;font-size:15px;line-height:19px;color:var(--support-ink)}
.support-advisor__headline{display:block;font-size:13px;line-height:17px;color:var(--support-muted)}
.support-advisor__text{margin:4px 0;font-size:13px;line-height:19px;color:#444}
.support-advisor__contacts{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:14px}
.support-advisor__contacts a{color:var(--support-ink);font-weight:700}
.support-advisor__hours{display:block;font-size:12px;line-height:16px;color:var(--support-grey);margin-top:2px}
.support-advisor__state{display:inline-flex;align-items:center;gap:5px}
.support-advisor__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--support-offline)}
.is-online .support-advisor__dot{background:var(--support-online)}