/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Description: Child theme of Twenty Twenty-Four
Author: Your Name
Template: twentytwentyfour
Version: 1.0
*/




/* ===============================
   FLUENT FORM – EMAIL SUBSCRIBE
   EXACT DESIGN WITH ICON
   =============================== */

form.fluent_form_2 {
  width: 505px !important;
  margin: 0 auto !important;
  position: relative !important;
}

/* MAIN WRAPPER */
form.fluent_form_2 .ff-t-container {
  width: 285px !important;
  height: 50px !important;
  background: #FCC74B  !important;
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
}

/* REMOVE DEFAULT COLUMN SPACING */
form.fluent_form_2 .ff-t-cell {
  margin: 0 !important;
  padding: 0 !important;
  height: 
	  !important;
  border: none !important;
}

/* INPUT COLUMN */
form.fluent_form_2 .ff-t-column-1 {
  flex: 1 !important;
  height: 100% !important;
  min-width: 0 !important;
}

/* EMAIL INPUT */
form.fluent_form_2 input[type="email"] {
  width: 100% !important;
  height: 50px !important;
  background: #3c5a84 !important;
  border: none !important;
  border-radius: 0 !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  padding: 0 20px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-family: inherit !important;
  outline: none !important;
  box-sizing: border-box !important;
  line-height: normal !important;
  margin: 0 !important;
}

/* Placeholder styling */
form.fluent_form_2 input[type="email"]::placeholder {
  color: #cfd9e6 !important;
  opacity: 1 !important;
  font-size: 15px !important;
}

/* BUTTON COLUMN */
form.fluent_form_2 .ff-t-column-2 {
  flex: 0 0 auto !important;
  height: 100% !important;
  width: auto !important;
}

/* SUBMIT BUTTON WITH ICON - Target all button classes */
/* ===============================
   SUBMIT BUTTON – LOCKED STATE
   =============================== */

form.fluent_form_2 .ff-btn-submit {
  width: 54px !important;
  height: 50px !important;
  background: #FCC74B !important;
  border: none !important;
  border-radius: 0 8px 8px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* Hide ALL text / internal elements */
form.fluent_form_2 .ff-btn-submit *,
form.fluent_form_2 .ff-btn-submit span,
form.fluent_form_2 .ff-btn-submit svg,
form.fluent_form_2 .ff-btn-submit .ff_btn_text,
form.fluent_form_2 .ff-btn-submit .ff_loading_icon {
  display: none !important;
  opacity: 0 !important;
}

/* ICON – ALWAYS CENTERED */
form.fluent_form_2 .ff-btn-submit::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 20px !important;
  height: 20px !important;
  background-image: url("https://18u.0f4.myftpupload.com/wp-content/uploads/2026/01/submiticon.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* ===============================
   PREVENT STATE CHANGE ON CLICK
   =============================== */

form.fluent_form_2 .ff-btn-submit.ff_loading,
form.fluent_form_2 .ff-btn-submit[disabled],
form.fluent_form_2 .ff-btn-submit:disabled {
  width: 54px !important;
  height: 50px !important;
  background: #FCC74B !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Remove hover / focus movement */
form.fluent_form_2 .ff-btn-submit:hover,
form.fluent_form_2 .ff-btn-submit:focus,
form.fluent_form_2 .ff-btn-submit:active {
  background: #FCC74B !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Button wrapper fix */
form.fluent_form_2 .ff_submit_btn_wrapper {
  margin: 0 !important;
  padding: 0 !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
}

/* Mobile safe */
@media (max-width: 600px) {
  form.fluent_form_2 .ff-btn-submit {
    width: 54px !important;
  }
}


/* title remove  by sandy */
.wp-block-group.is-layout-constrained {
    display: none !important;
}

html, body {
  overflow-x: hidden !important;
}