/* ===========================================================
   MIKEWIERNICKI.COM — CLEANED CUSTOM CSS (Sept 2026, v6 — search form made transparent so pill corners show)
   Consolidated from the old Additional CSS. Sections below.
   Old rules targeting .main-navigation ul.menu / .site-header
   .menu were removed — the Suits theme uses .nav-menu, so
   those never matched. Button/search/menu live styling also
   comes from Simple Custom CSS and JS blocks.
   =========================================================== */


/* ============ BRAND VARIABLES ============ */

/* Override theme color variables to use your brand aqua */
:root {
  --wp--preset--color--primary: #68c3c7 !important;
  --global--color-primary: #68c3c7 !important;
}


/* ============ UTILITY ============ */

.remove-bottom-space-0 {
	margin-bottom: 0;
}


/* ============ GLOBAL TEXT WEIGHT ============ */

/* Force bold even if the theme uses a font variable */
body, button, input, select, textarea, #navbar a, #site-navigation a {
  font-variation-settings: "wght" 700 !important;
  font-weight: 700 !important;
}


/* ============ ANIMATIONS ============ */
@keyframes gentle-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(233, 109, 91, 0);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 6px 2px rgba(233, 109, 91, 0.4);
    transform: scale(1.03);
  }
}

/* ============ NEWSLETTER MENU BUTTON ============ */
/* Coral subscribe button, sized to fit inside the navy menu bar.
   Hover is a quiet color shift — no scaling, no glow, no movement. */

/* The button itself */
#site-navigation .menu-item-47327 > a,
#menu-item-47327 > a {
  background: none !important;
  background-color: #e96d5b !important;   /* Coral */
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 6px 16px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  transform: none !important;
  transition: background-color 0.25s ease !important;
  animation: gentle-pulse 4s ease-in-out infinite !important;
  box-shadow: none !important;
}

/* Remove any theme overlay or pseudo-element */
#site-navigation .menu-item-47327 > a::before,
#menu-item-47327 > a::before,
#menu-item-47327::before {
  content: none !important;
  background: none !important;
}

/* The menu item wrapper: normal flow, vertically centered, no halo */
#site-navigation li.menu-item-47327.menu-button,
#menu-item-47327 {
  background: none !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hover: lighter coral + soft shadow only */
#site-navigation .menu-item-47327 > a:hover,
#menu-item-47327 > a:hover {
  background-color: #f07f6d !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: 0 2px 6px rgba(233, 109, 91, 0.45) !important;
}

#site-navigation li.menu-item-47327.menu-button:hover,
#menu-item-47327:hover {
  background: none !important;
  transform: none !important;
}


/* ============ SEARCH BUTTON & FIELD ============ */

/* Base styling for the search button inside the navbar */
#navbar .search-form input.search-submit {
  background-color: #68c3c7 !important;  /* aqua, which you already liked */
  color: #0a2d49 !important;             /* navy text/icon */
  border: none !important;
  padding: 0.3rem 0.8rem;
  cursor: pointer;
}

/* On hover: switch to coral so it's very obvious */
#navbar .search-form input.search-submit:hover {
  background-color: #E96D5B !important;  /* coral */
  color: #ffffff !important;             /* white text/icon */
}

/* Make the search button clearly aqua by default */
#navbar form.search-form input.search-submit,
#navbar .search-form button.search-submit {
  background-color: #68c3c7 !important;   /* aqua */
  color: #0a2d49 !important;              /* navy icon/text */
  border: none !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
  transition: all 0.4s ease !important;
}

/* Force coral on hover, regardless of theme styles */
#navbar form.search-form input.search-submit:hover,
#navbar .search-form button.search-submit:hover {
  background-color: #E96D5B !important;   /* coral hover */
  color: #ffffff !important;              /* white icon/text */
  fill: #ffffff !important;               /* if icon is SVG */
  filter: brightness(1.1) !important;     /* subtle glow */
}

/* Default search field appearance */
/* The JS snippet in Simple Custom CSS paints this form square aqua, which
   backs the rounded input with sharp corners. Outrank it: */
#navbar #site-navigation .search-form {
  background-color: transparent !important;
  border: none !important;
}

/* Center the search box vertically in the menu bar */
#navbar .search-form {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

#navbar .search-form input.search-field {
  background-color: #68c3c7 !important;   /* Aqua default */
  color: #0a2d49 !important;              /* Navy text */
  border: none !important;
  border-radius: 999px !important;       /* fully rounded, matches the subscribe button */
  padding: 0 0 0 42px !important;        /* 42px left = room for the theme's magnifier icon */
  transition: width 0.2s ease, background-color 0.4s ease, color 0.4s ease;
}

/* Hover and focus state */
#navbar .search-form input.search-field:hover,
#navbar .search-form input.search-field:focus {
  background-color: #E96D5B !important;   /* Coral on hover/focus */
  color: #ffffff !important;              /* White text for contrast */
  outline: none !important;
}

/* Default magnifying glass (submit button) */
#navbar .search-form input.search-submit {
  background-color: #68c3c7 !important;  /* Aqua default */
  color: #0a2d49 !important;             /* Navy text/icon */
  border: none !important;
  border-radius: 4px !important;
  padding: 6px 12px !important;
  transition: all 0.4s ease !important;
  cursor: pointer !important;
}

