/* DS Urban Nest – Inquiry Widget v4 */

.dsun-inq-wrap {
    position: relative;
    padding: 100px 0;
    background: #fff;
}

.dsun-inq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.dsun-inq-wrap .sec-title { margin-bottom: 0; }

.dsun-inq-rule {
    display: block;
    width: 44px;
    height: 3px;
    background: var(--main-color);
    margin: 18px 0 22px;
}

.dsun-inq-desc { margin-bottom: 28px; }

.dsun-inq-bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.dsun-inq-bullets li {
    font-size: 15px;
    color: rgba(var(--color-two-rgb, 23,27,42), 0.75);
    padding-left: 20px;
    position: relative;
    line-height: 1.65;
}
.dsun-inq-bullets li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 7px;
    height: 7px;
    background: var(--main-color);
    border-radius: 50%;
}

.dsun-inq-contact-list { margin-top: 10px; }
.dsun-ci {
    position: absolute !important;
    left: 0 !important; top: 0 !important;
    width: 50px !important; height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50px !important;
    color: var(--main-color) !important;
    border: 1px dashed var(--main-color) !important;
    background-color: rgba(var(--main-color-rgb, 180,140,60), 0.07) !important;
    font-family: inherit !important;
}
.dsun-ci i {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 6 Free', FontAwesome !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    color: var(--main-color) !important;
}
.dsun-ci svg { width: 18px !important; height: 18px !important; color: var(--main-color) !important; fill: currentColor !important; }

/* ── FORM BOX ── */
.contact-three_form-outer.dsun-inq-form-box { margin-left: 0 !important; }
.dsun-inq-form-box h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-two);
    text-transform: uppercase;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(var(--color-two-rgb,23,27,42), 0.08);
    margin-bottom: 22px;
}

/* ══════════════════════════════════════════════
   CF7 FORM — 2 inputs per row, even spacing
   All inputs: padding 20px, no icon gap
══════════════════════════════════════════════ */

/* CF7 wrapper reset */
.dsun-inq-form-box .wpcf7-form {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
}

/* Full width items: textarea, submit, response */
.dsun-inq-form-box .wpcf7-form .full-width,
.dsun-inq-form-box .wpcf7-form br {
    display: none !important;
}
.dsun-inq-form-box .wpcf7-form .form-group.full {
    grid-column: 1 / -1 !important;
}

/* form-group base */
.dsun-inq-form-box .wpcf7-form .form-group {
    margin: 0 !important;
    padding: 0 !important;
}

/* ALL inputs, selects, textarea */
.dsun-inq-form-box .wpcf7-form input[type="text"],
.dsun-inq-form-box .wpcf7-form input[type="tel"],
.dsun-inq-form-box .wpcf7-form input[type="email"],
.dsun-inq-form-box .wpcf7-form select,
.dsun-inq-form-box .wpcf7-form textarea {
    display: block !important;
    width: 100% !important;
    height: 52px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    border: 1px solid #ebebeb !important;
    background: #fff !important;
    font-size: 15px !important;
    font-family: inherit !important;
    color: var(--color-two) !important;
    box-sizing: border-box !important;
    transition: border-color 300ms ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
}
.dsun-inq-form-box .wpcf7-form textarea {
    height: 120px !important;
    resize: none !important;
}
.dsun-inq-form-box .wpcf7-form select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    padding-right: 40px !important;
    cursor: pointer !important;
}
.dsun-inq-form-box .wpcf7-form input::placeholder,
.dsun-inq-form-box .wpcf7-form textarea::placeholder {
    color: rgba(var(--color-two-rgb,23,27,42), 0.35) !important;
}
.dsun-inq-form-box .wpcf7-form input:focus,
.dsun-inq-form-box .wpcf7-form select:focus,
.dsun-inq-form-box .wpcf7-form textarea:focus {
    border-color: var(--main-color) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Submit */
.dsun-inq-form-box .wpcf7-form .form-group.full input[type="submit"],
.dsun-inq-form-box .wpcf7-form input[type="submit"],
.dsun-inq-wrap .wpcf7-submit {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 18px 40px !important;
    border-radius: 50px !important;
    background: var(--main-color) !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 300ms ease !important;
    font-family: inherit !important;
}
.dsun-inq-form-box .wpcf7-form input[type="submit"]:hover,
.dsun-inq-wrap .wpcf7-submit:hover {
    background: var(--color-two) !important;
}

/* CF7 response */
.dsun-inq-wrap .wpcf7-response-output {
    grid-column: 1 / -1 !important;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 13px;
    border: none !important;
    margin: 0 !important;
}
.dsun-inq-wrap .wpcf7-mail-sent-ok { background: #d4edda; color: #155724; }
.dsun-inq-wrap .wpcf7-mail-sent-ng { background: #f8d7da; color: #721c24; }
.dsun-inq-wrap .wpcf7-not-valid-tip {
    font-size: 11px;
    color: #dc3545;
    margin-top: 3px;
    display: block;
}

/* Responsive */
@media (max-width: 1024px) {
    .dsun-inq-grid { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 600px) {
    .dsun-inq-wrap { padding: 60px 0; }
    .dsun-inq-form-box .wpcf7-form { grid-template-columns: 1fr !important; }
    .contact-three_form-outer.dsun-inq-form-box { padding: 28px 22px !important; }
}
