/* Contact Scotland BSL Custom Branding */

:root {
  /* Contact Scotland BSL Brand Colors */
  --contactscotland-primary: #843fa8;      /* Purple */
  --contactscotland-secondary: #249cd9;    /* Blue */
  --contactscotland-accent: #843fa8;       /* Purple (same as primary) */
  --contactscotland-dark: #5a2b75;         /* Darker Purple */
  --contactscotland-light: #e8f4fc;        /* Light Blue */
}

/* Override primary colors for Contact Scotland BSL pages */
body {
  --primary-color: var(--contactscotland-primary);
  --secondary-color: var(--contactscotland-secondary);
}

/* Header customization */
.banner-container {
  background: white;
}

/* Contact Scotland BSL Logo Styling */
.logo-contactscotland {
  height: 80%;
  max-height: 120px;
  width: auto;
  object-fit: contain;
  transition: max-height 0.3s ease;
}

.logo-contactscotland-mobile {
  display: none;
}

/* Desktop logo sizing */
.desktop .logo-contactscotland {
  max-height: 100px;
  height: auto;
}

.desktop .banner-container {
  height: 140px;
  padding: 15px 0;
}

/* Phone styling */
.phone .logo-contactscotland {
  display: none;
}

.phone .logo-contactscotland-mobile {
  display: block;
  max-height: 45px;
}

.phone .banner-container {
  height: 60px;
  padding: 0.25em 0;
}

/* Tablet styling */
.tablet .logo-contactscotland {
  max-height: 80px;
}

/* Divider colors */
.divider .segment1 {
  background-color: var(--contactscotland-primary);
}

.divider .segment2 {
  background-color: var(--contactscotland-secondary);
}

.divider .segment3 {
  background-color: var(--contactscotland-primary);
}

/* Button styling */
#connectButton,
.end-call-button {
  background-color: var(--contactscotland-primary);
  border-color: var(--contactscotland-primary);
}

#connectButton:hover,
.end-call-button:hover {
  background-color: var(--contactscotland-dark);
  border-color: var(--contactscotland-dark);
}

/* Footer help button */
.footer-help-button {
  background-color: var(--contactscotland-primary);
  color: white;
  border: 2px solid var(--contactscotland-primary);
}

.footer-help-button:hover {
  background-color: var(--contactscotland-dark);
  color: white;
  border-color: var(--contactscotland-dark);
}

/* Search container and options */
.search-container input:focus {
  border-color: var(--contactscotland-primary);
  box-shadow: 0 0 0 0.2rem rgba(132, 63, 168, 0.25);
}

.option:hover {
  background-color: var(--contactscotland-light);
  color: var(--contactscotland-dark);
}

/* Links */
a {
  color: var(--contactscotland-primary);
}

a:hover {
  color: var(--contactscotland-secondary);
}

/* Waiting page timer */
.waiting-timer {
  color: var(--contactscotland-dark);
  font-weight: 600;
}

/* Form inputs focus state */
input[type="text"]:focus,
input[type="email"]:focus {
  border-color: var(--contactscotland-primary);
  box-shadow: 0 0 0 0.2rem rgba(132, 63, 168, 0.15);
}

/* Custom branding accent for important elements */
.waiting-message {
  border-left: 4px solid var(--contactscotland-accent);
  padding-left: 15px;
}

/* Footer background for WCAG compliance */
footer {
  background-color: #f8f9fa !important; /* Light gray background for contrast with purple elements */
}

footer .footer-container {
  background-color: transparent;
}

/* Footer text colors for better contrast */
footer .footer-copyright,
footer .footer-links-title {
  color: #212529; /* Dark text on light background */
}

footer .footer-link {
  color: var(--contactscotland-primary); /* Purple links */
}

footer .footer-link:hover {
  color: var(--contactscotland-dark); /* Darker purple on hover */
}

/* Disclaimer notice styling moved to styles.css for shared use */