/* Target the logo container with the class we just added */
.logo-hang-off {
    /* Use a negative margin to pull the element up */
    margin-top:0px !important; 
    
    /* Make sure the logo is above the menu and header background */
    z-index: 10; 
    
    /* Optional: If you need to make it taller than its container */
    height: 100px !important;
}

/* Event icon circle background */
.mpwem_style .circleIcon,
.mpwem_style [class*="circleIcon"] {
    background-color: #F77222 !important; /* ORANGE */
}



/* Change all text, headings, and labels to white on the checkout page */
.woocommerce-checkout *, 
.woocommerce-checkout p, 
.woocommerce-checkout label, 
.woocommerce-checkout span, 
.woocommerce-checkout h1, 
.woocommerce-checkout h2, 
.woocommerce-checkout h3 {
    color: #ffffff !important;
}

/* Ensure input fields and textareas remain readable (optional) */
/* This keeps the text inside the actual boxes dark so people can see what they type */
.woocommerce-checkout input, 
.woocommerce-checkout textarea, 
.woocommerce-checkout select {
    color: #000000 !important;
}

/* Change all text, headings, and labels to white on the cart page */
.woocommerce-cart *, 
.woocommerce-cart p, 
.woocommerce-cart label, 
.woocommerce-cart span, 
.woocommerce-cart h1, 
.woocommerce-cart h2, 
.woocommerce-cart h3,
.woocommerce-cart th, 
.woocommerce-cart td {
    color: #ffffff !important;
}

/* Ensure product names in the cart table are white */
.woocommerce-cart .product-name a {
    color: #ffffff !important;
}

/* Keep input fields (like coupon code) readable with dark text */
.woocommerce-cart input.input-text {
    color: #000000 !important;
}

/* Optional: Make the 'Update Cart' and 'Apply Coupon' buttons stand out */
.woocommerce-cart button.button {
    color: #ffffff !important;
    border: 1px solid #ffffff;
}

/* Change the Place Order button color */
.woocommerce-checkout #place_order {
    background-color: #F77222 !important;
    color: #ffffff !important; /* Ensures text is white for contrast */
    border: none !important;
    transition: background-color 0.3s ease;
}

/* Hover effect for the button */
.woocommerce-checkout #place_order:hover {
    background-color: #d65d1a !important; /* A slightly darker shade for hover */
}

/* Target the WooCommerce Block-based Place Order button */
.wc-block-components-checkout-place-order-button {
    background-color: #F77222 !important;
    color: #ffffff !important;
    border: 2px solid #F77222 !important;
    border-radius: 4px; /* Optional: rounds the corners slightly */
}

/* Hover state for the Block button */
.wc-block-components-checkout-place-order-button:hover {
    background-color: #d65d1a !important; /* Darker orange */
    border-color: #d65d1a !important;
    color: #ffffff !important;
}

/* Ensure the 'contained' version of the button also updates */
.wc-block-components-button.contained.wc-block-components-checkout-place-order-button {
    background-color: #F77222 !important;
}

/* Change the border color of the payment box and checkout sections */
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td {
    border-color: #F77222 !important;
}

/* Optional: Change the border of input fields to match */
.woocommerce-checkout input.input-text, 
.woocommerce-checkout textarea {
    border: 1px solid #F77222 !important;
}

/* 1. Change the Price and Labels to White */
.single-product .entry-summary .price, 
.single-product .entry-summary .product_title,
.single-product .entry-summary label {
    color: #ffffff !important;
}

/* 2. Style the Add to Cart / Donate Button to Orange */
.single-product .entry-summary .single_add_to_cart_button {
    background-color: #F77222 !important;
    color: #ffffff !important;
    border: none !important;
}

.single-product .entry-summary .single_add_to_cart_button:hover {
    background-color: #d65d1a !important; /* Darker orange for hover */
}

/* 3. Style the Quantity Plus/Minus Buttons to Orange */
.single-product .quantity .plus, 
.single-product .quantity .minus {
    background-color: #F77222 !important;
    color: #ffffff !important;
    border: 1px solid #F77222 !important;
}

/* 4. Style the Quantity Number Input Box */
.single-product .quantity input.qty {
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid #F77222 !important;
}

/* 5. Change the Tab Text (Description/Reviews) to White */
.woocommerce-tabs .tabs li a,
.woocommerce-Tabs-panel {
    color: #ffffff !important;
}

/* 1. Change Classic WooCommerce labels to black */
.woocommerce-checkout label {
    color: #000000 !important;
}

/* 2. Change Block-based WooCommerce field labels to black */
.wc-block-components-checkout-step label,
.wc-block-components-text-input label,
.wc-block-components-combobox label,
.wc-block-components-checkbox-control__label {
    color: #000000 !important;
}

/* 3. Change Section Headings (Billing, Shipping, etc.) to black */
.woocommerce-checkout h3, 
.wc-block-components-title,
.wc-block-components-checkout-step__heading {
    color: #000000 !important;
}

/* 4. Optional: Keep the required asterisk orange so it stands out */
.woocommerce-checkout .required,
.wc-block-components-text-input__required {
    color: #F77222 !important;
}

/* Change the color of elements with the _textTheme class */
._textTheme {
    color: #F77222 !important;
}

/* If the class is used on links, ensure they change too */
a._textTheme {
    color: #F77222 !important;
}

/* 1. Make Main Content Readable (White Text) */
.product_title,
.price,
.woocommerce-product-details__short-description,
.product_meta,
.woocommerce-Tabs-panel,
.single-product label {
    color: #ffffff !important;
}

/* 2. Fix the "Donation" select label and dropdown text */
.variations label,
.variations select {
    color: #ffffff !important;
}

/* 3. Change dropdown background so you can see the options */
.variations select {
    background-color: #1a1a1a !important; /* Dark grey background */
    border: 1px solid #F77222 !important; /* Orange border */
}

/* 4. Make Quantity input and buttons white text */
.quantity input.qty {
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid #ffffff !important;
}

/* 5. Ensure the Plus/Minus symbols are visible */
.quantity .plus, 
.quantity .minus {
    color: #ffffff !important;
}

/* 6. Style the "Add to Cart" button to be Orange and readable */
.single_add_to_cart_button {
    background-color: #F77222 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

/* Remove breadcrumbs from the entire site */
.woocommerce-breadcrumb {
    display: none !important;
}

/* Specific fix for the Donate page if the above doesn't catch it */
.single-product .woocommerce-breadcrumb {
    display: none !important;
}

/* Specific fix for the Checkout/Cart blocks breadcrumbs */
.wc-block-components-checkout-step__heading-content .wc-block-components-checkout-step__title {
    margin-top: 0 !important;
}

/* Hide SKU and Category on the donation/product page */
.single-product .product_meta {
    display: none !important;
}

/* Hides dination logo on mobile */
@media (max-width: 768px) {
  body.postid-329 .woocommerce-product-gallery,
  body.postid-329 .woocommerce-product-gallery__wrapper {
    display: none !important;
  }
}