/* Name: Default styles */	
/* CLASSES: 
on section: 
on row:
on column:
on module: 
*/

/*
TOKEN
--od-t-dark-overlay
↓
THEME VARIABLE
--od-v-overlay
↓
DERIVED VARIABLE
--od-v-overlay-semi
↓
STATE SWITCH
--od-v-overlay-background
↓
COMPONENT VARIABLE
--od-c-mega-background
*/

body.od_megaFullpageActive {
    overflow: hidden;
}

:root {
	--od-v-overlay-bg: var(--od-t-overlay-bg-dark);
	--od-v-overlay-bg-semi: color-mix(in srgb, var(--od-v-overlay-bg) var(--od-t-overlay-bg-opacity), transparent);

	--od-v-overlay-text: var(--od-t-overlay-text-light);    
	--od-v-overlay-text-semi: color-mix(in srgb, var(--od-v-overlay-text) var(--od-t-text-opacity), transparent);
    
	--od-v-background-blur: var(--od-t-bg-blur-min);
    
	--od-v-image-radius: var(--od-t-image-radius-global);
	--od-v-image-radius-zero: 0;
    
/* examples */    
	--od-v-overlay-bg-faint: color-mix(in srgb, var(--od-v-overlay-bg) calc(var(--od-t-overlay-bg-opacity) - 25%), transparent);
	--od-v-overlay-text-faint: color-mix(in srgb, var(--od-v-overlay-text) calc(var(--od-t-text-opacity) - 25%), transparent);     
	--od-v-overlay-divider: color-mix(in srgb, var(--od-v-overlay-text) calc(var(--od-t-text-opacity) - 35%), transparent);
   
}

.od--lightMode {
	--od-v-overlay-bg: var(--od-t-overlay-bg-light);
    --od-v-overlay-text: var(--od-t-overlay-text-dark);
    --od-v-overlay-text-semi: color-mix(in srgb, var(--od-v-overlay-text) var(--od-t-text-opacity), transparent);
}

.od--blur {
	-webkit-backdrop-filter: blur(var(--od-v-background-blur));
	backdrop-filter: blur(var(--od-v-background-blur));
}

.od--semi {
    --od-v-overlay-bg-semi: color-mix(in srgb, var(--od-v-overlay-bg) var(--od-t-overlay-bg-opacity), transparent);
    background-color: var(--od-v-overlay-bg-semi) !important;
	--od-v-overlay-text-semi: color-mix(in srgb, var(--od-v-overlay-text) var(--od-t-text-opacity), transparent);
}