/************************************
   COMPACT MODERN CONTACT FORM
   (Half-size, elegant layout)
************************************/

/* --- Form container (half size) --- */
.wpforms-form {
    background: #ffffff;
    padding: 25px;                 /* Reduced from 45px */
    border-radius: 12px;
    max-width: 500px;              /* Reduced from 850px */
    margin: 40px auto;
    border: 1px solid #e6e6e6;
    box-shadow: 0 6px 25px rgba(0,0,0,0.05);
}

/* --- Labels --- */
.wpforms-field-label {
    color: #222222;
    font-size: 14px;               /* Smaller */
    font-weight: 600;
    margin-bottom: 6px;
}

/* --- Sublabels --- */
.wpforms-field-sublabel {
    font-size: 12px;
    color: #777777;
}

/* --- Reset WPForms defaults --- */
.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
    all: unset;
    display: block;
    box-sizing: border-box;
    width: 100%;
}

/* --- Inputs & Textareas (compact) --- */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form textarea,
.wpforms-form select {
    background: #fafafa;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    padding: 10px 12px;            /* Smaller padding */
    font-size: 14px;               /* Smaller text */
    color: #222;
    transition: 0.25s ease;
}

/* --- Focus effects --- */
.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus {
    background: #ffffff;
    border-color: #3388ff;
    box-shadow: 0 0 0 2px rgba(51,136,255,0.15);
    outline: none;
}

/* --- Submit Button (compact) --- */
.wpforms-submit {
    background: #3388ff;
    color: #ffffff;
    padding: 12px;                 /* Reduced from 16px */
    width: 100%;
    border: none;
    border-radius: 8px;
    font-size: 15px;               /* Reduced from 17px */
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
    margin-top: 8px;
}

.wpforms-submit:hover {
    background: #1f6fe0;
}

/* --- Field spacing (compact) --- */
.wpforms-field {
    margin-bottom: 18px !important; /* Reduced from 25px */
}

/* --- Placeholder styling --- */
::placeholder {
    color: #aaaaaa;
}

/***********************************************
  TWO-COLUMN & MULTI-COLUMN LAYOUT FIX (WPForms)
***********************************************/
.wpforms-one-half,
.wpforms-two-thirds,
.wpforms-one-third {
    padding-right: 10px;           /* Reduced from 15px */
    box-sizing: border-box;
}

@media (max-width: 600px) {
    .wpforms-one-half,
    .wpforms-two-thirds,
    .wpforms-one-third {
        width: 100% !important;
        padding-right: 0 !important;
    }
}

/***********************************************
  CONFIRMATION MESSAGE STYLE
***********************************************/
.wpforms-confirmation-container-full {
    background: #ffffff !important;
    border: 1px solid #e6e6e6 !important;
    padding: 18px 20px !important;  /* Reduced */
    border-radius: 8px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.05);
}

.wpforms-confirmation-container-full p {
    color: #222222 !important;
    font-size: 15px !important;     /* Reduced */
    font-weight: 500;
    margin: 0;
}