/* Platinum Pets Transport custom overrides (loaded after custom.css) */

/* Logo badge, matching the design reference: logo inside a white rounded card */
.navbar-brand{
  background:#ffffff;
  padding:16px 30px;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  display:inline-flex;
  align-items:center;
  line-height:0;
}
.navbar-brand img{
  width:180px;      /* overrides the inline width="200" */
  height:auto;
}

@media (max-width:768px){
  .navbar-brand{ padding:12px 20px; }
  .navbar-brand img{ width:150px; }
}

/* ---- Focus states ----
   No glow rings anywhere: inputs take a border colour on focus, buttons take a
   background change. Form fields use a 6px radius; the theme's pill-shaped CTA
   buttons are left as the design intends. */
input:focus,
textarea:focus,
select:focus,
.form-control:focus{
  outline: none;
  box-shadow: none;
  border-color: var(--primary-color);
}
button:focus,
button:focus-visible,
a:focus,
a:focus-visible,
.btn-default:focus,
.newsletter-btn:focus{
  outline: none;
  box-shadow: none;
}
/* Keyboard focus has to be visible: the rules above strip the browser default
   from every link and button, and brightness alone is a colour-only cue that
   disappears on a dark or busy background. :focus-visible means a mouse click
   still looks clean. */
button:focus-visible,
a:focus-visible,
.btn-default:focus-visible,
.newsletter-btn:focus-visible{
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
button:focus-visible{
  filter: brightness(0.94);
}
/* The theme sets 10px on its own form selectors, which are more specific than
   a bare element rule, hence !important here. This file exists to override the
   purchased theme, and the scope is deliberately limited to form controls. */
input,
textarea,
select,
.form-control,
.form-group input,
.form-group textarea,
.contact-form input,
.contact-form textarea{
  border-radius: 6px !important;
}
input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-group input:focus,
.form-group textarea:focus,
.contact-form input:focus,
.contact-form textarea:focus{
  border-color: var(--primary-color) !important;
  box-shadow: none !important;
  outline: none !important;
}