﻿/* ============================================================
   GoldDonate Responsive CSS - CSS ONLY
   CRITICAL: This file ONLY provides CSS, does NOT process forms
   ============================================================ */

/* Elementor Sections/Containers - Full Width 100% */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* Elementor Widgets - Full Width 100% (EXCEPT on GoldDonate form pages) */
.elementor-widget[class*="GoldDonate"]:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size),
.elementor-widget[class*="golddonate"]:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size),
.elementor-widget[class*="gf-"]:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size),
.elementor-element[class*="GoldDonate"]:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size),
.elementor-element[class*="golddonate"]:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size) {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* Krowd Theme Integration - Full Width 100% (EXCEPT on GoldDonate form pages) */
body.theme-krowd:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size) .elementor-section,
body.theme-krowd:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size) .elementor-container,
body.theme-krowd:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size) .elementor-column,
body.theme-krowd:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size) .elementor-widget-wrap,
body.krowd:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size) .elementor-section,
body.krowd:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size) .elementor-container,
body.krowd:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size) .elementor-column,
body.krowd:not(.GoldDonate-form-page):not(.GoldDonate-form-auto-size) .elementor-widget-wrap {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* GoldDonate Forms - Let GoldDonate handle sizing, we only prevent theme interference */
body.GoldDonate-form-page .GoldDonate-form,
body.GoldDonate-form-page form.GoldDonate-register-form,
body.GoldDonate-form-page form.GoldDonate-login-form,
body.GoldDonate-form-page form.GoldDonate-checkout-form,
body.GoldDonate-form-page form[class*="GoldDonate"],
body.GoldDonate-form-page [class*="GoldDonate"] form,
body.GoldDonate-form-auto-size .GoldDonate-form,
body.GoldDonate-form-auto-size form.GoldDonate-register-form,
body.GoldDonate-form-auto-size form.GoldDonate-login-form,
body.GoldDonate-form-auto-size form.GoldDonate-checkout-form,
body.GoldDonate-form-auto-size form[class*="GoldDonate"],
body.GoldDonate-form-auto-size [class*="GoldDonate"] form {
	/* Let GoldDonate handle all sizing - we only prevent Krowd theme interference */
	box-sizing: border-box !important;
}

/* Responsive Breakpoints */
@media (max-width: 1023px) {
	/* ORIGINAL GoldDonate CAMPAIGN CARDS - TABLET RESPONSIVE */
	.GoldDonate-campaign-card,
	.GoldDonate-campaign-card-wrapper,
	.GoldDonate-campaign-card--list,
	.GoldDonate-campaign-card--featured,
	.gf-campaign-card,
	.gf-campaign-card-wrapper {
		width: 100% !important;
		display: block !important;
		pointer-events: auto !important;
		touch-action: auto !important;
	}
}

@media (max-width: 768px) {
	.elementor-column {
		width: 100% !important;
	}
	
	/* ORIGINAL GoldDonate CAMPAIGN CARDS - MOBILE RESPONSIVE */
	.GoldDonate-campaign-card,
	.GoldDonate-campaign-card-wrapper,
	.GoldDonate-campaign-card--list,
	.GoldDonate-campaign-card--featured,
	.gf-campaign-card,
	.gf-campaign-card-wrapper {
		width: 100% !important;
		display: block !important;
		margin-bottom: 20px !important;
		pointer-events: auto !important;
		touch-action: auto !important;
	}
}

@media (max-width: 480px) {
	.elementor-column {
		width: 100% !important;
	}
	
	/* ORIGINAL GoldDonate CAMPAIGN CARDS - SMALL PHONE RESPONSIVE */
	.GoldDonate-campaign-card,
	.GoldDonate-campaign-card-wrapper,
	.GoldDonate-campaign-card--list,
	.GoldDonate-campaign-card--featured,
	.gf-campaign-card,
	.gf-campaign-card-wrapper {
		width: 100% !important;
		display: block !important;
		margin-bottom: 15px !important;
		padding: 10px !important;
		pointer-events: auto !important;
		touch-action: auto !important;
	}
}