/* Hover/focus for coral accent */
#navbar .search-form input.search-submit:hover,
#navbar .search-form input.search-submit:focus {
  background-color: #E96D5B !important;  /* Coral hover */
  color: #ffffff !important;
  outline: none !important;
}

/* If the icon is injected as SVG or font, force its color change */
#navbar .search-form input.search-submit svg,
#navbar .search-form input.search-submit::before,
#navbar .search-form input.search-submit::after {
  fill: currentColor !important;
  color: currentColor !important;
  transition: color 0.4s ease, fill 0.4s ease !important;
}


/* ============ MAILCHIMP EMBED FORM (HOME PAGE) ============ */

/* --- Force readable fonts in Mailchimp embed (public site override) --- */
body #mc_embed_shell #mc_embed_signup,
body #mc_embed_shell #mc_embed_signup * {
  font-family: inherit !important;
}

/* Labels */
body #mc_embed_shell #mc_embed_signup label {
  font: inherit !important;           /* beats Mailchimp's font shorthand */
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

/* Field input text */
body #mc_embed_shell #mc_embed_signup input[type="text"],
body #mc_embed_shell #mc_embed_signup input[type="email"] {
  font: inherit !important;           /* beats Mailchimp's font shorthand */
  font-size: 18px !important;
  line-height: 1.3 !important;
}

/* Button text */
body #mc_embed_shell #mc_embed_signup input[type="submit"],
body #mc_embed_shell #mc_embed_signup #mc-embedded-subscribe {
  font: inherit !important;           /* beats Mailchimp's font shorthand */
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
}

/* Required line + your privacy line */
body #mc_embed_shell #mc_embed_signup .indicates-required,
body #mc_embed_shell .newsletter-privacy {
  font: inherit !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}


/* ============ STUDENTS NOTICED! CF7 FORM ============ */

/* ---- Students Noticed! form (CF7) — brand styles ---- */
.wpcf7 { font-family: 'Lato', sans-serif; font-size: 18px; line-height: 1.6; color: #0a2d49; }

.wpcf7 .form-note { font-size: 15px; color: #68c3c7; margin-bottom: 1.25em; }

.wpcf7 .req { color: #e96d5b; }

.wpcf7 label { display: block; font-weight: 600; font-size: 18px; color: #0a2d49; margin-bottom: 4px; }

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 select,
.wpcf7 textarea {
    width: 100%; max-width: 640px; padding: 12px 14px;
    font-family: 'Lato', sans-serif; font-size: 18px; color: #0a2d49;
    background-color: #fff; border: 1px solid #0a2d49; border-radius: 8px;
    margin-bottom: 1em;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
    outline: none; border-color: #68c3c7;
    box-shadow: 0 0 0 3px rgba(104, 195, 199, 0.25);
}

.wpcf7 .wpcf7-acceptance label,
.wpcf7 .wpcf7-checkbox label {
    font-weight: 400; font-size: 16px;
    display: flex; align-items: flex-start; gap: 10px;
}

.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
    width: 20px; height: 20px; flex: 0 0 20px;
    accent-color: #68c3c7; margin-top: 3px;
}

.wpcf7 input[type="file"] { font-size: 16px; margin-bottom: 1em; }

.privacy-warning {
    background-color: #fffbf1; border-left: 4px solid #e96d5b;
    padding: 14px 18px; border-radius: 6px; font-size: 16px; margin: 1.25em 0;
}

.wpcf7 input[type="submit"] {
    font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 600;
    letter-spacing: 0.03em; text-transform: uppercase;
    color: #fffbf1; background-color: #0a2d49;
    border: none; border-radius: 8px; padding: 14px 32px; cursor: pointer;
    transition: background-color 0.2s ease;
}

.wpcf7 input[type="submit"]:hover { background-color: #68c3c7; color: #0a2d49; }

.wpcf7-not-valid-tip { font-size: 15px; color: #e96d5b; }

.wpcf7-response-output { font-size: 16px; border-radius: 6px; padding: 12px 16px; }

.wpcf7-response-output.wpcf7-validation-errors { border: 1px solid #e96d5b; color: #e96d5b; background: #fff8f6; }

.wpcf7-response-output.wpcf7-mail-sent-ok { border: 1px solid #6bbf59; color: #2e6b25; background: #f6fbf4; }

.wpcf7 .permission-group { font-size: 16px; margin-bottom: 0.75em; }

.wpcf7 .wpcf7-radio label {
    font-weight: 400; font-size: 16px;
    display: flex; align-items: flex-start; gap: 10px; margin-bottom: 4px;
}

.wpcf7 .wpcf7-radio input[type="radio"] {
    width: 20px; height: 20px; flex: 0 0 20px;
    accent-color: #68c3c7; margin-top: 4px;
}

/* --- MC4WP newsletter opt-in checkbox (fixes small box + spacing) --- */
.wpcf7 .mc4wp-checkbox { display: block; margin-bottom: 0.75em; }
.wpcf7 .mc4wp-checkbox label {
    font-weight: 400;
    font-size: 16px;
    display: flex; align-items: flex-start; gap: 10px;
}
.wpcf7 .mc4wp-checkbox input[type="checkbox"] {
    width: 20px; height: 20px; flex: 0 0 20px;
    accent-color: #68c3c7; margin: 3px 0 0 0;
}
.wpcf7 .mc4wp-checkbox span { font-size: 16px; }