/* ================================
   GLOBAL FORM CONTAINER
   ================================ */

#df_form_container,
.df_container,
.df_form,
.page_container {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 20px;
}

/* Light gray background like your mockups */
body, html {
    background: #f3f4f6 !important;
}

/* ================================
   LOGO CENTERING
   ================================ */

.df_logo img,
#df_form_container img[alt="Meatingplace"],
#df_form_container img[alt="meatingplace"] {
    display: block !important;
    margin: 0 auto !important;
    width: 240px !important;
    max-width: 100% !important;
}

/* Logo wrapper cleanup */
.df_logo,
.header_logo,
#df_form_container .logo {
    text-align: center !important;
    width: 100% !important;
}

/* ================================
   TWO COLUMN SYSTEM
   ================================ */

.df_question {
    margin-bottom: 22px !important;
}

.df_row {
    display: flex !important;
    gap: 20px !important;
    width: 100% !important;
}

.df_row .df_question {
    flex: 1 !important;
}

/* Force 1-column on mobile */
@media (max-width: 768px) {
    .df_row {
        flex-direction: column !important;
    }
}

/* ================================
   INPUT FIELDS
   ================================ */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea {
    width: 100% !important;
    padding: 12px 15px !important;
    border-radius: 8px !important;
    border: 1px solid #d1d5db !important;
    background: white !important;
    font-size: 16px !important;
}

/* Left padding exception for phone field with flag - KB */
.iti--allow-dropdown input.iti__tel-input[type="text"] {
  padding-left: 52px !important;
}

/* Long fields like Name on Card */
.long-field input {
    max-width: 100% !important;
}

/* ================================
   RADIO BUTTONS
   ================================ */

input[type="radio"] {
    transform: scale(1.3);
    margin-right: 8px;
}

.df_radio_option {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* ================================
   RATE STYLES
   ================================ */

.drg-element-sub-type-category-8 .questionlabel,
div[id^="campaignPlaceholder"] .questionlabel{
  font-size: 18px;
  font-weight: bold;
}

/* ================================
   CREDIT CARD ICONS
   ================================ */

.credit-card-icons img {
    max-height: 36px !important;
    margin-right: 10px !important;
}

/* ================================
   SUBMIT BUTTON
   ================================ */

input[type="submit"],
button[type="submit"],
#df_form_container .submit_button {
    display: block !important;
    margin: 40px auto 0 auto !important;
    background: #c53d21 !important;
    color: white !important;
    padding: 14px 40px !important;
    border-radius: 40px !important;
    border: none !important;
    width: 280px !important;            /* ← NOT full-width */
    text-align: center !important;
    font-size: 18px !important;
    cursor: pointer;
}

input[type="submit"]:hover {
    background: #b2371d !important;
}

/* ================================
   FORM SPACING FIXES
   ================================ */

.df_question label {
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
}