/**
 * Somnath form pages – COLORS & FONTS ONLY
 * Layout / card size / placement = template inline CSS (unchanged)
 * Bilva Pooja + Yajman registration
 */

:root {
    --st-blue: #1e487e;
    --st-orange: #ff6e43;
    --st-gold: #ffd560;
    --st-white: #ffffff;
    --st-card-bg: #ffffff;
    --st-text: #333333;
    --st-border: #d8e2ef;
    --st-font-body: "DM Sans", sans-serif;
    --st-font-heading: "Playfair Display", serif;
}

/* ── Scroll fix only (template margin-right:130px causes horizontal scroll) ── */
body:has(.yajman-details-main),
body:has(.parentRow) {
    overflow-x: hidden !important;
}

#maincontain {
    margin-right: 0 !important;
}

/* ── Page background: project white ── */
section[style*="753422"],
section:has(.yajman-details-main),
.container-fluid.mt-4[style*="753422"],
.container-fluid.mt-4[style*="background-color"] {
    background: var(--st-white) !important;
}

/* ── Card colors (size/border-radius/shadow/margin = template) ── */
.formcontain,
#formcontain0,
.yajman-details-main .text-left,
.parentRow {
    background-color: var(--st-card-bg) !important;
    border-color: var(--st-blue) !important;
}

/* ── Card headers: brown → project blue ── */
.yajman-details-main .text-left h2,
.english-lag > h4,
.english-lag h4 {
    background: var(--st-blue) !important;
    color: #fff !important;
    font-family: var(--st-font-heading) !important;
}

/* ── Typography ── */
.yajman-details-main,
.parentRow,
.formcontain,
#formcontain0 {
    font-family: var(--st-font-body);
    color: var(--st-text);
}

label,
.form-floating > label {
    color: var(--st-blue) !important;
    font-family: var(--st-font-body) !important;
}

.parentRow h4.font-weight-bold,
.parentRow h4[style*="753522"],
.Bilva-text h2 {
    color: var(--st-blue) !important;
    font-family: var(--st-font-heading) !important;
}

/* ── Inputs: colors only ── */
.formcontain .form-control,
.formcontain .form-select,
#formcontain0 .form-control,
#formcontain0 .form-select,
.parentRow .form-control,
.custom-input-group .form-control,
.custom-input-group .input-group-text {
    font-family: var(--st-font-body) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--st-orange) !important;
    box-shadow: 0 0 0 0.15rem rgba(255, 110, 67, 0.2) !important;
}

.form-control:disabled,
.form-control[readonly] {
    background: #eef3f9 !important;
    color: var(--st-blue) !important;
}

/* ── Radio: project colors, same size as template ── */
.radiobtn label {
    background: #eef4fb !important;
    border-color: var(--st-border) !important;
    color: var(--st-text) !important;
}

.radiobtn label::after {
    background: #fff !important;
    border: 2px solid var(--st-blue) !important;
}

.radiobtn label::before {
    z-index: 3 !important;
}

.radiobtn input[type=radio]:checked + label {
    background: #dce8f5 !important;
    border-color: var(--st-blue) !important;
}

.radiobtn input[type=radio]:checked + label::after {
    background: var(--st-blue) !important;
    border-color: var(--st-blue) !important;
}

.radiobtn input[type=radio]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.3 13.2'%3E%3Cpath fill='%23ffffff' d='M14.7.8l-.4-.4a1.7 1.7 0 0 0-2.3.1L5.2 8.2 3 6.4a1.7 1.7 0 0 0-2.3.1L.4 7a1.7 1.7 0 0 0 .1 2.3l3.8 3.5a1.7 1.7 0 0 0 2.4-.1L15 3.1a1.7 1.7 0 0 0-.2-2.3z'/%3E%3C/svg%3E") !important;
    background-size: 13px !important;
}

.pooja-date-group {
    background: #f4f8fc !important;
    border-color: var(--st-orange) !important;
}

/* ── Buttons ── */
#send_otp_btn,
.btn-primary#send_otp_btn,
#verify_otp_btn {
    background-color: var(--st-blue) !important;
    border-color: var(--st-blue) !important;
    color: #fff !important;
    font-family: var(--st-font-body) !important;
}

#send_otp_btn:hover,
#verify_otp_btn:hover {
    background-color: var(--st-orange) !important;
    border-color: var(--st-orange) !important;
}

.subcontain .col-md-12 button,
#save_btn {
    background-color: var(--st-orange) !important;
    color: #fff !important;
    font-family: var(--st-font-body) !important;
}

.subcontain .col-md-12 button:hover,
#save_btn:hover {
    background-color: #e55a30 !important;
    color: #fff !important;
}

#link {
    border-color: var(--st-blue) !important;
}

.button-decor,
.button__icon {
    background-color: var(--st-blue) !important;
}

.button__text {
    color: var(--st-blue) !important;
    font-family: var(--st-font-body) !important;
}

#link:hover .button-decor,
#link:hover .button__icon {
    background-color: var(--st-orange) !important;
}

#link:hover .button__text {
    color: #fff !important;
}

/* ── Bilva image: sharp only, no size change ── */
#leftimg {
    object-fit: cover !important;
    object-position: center !important;
}

/* ── Note text ── */
.note,
.notecontain .note,
.notecontain h2.note {
    color: var(--st-blue) !important;
    font-family: var(--st-font-heading) !important;
    animation: none !important;
    text-shadow: none !important;
}

#cpa,
#mobile_msg,
.mobile_msg1 {
    color: var(--st-orange) !important;
}

.select2-container--default .select2-selection--single {
    border-color: var(--st-border) !important;
    font-family: var(--st-font-body) !important;
}

/* ── Footer: project theme ── */
body:has(.yajman-details-main) .main-footer,
body:has(.parentRow) .main-footer {
    background: var(--st-white) !important;
}

body:has(.yajman-details-main) .main-footer::before,
body:has(.parentRow) .main-footer::before {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(90deg, var(--st-orange), var(--st-gold), var(--st-orange));
}

body:has(.yajman-details-main) .main-footer > .container-fluid,
body:has(.parentRow) .main-footer > .container-fluid {
    background: var(--st-blue) !important;
}