@charset "UTF-8";

/* ===========================================================
   UU ADMIN THEME - custom overrides (login page branding, etc.)
   Loaded in addition to the unmodified core sea_green.css
   =========================================================== */

/* ===========================
   LIMESURVEY ADMIN LOGIN THEME
   UU Admin Theme (Sea Green)
   ============================ */

/* Replace the default LimeSurvey login logo with the UU logo */
.logo-alt-1 {
  background: url('../images/logo-white.jpg') no-repeat center;
  background-size: contain;
}

/* Hide DB authentication form (unless revealed via the "show login form" toggle button) */
body:not(.show-login-form) .login-form-db,
body:not(.show-login-form) .login-form-db .form-group {
  display: none;
}

/* Hide local database login inputs (unless revealed via the "show login form" toggle button) */
body:not(.show-login-form) .login .login-content-form .form-group:has(#user),
body:not(.show-login-form) .login .login-content-form .form-group:has(#password) {
  display: none;
}

/* The username/password fields are rendered as bare <span><label>...</label><input></span>
   pairs (not wrapped in .form-group), so hide those spans (and their labels) directly,
   unless revealed via the "show login form" toggle button */
body:not(.show-login-form) span:has(> label[for="user"]),
body:not(.show-login-form) span:has(> label[for="password"]),
body:not(.show-login-form) label[for="user"],
body:not(.show-login-form) label[for="password"],
body:not(.show-login-form) #user,
body:not(.show-login-form) #password {
  display: none;
}

/* Hide the language selector on the login form */
#language-selector {
  display: none;
}

/* Hide the "Forgot your password?" link, unless the local login form is revealed */
body:not(.show-login-form) a[href*="forgotpassword"] {
  display: none;
}

/* Hide the local submit button, unless the local login form is revealed */
body:not(.show-login-form) .login .login-submit button[type="submit"] {
  display: none;
}

/* ===========================
   "SHOW LOGIN FORM" TOGGLE BUTTON
   Small button, bottom right, reveals the hidden local
   username/password login form for admins who need it.
   ============================ */
.uu-show-login-toggle {
  position: fixed;
  right: 16px;
  bottom: 15px;
  z-index: 1000;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #328637;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #328637;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}

.uu-show-login-toggle:hover {
  background-color: #328637;
  color: #ffffff;
}

/* ===========================
   COMPLIANCE FOOTER (responsible disclosure / privacy links)
   Injected via uuadmin.js. Fixed to the bottom of the viewport
   so it is always visible without needing to scroll.
   ============================ */
.uu-login-compliance-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  padding: 6px 0;
}

.uu-login-compliance-footer .row > div {
  margin-bottom: 2px;
}

.uu-login-compliance-footer a {
  color: #328637;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.uu-login-compliance-footer a:hover {
  color: #1e4d2b;
  text-decoration: underline;
}

/* Ensure SurfConext button is visible */
.login-form-sso,
.btn-saml,
.saml-login-button,
[data-saml-button] {
  display: block !important;
  visibility: visible !important;
}

/* ===========================
   UU BRANDING & STYLING
   ============================ */

/* Main login container */
body.login {
  background: linear-gradient(135deg, #328637 0%, #1e4d2b 100%);
  background-attachment: fixed;
}

/* Login panel styling */
.login .login-container,
.login .login-wrapper {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

/* Login header with UU branding */
.login .login-header {
  background-color: #328637;
  color: white;
  padding: 30px 20px;
  text-align: center;
  border-radius: 8px 8px 0 0;
}

.login .login-header h1,
.login .login-header h2 {
  color: white;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 10px 0;
  letter-spacing: -0.5px;
}

.login .login-header p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  margin: 0;
}

/* UU Logo styling */
.login .login-logo,
.login .login-logo img,
.login .brand-logo,
.login .brand-logo img {
  max-width: 180px;
  height: auto;
  margin: 20px auto;
  display: block;
}

/* Set UU-FSW specific logo */
.login .login-logo img[src*="logo"],
.login .brand-logo {
  background-image: url('../images/UU-FSW.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Content section */
.login .login-content {
  padding: 40px 30px;
}

/* SurfConext button prominent styling */
.login-form-sso .btn-saml,
.login-form-sso button.saml-login-button,
.saml-button,
.btn-saml:not([style*="display: none"]) {
  background-color: #328637;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  margin: 15px 0;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(50, 134, 55, 0.25);
}

.login-form-sso .btn-saml:hover,
.login-form-sso button.saml-login-button:hover,
.saml-button:hover,
.btn-saml:hover:not([style*="display: none"]) {
  background-color: #1e4d2b;
  box-shadow: 0 4px 15px rgba(50, 134, 55, 0.35);
  transform: translateY(-2px);
}

.login-form-sso .btn-saml:active {
  transform: translateY(0);
}

/* Form styling */
.login .login-content-form .form-group {
  margin-bottom: 20px;
}

.login .login-content-form label {
  font-weight: 600;
  color: #333333;
  margin-bottom: 8px;
  display: block;
  font-size: 14px;
}

.login .login-content-form input[type="text"],
.login .login-content-form input[type="password"],
.login .login-content-form input[type="email"],
.login .login-content-form select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.3s ease;
  background-color: #ffffff;
}

.login .login-content-form input:focus,
.login .login-content-form select:focus {
  outline: none;
  border-color: #328637;
  box-shadow: 0 0 0 3px rgba(50, 134, 55, 0.1);
}

/* Links styling */
.login a {
  color: #328637;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.login a:hover {
  color: #1e4d2b;
  text-decoration: underline;
}

/* Footer/Info text */
.login .login-footer,
.login .login-info {
  text-align: center;
  font-size: 12px;
  color: #666666;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

/* Responsive design */
@media (max-width: 768px) {
  .login .login-container {
    margin: 20px;
    padding: 20px;
  }

  .login .login-content {
    padding: 20px 15px;
  }

  .login .login-header {
    padding: 20px 15px;
  }

  .login .login-header h1,
  .login .login-header h2 {
    font-size: 24px;
  }
}

/* ===========================
   UU LOGIN SIDEBAR (left panel)
   Restyles:
   <div class="sidebar-l col-12 col-xl-4 order-md-first">
     <div class="box-left">
       <div class="logo"><a class="logo-alt-1" href="/">&nbsp;</a></div>
       <div class="box-pattern">
         <div class="decor-1">&nbsp;</div>
         <div class="decor-2">&nbsp;</div>
       </div>
     </div>
   </div>
   ============================ */

/* Sidebar background: UU yellow instead of core's dark grey */
.login .sidebar-l {
  background: #FFCD00;
}

/* Center the UU logo a little larger and give it some lift off the background */
.login .sidebar-l .box-left .logo {
  scale: 95%;
}

.login .sidebar-l .box-left .logo .logo-alt-1 {
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.3));
}

/* Remove LimeSurvey's default decorative shapes entirely */
.login .sidebar-l .box-left .box-pattern {
  display: none;
}

/* RTL support note: see sea_green-rtl.css for right-to-left adjustments */