/* © 2025 Simon (“Mr P”) – Get Me Branded. All Rights Reserved. */
/* Styling for the Postcode search lookup box */

/* ----------------------------------------------------------
   Postcode message box container
   Hidden visually when empty, styled when text exists
----------------------------------------------------------- */
#locovo_postcode_msg {
  font-size: 20px;                 /* Set message font size */
  max-width: 100%;                 /* Prevent overflow */
  margin-top: 12px;                /* Space above message */
  border: 2px solid transparent;   /* Reserve border space */
  border-radius: 10px;             /* Rounded corners */
  padding: 0;                      /* No padding when empty */
  display: none;                   /* Hidden by default */
}

.elementor-kit-13 .locovo-postcode-wrapper,
.elementor-kit-13 #locovo_postcode_msg.has-message,
.elementor-kit-13 #locovo_postcode_btn,
.elementor-kit-13 .locovo-postcode-wrapper input {
  font-family: 'DM Sans', Arial, sans-serif;
}



#locovo_postcode_msg.has-message {
  display: block;
  padding: 12px 16px;
  border-color: #ffd400;
}

/* ----------------------------------------------------------
   Postcode input field
----------------------------------------------------------- */
#locovo_postcode {
	border-radius: 10px;             /* Rounded corners */
}

/* ----------------------------------------------------------
   Wrapper styling
----------------------------------------------------------- */
.locovo-postcode-box {
  display: flex;
  gap: 12px;
}

@media (max-width: 1023px) {
  .locovo-postcode-box {
    flex-direction: column;
  }
}


/* ----------------------------------------------------------
   Button styling
----------------------------------------------------------- */
#locovo_postcode_btn {
	background: #ffd400;             /* Yellow button */
	color: #000;                     /* Black text */
	border: none;                    /* Remove default border */
	border-radius: 10px;             /* Rounded corners */
	padding: 20px 40px;              /* Clickable padding */
	cursor: pointer;                 /* Pointer cursor */
}

/* ----------------------------------------------------------
   Focus styles – remove browser defaults
----------------------------------------------------------- */
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	border: 1px solid #ffd400;       /* Yellow focus border */
	outline: none;                   /* Remove browser outline */
	box-shadow: none;                /* Remove glow */
}

/* Stronger focus style for postcode input only */
.locovo-postcode-box #locovo_postcode:focus {
	border: 3px solid #ffd400 !important; /* Thick yellow border */
	outline: none !important;
	box-shadow: none !important;
}