/* chrome-v9c.css - deploy-links-v9c.php (staging build.3by400.com)
 * Simplified logo (leaves + 3by400 + "WEBSITES THAT WORK"): header 213x40 desktop / 176x33 mobile,
 * footer 190x36 desktop / 176x33 when the footer stacks (< 960px). Image files are 2x exports.
 * Loaded by a <link> in module #392 right after chrome-v9b.css, so these rules win over the chrome-v9b logo widths.
 * The px widths are filled in by the deploy script (constants LOGO_FILES / LOGO_FOOT_MOB). */
html body .tm-header .uk-logo img { width: 213px !important; max-width: 213px !important; height: auto !important; }
html body .tm-header-mobile .uk-logo img { width: 176px !important; max-width: 176px !important; height: auto !important; }
html body footer .tb4-foot-logo img { width: 190px !important; max-width: 190px !important; height: auto !important; }
@media (max-width: 959px) {
  html body footer .tb4-foot-logo img { width: 176px !important; max-width: 176px !important; }
}

/* ===== deploy-guest-track-off-v1: core com_users login field icons (/my-profile?view=login, /component/users/login) =====
   Same user / lock line icons as the support login card, as SVG background images inside #username / #password of
   Joomla's .com-users-login__form (Joomla prints no field icons there). No markup change. From Mockup Bot's
   deploy-login-icons-v1 part B (Bridgette approved, 2026-09-28). */
.com-users-login__form #username,
.com-users-login__form #password {
  padding-left: 44px !important;
  background-repeat: no-repeat !important; background-position: 14px 50% !important; background-size: 20px 20px !important;
}
.com-users-login__form #username { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c5856' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") !important; }
.com-users-login__form #password { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c5856' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") !important; }
/* ===== end deploy-guest-track-off-v1 ===== */
