/* ============================================================
   site-fixes.css — small fixes on top of style.css / bootstrap.min.css,
   loaded last by includes/header.php.
   ============================================================ */

/* Phones: style.css caps the logo at 80px (meant for an old square logo),
   which shrinks the 774x90 banner logo to ~6px tall. Let it use the full width. */
@media (max-width: 767px) {
  .logowrap { float: none; width: 100%; padding: 8px 0 0; }
  .logowrap img { max-width: 100% !important; width: 100%; }
}

/* Vadhu-Var Melava page: register / login call-to-action */
.vv-cta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; background: #fff7ef; border-left: 4px solid #f58220; padding: 14px 16px; margin: 20px 0; }
.vv-cta-text { flex: 1 1 300px; font-size: 15px; color: #051b44; }
.vv-cta .vv-cta-btn { background: #f58220; border: 1px solid #f58220; color: #fff; font-size: 15px; font-weight: 700; padding: 7px 22px; margin: 0; border-radius: 4px; }
.vv-cta .vv-cta-btn:hover { background: #d96a0d; color: #fff; }
.vv-cta .vv-cta-outline { background: #fff; color: #051b44; border-color: #051b44; }
.vv-cta .vv-cta-outline:hover { background: #051b44; color: #fff; }

/* Header top-right: Vadhu-Var register / login links next to the social icons */
.vv-toplinks { display: inline-block; vertical-align: middle; margin: 25px 10px 0 0; font-family: 'Lato', Arial, sans-serif; font-size: 14px; color: #051b44; }
.vv-toplinks span { font-weight: 700; margin-right: 4px; }
.vv-toplinks a { display: inline-block; padding: 4px 12px; border-radius: 3px; font-weight: 700; color: #fff; background: #f58220; text-decoration: none; margin-left: 4px; }
.vv-toplinks a + a { background: #051b44; }
.vv-toplinks a:hover, .vv-toplinks a:focus { opacity: .9; color: #fff; text-decoration: none; }
.socialicon { display: inline-block; vertical-align: middle; width: auto; }
@media (max-width: 767px) {
  .vv-toplinks { display: block; text-align: center; margin: 6px 0; }
}


/* Welcome bar at the very top for visitors who are not logged in (includes/header.php) */
.vv-welcome-bar { background: #051b44; color: #fff; font-family: 'Lato', Arial, sans-serif; font-size: 14px; line-height: 1.4;
  padding: 7px 0; border-bottom: 2px solid #f58220; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.vv-welcome-bar .container { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vv-welcome-bar a { color: #f8b26a; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; padding: 0 2px; }
.vv-welcome-bar a:hover, .vv-welcome-bar a:focus { color: #fff; }
@media (max-width: 575px) {
  /* keep it on one line on phones: drop the greeting, keep the action */
  .vv-welcome-bar { font-size: 13px; padding: 6px 0; }
  .vv-welcome-lead { display: none; }
}