/* Custom Properties */
:root {
  --blue: #08083D;
  --orange: #df615c;
}

/* Fonts */

@font-face {
  font-family: 'Mont';
  src: local('Mont Regular'), local('Mont-Regular'),
    url('../../themes/truemarket/assets/fonts/Mont-Regular.woff2') format('woff2'),
    url('../../themes/truemarket/assets/fonts/Mont-Regular.woff') format('woff');
  font-style: normal;
  font-display: swap;
}

 @font-face {
  font-family: 'Mont Bold';
  src: local('Mont Bold'), local('Mont-Bold'),
    url('../../themes/truemarket/assets/fonts/Mont-Bold.woff2') format('woff2'),
    url('../../themes/truemarket/assets/fonts/Mont-Bold.woff') format('woff');
  font-style: normal;
  font-display: swap;
}

/* General */

body.login {
  background: var(--blue);
  font-family: "Mont", system-ui, sans-serif;
  position: relative;
}

body.login::after {
  content: "Website by True Market";
  background-color: #000;
  text-align: center;
  padding: 0.5rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  color: gray;
}

body.login .message, .login .notice {
  border-left: 4px solid var(--orange);
}

/* Login box */

body.login div#login {
  width: auto;
  max-width: 530px;
  display: grid;
  place-content: center;
  padding: 2rem;
}

/* Login Form */
body.login div#login form#loginform {
  padding: 3rem;
  border-radius: 0 0 23px 23px;
  position: relative;
  overflow: visible;
}

body.login div#login form#loginform::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.5rem;
  left: -0.05rem;
  right: -0.05rem;
  height: 10px;
  background: transparent linear-gradient(90deg, #DF615C 0%, #F8985E 100%) 0% 0% no-repeat padding-box;
}

body.login label {
  font-family: "Mont Bold";
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: var(--blue);
}

body.login .forgetmenot label {
  color: var(--orange);
}

body.login form input {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
}

body.login form input[type=text],
body.login form input[type=password] {
  padding: 0.75rem;
  margin: 0;
  min-height: auto;
  font-size: 18px;
  line-height: 1;
  height: 48px;
  color: var(--blue);
}

body.login .user-pass-wrap {
  margin-block-start: 1.5rem;
  margin-block-end: 2.5rem;
}

body.login form input[type=password] {
  display: flex;
  align-items: center;
}

body.login .button.wp-hide-pw {
  height: 100%;
}

body.login input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
  border-color: var(--blue);
}

body.login .button.wp-hide-pw:focus {
  border-color: var(--orange);
  box-shadow: none;
}

body.login .wp-core-ui .button, .wp-core-ui .button-secondary {
  color: var(--orange);
}

body .login .wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus, .wp-core-ui .button:focus {
  color: var(--orange);
}

body.login .button-primary {
  background: transparent linear-gradient(90deg, #DF615C 0%, #F8985E 100%) 0% 0% no-repeat;
  border: 1px solid var(--orange);
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 16px;
  padding: 0.25rem 2.65rem !important;
  border-radius: 22px;
  border: none;
  font-family: "Mont Bold", sans-serif;
}

body.login .button-primary:hover {
  background: transparent linear-gradient(90deg, #F8985E 0%, #DF615C 100%) 0% 0% no-repeat;
}

body.login .forgetmenot input[type="checkbox"] {
  border: 1px solid var(--orange);
}

/* Login links */

body.login #nav,
body.login #backtoblog {
  text-align: center;
}

body.login #backtoblog a, body.login #nav a {
  color: #fff;
  opacity: 0.4; 
}

body.login #backtoblog a:hover, 
body.login #nav a:hover {
  color: #fff;
  opacity: 1; 
}

/* Logo styles */
body.login div#login h1 a {
  display: none; /* Hide the default WordPress logo */
}

body.login div#login::before {
  content: url('../../themes/truemarket/assets/images/wp-logo-icon.svg');
  display: block;
  padding: 2rem;
  max-width: 148px;
  width: 100%;
  margin: 0 auto;
}

/* Custom checkbox */

body.login form .forgetmenot {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-block-start: 0.8rem;
}

body.login form .forgetmenot input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  background-color: #fff;
  border: none;
  box-shadow: none;
}

input[type="checkbox"]::before {
  content: url('../../themes/truemarket/assets/images/form-checkbox-unchecked.svg');
  display: block;
}

input[type="checkbox"]:checked::before {
  content: url('../../themes/truemarket/assets/images/form-checkbox-checked.svg');
}

body.login form .forgetmenot label {
  margin: 0;
}

.admin-email__actions div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}