/*
|--------------------------------------------------------------------------
| Global shortcode section backgrounds
|--------------------------------------------------------------------------
| Section/page wrappers remain transparent so they inherit the visible
| site background configured through Blocksy / WordPress Customizer.
|
| Individual cards, panels, forms, images and overlays remain unchanged.
*/

:root {
    --mf-global-section-background: transparent;
}

/* Homepage shortcode sections */
body .mf-story-section,
body .mf-squad-section,
body .mf-fans-section,
body .mf-sponsors-section,

/* News and archive sections */
body .mf-news-section,
body .mf-news-archive,
body .mf-news-page,
body .mf-latest-news-section,

/* Team pages */
body .mf-teams-page-section,
body .mf-mens-team-page,
body .mf-position-groups,

/* Fixtures and competition pages */
body .mf-sp-fixtures,
body .mf-fixtures-page,
body .mf-fixtures-section,
body .mf-table,
body .mf-competition-selector,

/* Recruitment */
body .mf-recruit-section,
body .mf-recruit-process,
body .mf-recruit-form-section,

/* Bureau */
body .mf-bureau-section,

/* Other shortcode page wrappers */
body .mf-players-section,
body .mf-standings-section,
body .mf-current-bureau-section,
body .mf-page-section,
body .mf-content-section {
    background-color: var(--mf-global-section-background) !important;
}

/*
|--------------------------------------------------------------------------
| Elementor containers holding shortcodes
|--------------------------------------------------------------------------
*/

body .elementor-widget-shortcode,
body .elementor-widget-shortcode > .elementor-widget-container,
body .elementor-widget-shortcode .elementor-shortcode {
    background-color: transparent !important;
}

/*
|--------------------------------------------------------------------------
| Preserve inner cards and content panels
|--------------------------------------------------------------------------
| These remain intentionally dark and are not tied to the page background.
*/

body .mf-story-card,
body .mf-player-card,
body .mf-sponsor-card,
body .mf-team-page-card,
body .mf-roster-card,
body .mf-recruit-card,
body .mf-process-item,
body .mf-recruit-form-box,
body .mf-bureau-column,
body .mf-bureau-card,
body .mf-sp-fixture-card,
body .mf-fixture-card,
body .mf-table-box,
body .mf-score-card,
body .mf-news-card {
    /* Keep each component's existing background declaration. */
}
/*
|--------------------------------------------------------------------------
| Preserve default form backgrounds
|--------------------------------------------------------------------------
| Keeps forms readable even when shortcode and Elementor wrappers
| are globally transparent.
*/

body input[type="text"],
body input[type="email"],
body input[type="tel"],
body input[type="number"],
body input[type="password"],
body input[type="url"],
body input[type="search"],
body input[type="date"],
body input[type="time"],
body input[type="datetime-local"],
body select,
body textarea {
    background-color:#ffffff !important;
    color:#111111 !important;
    border-color:#d5d5d5 !important;
    -webkit-text-fill-color:#111111 !important;
}

/* Placeholder text */

body input::placeholder,
body textarea::placeholder {
    color:#777777 !important;
    opacity:1 !important;
}

/* Native dropdown options */

body select option {
    background-color:#ffffff !important;
    color:#111111 !important;
}

/* Focus state */

body input:focus,
body select:focus,
body textarea:focus {
    background-color:#ffffff !important;
    color:#111111 !important;
    border-color:#FDCF0B !important;
    outline:none !important;
    box-shadow:0 0 0 2px rgba(253,207,11,.18) !important;
}

/*
|--------------------------------------------------------------------------
| Form plugin wrappers
|--------------------------------------------------------------------------
*/

body .forminator-ui,
body .wpforms-container,
body .give-form,
body .give-form-wrap,
body .woocommerce form,
body .elementor-form,
body .elementor-widget-form {
    color:#111111;
}

/* Forminator */

body .forminator-ui input,
body .forminator-ui select,
body .forminator-ui textarea,
body .forminator-input,
body .forminator-select2,
body .forminator-textarea {
    background:#ffffff !important;
    color:#111111 !important;
}

/* Forminator custom select field */

body .forminator-select2 + .select2-container .select2-selection,
body .forminator-ui .select2-container .select2-selection,
body .forminator-ui .forminator-select {
    background:#ffffff !important;
    color:#111111 !important;
}

body .forminator-ui .select2-selection__rendered,
body .forminator-ui .select2-selection__placeholder {
    color:#111111 !important;
}

body .select2-dropdown,
body .select2-results,
body .select2-results__option {
    background:#ffffff !important;
    color:#111111 !important;
}

/* WPForms */

body .wpforms-container input,
body .wpforms-container select,
body .wpforms-container textarea {
    background:#ffffff !important;
    color:#111111 !important;
}

/* GiveWP donation forms */

body .give-form input,
body .give-form select,
body .give-form textarea,
body .give-form-wrap input,
body .give-form-wrap select,
body .give-form-wrap textarea {
    background:#ffffff !important;
    color:#111111 !important;
}

/* Elementor forms */

body .elementor-form input,
body .elementor-form select,
body .elementor-form textarea {
    background:#ffffff !important;
    color:#111111 !important;
}