/*
 Theme Name:   Twenty Twenty-Five Child
 Template:     twentytwentyfive
 Author:       Your Name
 Description:  My custom shop and sticky header styles.
 Version:      1.0.0
*/

html {
    scroll-behavior: smooth;
}

/* overwrite automatic highlighting of highlighted text */
mark {
    background-color: transparent !important;
}

.wp-block-template-part > .no-top-margin {
	margin-top: 0 !important;
}


/* Styling for the Info Button */
.wp-block-button.is-style-info-button {
    background-color: #0f0f6d;
    color: #333;
    border: 2px solid #333;
    border-radius: 4px;
}

/* Styling for the Buy Button */
.wp-block-button.is-style-buy-button {
    background-color: #ff5733;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 4px 0 #c0392b;
}

.wp-block-button.is-style-buy-button .wp-block-button__link:hover {
    transform: translateY(2px);
    box-shadow: 0 4px 0 #c0392b;
}

.wp-block-button.is-style-call-to-action-button {
	background-color: var(--wp--preset--color--special-button-background);
	color: var(--wp--preset--color--special-button-text);
	border: 2px solid var(--wp--preset--color--special-button-border);
	border-radius: 8px;
}
/* .wp-block-button.is-style-call-to-action-button .wp-block-button__link {
	background-color: var(--wp--preset--color--secondary);
	border-radius: 20px;
	border: 3px solid var(--wp--preset--color--contrast);
} */

.wp-block-button.is-style-standard-button {
	background-color: var(--wp--preset--color--button-background);
	color: var(--wp--preset--color--button-text);
	border: 2px solid var(--wp--preset--color--button-border);
	border-radius: 8px;
}


/* Styling for the Info Box paragraph */
.is-style-info-box {
    font-style: italic;
	font-size: 1.1rem;
	/* color: var(--wp--preset--color--dark); */
}

.is-style-sub-title {
	font-style: italic;
	font-size: 1.1rem;
}

.is-style-text-link {
	text-decoration: underline;
	color: var(--wp--preset--color--primary);
}

.is-style-text-link-box {
	border: 1px solid var(--wp--preset--color--secondary);
	background-color: var(--wp--preset--color--primary);
	padding: 12px;
	text-decoration: none;
	cursor: pointer;
}

.is-style-highlight-number {
	font-weight: bold;
	color: var(--wp--preset--color--primary);
}

.info-box-icon {
	width: 80px;
	height: 80px;
}


/* mobile adjustments */
@media(max-width:768px) {
	.mobile-order-1 {
		order: 1;
	}
	.mobile-order-2 {
		order: 2;
	}
	.mobile-full-width > div {
		max-width: 100%;
		width: 100%;
	}
}

/* ==========================================================================
   Team Grid Layout 
   ========================================================================== */


/* team card */
.team-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

/* 2. What happens when hovering over the card */
.team-card:hover {
    transform: translateY(-5px); /* Lifts the card up slightly */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1); /* Adds a soft drop shadow */
    background-color: color-mix(in srgb, var(--wp--preset--color--primary) 15%, transparent); /* Optional: subtle background shift */
    border-color: var(--wp--preset--color--primary) !important; /* Highlights border */
}


/* generic WP dashboard custom items */
/* back button */
.back_button {margin-left: 10px; background: #f6f7f7; border-color: #ccd0d4; color: #2271b1;}
.back_button > span {font-size: 16px; line-height: 1.3; margin-right: 4px; vertical-align: text-top;}

/* sponsors */
.sponsor-img-toggle-wrapper {max-width: 400px;}

/* fancy sponsorlist texts (for footer) */
.sponsors-block {display: flex; flex-flow: row; justify-content: center; flex-wrap: wrap;}
.sponsors-block a {text-decoration: none;}
.sponsors-block h4 {margin:0; display: inline; vertical-align: middle;}
.sponsors-block > div {margin: 12px 24px;}

.sponsor-amount-cat1 {color: #999;}
.sponsor-amount-cat2 {color: #555;}
.sponsor-amount-cat3 {color: #000;}
.sponsor-amount-cat4 {color: #0a0; /*width: 100%; flex-basis: 1; text-align: center;*/}
.sponsor-amount-cat5 {color: #0f0; /* width: 100%; flex-basis: 1; */}


.priority-default > h4 {font-size: 1.0em; font-weight:normal;}
.priority-low > h4 {font-size: 0.8em; font-weight: 100;}
.priority-medium > h4 {font-size: 1.2em; font-weight: 300}
.priority-high > h4 {font-size: 1.3em; font-weight: 600;}
.priority-very-high > h4 {font-size: 1.4em; font-weight: 700;}
.priority-vip > h4 {font-size: 1.5em; font-weight: 900;}