/* =====================================================
   MIDNIGHT GELATO ARUBA — WOOCOMMERCE SHOP STYLING
   ===================================================== */

:root {
    --mga-gold: #d4a24c;
    --mga-black: #181818;
    --mga-green: #5f8f63;
    --mga-cream: #fffaf2;
}

/* -----------------------------------------------------
   SHOP PAGE: GOLD ACCENTS INSTEAD OF PINK
   ----------------------------------------------------- */

/* Site title shown on WooCommerce pages */
.woocommerce-page .site-title a,
.woocommerce-page .site-title,
.woocommerce-page .woocommerce-breadcrumb a,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product a:not(.button) {
    color: var(--mga-gold) !important;
}

/* Keep normal text dark */
.woocommerce-page ul.products li.product {
    color: var(--mga-black);
}

/* -----------------------------------------------------
   PRODUCT GRID SPACING
   ----------------------------------------------------- */

.woocommerce-page ul.products {
    column-gap: 28px;
    row-gap: 42px;
}

.woocommerce-page ul.products li.product {
    margin-bottom: 38px !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* -----------------------------------------------------
   PRODUCT IMAGES
   ----------------------------------------------------- */

.woocommerce-page ul.products li.product img {
    border-radius: 18px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.woocommerce-page ul.products li.product:hover img {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.20);
}

/* -----------------------------------------------------
   PRODUCT TITLES
   ----------------------------------------------------- */

.woocommerce-page ul.products li.product
.woocommerce-loop-product__title {
    color: var(--mga-gold) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin-top: 14px !important;
    transition: color 0.2s ease;
}

.woocommerce-page ul.products li.product a:hover
.woocommerce-loop-product__title {
    color: var(--mga-black) !important;
}

/* -----------------------------------------------------
   PRICES — KEEP GREEN
   ----------------------------------------------------- */

.woocommerce-page ul.products li.product .price,
.woocommerce-page ul.products li.product .price *,
.single-product .summary .price,
.single-product .summary .price * {
    color: var(--mga-green) !important;
    font-weight: 600 !important;
}

/* -----------------------------------------------------
   ADD TO CART BUTTONS
   ----------------------------------------------------- */

.woocommerce-page ul.products li.product .button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    background: var(--mga-black) !important;
    color: var(--mga-gold) !important;
    border: 1px solid var(--mga-black) !important;
    border-radius: 10px !important;
    padding: 11px 19px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

.woocommerce-page ul.products li.product .button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
    background: var(--mga-gold) !important;
    color: var(--mga-black) !important;
    border-color: var(--mga-gold) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16) !important;
}

/* -----------------------------------------------------
   SORTING DROPDOWN
   ----------------------------------------------------- */

.woocommerce-page .woocommerce-ordering select {
    background-color: #ffffff !important;
    color: var(--mga-black) !important;
    border: 1px solid var(--mga-gold) !important;
    border-radius: 10px !important;
    padding: 10px 38px 10px 14px !important;
    min-height: 44px;
    cursor: pointer;
    outline: none;
}

.woocommerce-page .woocommerce-ordering select:focus {
    border-color: var(--mga-black) !important;
    box-shadow: 0 0 0 3px rgba(212, 162, 76, 0.20);
}

/* -----------------------------------------------------
   RESULT COUNT — KEEP VISIBLE
   ----------------------------------------------------- */

.woocommerce-page .woocommerce-result-count {
    display: block !important;
    color: #555555 !important;
    font-size: 14px;
}

/* -----------------------------------------------------
   INDIVIDUAL PRODUCT PAGE IMAGE
   ----------------------------------------------------- */

.single-product div.product
.woocommerce-product-gallery img {
    border-radius: 18px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}

/* Product title on individual page */
.single-product div.product .product_title {
    color: var(--mga-black) !important;
    font-weight: 700;
}

/* Quantity box */
.single-product div.product form.cart .quantity input.qty {
    border: 1px solid var(--mga-gold) !important;
    border-radius: 9px !important;
    min-height: 44px;
}

/* -----------------------------------------------------
   MOBILE
   ----------------------------------------------------- */

@media (max-width: 767px) {
    .woocommerce-page ul.products {
        column-gap: 14px;
        row-gap: 28px;
    }

    .woocommerce-page ul.products li.product {
        margin-bottom: 24px !important;
    }

    .woocommerce-page ul.products li.product
    .woocommerce-loop-product__title {
        font-size: 15px !important;
    }

    .woocommerce-page ul.products li.product .button {
        width: 100%;
        text-align: center;
        padding: 10px 8px !important;
    }

    .woocommerce-page .woocommerce-ordering {
        float: none !important;
        width: 100%;
    }

    .woocommerce-page .woocommerce-ordering select {
        width: 100%;
    }
}
/* Make all WooCommerce links gold */
.woocommerce a,
.woocommerce div.product .product_meta a,
.woocommerce-tabs a,
.woocommerce-breadcrumb a,
.related.products a,
.woocommerce .posted_in a,
.woocommerce .tagged_as a {
    color: #D4AF37 !important;
}

.woocommerce a:hover,
.woocommerce div.product .product_meta a:hover,
.woocommerce-tabs a:hover,
.related.products a:hover {
    color: #E6C75A !important;
}

/* Make the price a richer, brighter green */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce-Price-amount {
    color: #1DB954 !important;
    font-weight: 700;
}
/* Override all previous price colors */
.woocommerce .price,
.woocommerce p.price,
.woocommerce span.price,
.woocommerce-Price-amount,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #00C853 !important;
    font-weight: 700 !important;
}
/* WooCommerce Cart Blocks - Product name */
a.wc-block-components-product-name {
    color: #D4AF37 !important;
}

a.wc-block-components-product-name:hover,
a.wc-block-components-product-name:focus,
a.wc-block-components-product-name:visited {
    color: #D4AF37 !important;
}
/* Cart - Proceed to Checkout button */
.wc-block-cart__submit-button,
.wc-block-components-button {
    background: #D6A64A !important;
    border-color: #D6A64A !important;
    color: #181818 !important;
    font-weight: 700;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-button:hover {
    background: #E3B85B !important;
    border-color: #E3B85B !important;
    color: #181818 !important;
}
/* ==========================
   Midnight Gelato Product Grid
========================== */

/* Product title */
.wc-block-grid__product-title,
.wc-block-grid__product-title a,
.wc-block-grid__product-link {
    color: #D6A64A !important;
    text-decoration: none !important;
}

.wc-block-grid__product-title:hover,
.wc-block-grid__product-title a:hover,
.wc-block-grid__product-link:hover {
    color: #E2BC66 !important;
    text-decoration: none !important;
}

/* Add to Cart button */
.wc-block-grid_product-add-to-cart .wp-block-button_link,
.wc-block-grid__product-add-to-cart a {
    background: #D6A64A !important;
    color: #111 !important;
    border: none !important;
    border-radius: 999px !important;
}

.wc-block-grid_product-add-to-cart .wp-block-button_link:hover,
.wc-block-grid__product-add-to-cart a:hover {
    background: #E2BC66 !important;
    color: #111 !important;
}
/* ==========================================
   Midnight Gelato Aruba — Global Footer
========================================== */

.mg-footer {
    width: 100%;
    margin: 0 !important;
    background-image:
        linear-gradient(
            rgba(10, 10, 10, 0.80),
            rgba(10, 10, 10, 0.80)
        ),
        url("https://midnightgelatoaruba.com/wp-content/uploads/2026/08/WhatsApp-Image-2026-08-03-at-11.55.05.jpeg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-top: 1px solid rgba(214, 166, 74, 0.65);
}

.mg-footer-overlay {
    width: 100%;
    padding: 48px 24px 42px;
}

.mg-footer-content {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        minmax(260px, 1.2fr)
        minmax(180px, 0.8fr)
        minmax(260px, 1fr);

    align-items: start;
    gap: 70px;
}

/* All footer columns */

.mg-footer-column {
    min-width: 0;
}

.mg-footer-column h3,
.mg-footer-column h4 {
    color: #D6A64A !important;
    margin: 0 0 16px !important;
    line-height: 1.2;
}

.mg-footer-column h3 {
    font-size: 22px;
    font-weight: 800;
}

.mg-footer-column h4 {
    font-size: 19px;
    font-weight: 800;
}

.mg-footer-column p,
.mg-footer-column a {
    color: #FFFFFF !important;
    font-size: 15px;
    line-height: 1.65;
}

.mg-footer-column p {
    margin: 0 0 9px;
}

.mg-footer-column a {
    text-decoration: none !important;
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.mg-footer-column a:hover,
.mg-footer-column a:focus {
    color: #D6A64A !important;
}

/* Logo and brand section */

.mg-footer-logo-link {
    display: inline-block;
    margin-bottom: 13px;
}

.mg-footer-logo {
    width: 72px;
    height: 72px;
    display: block;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid rgba(214, 166, 74, 0.65);
}

.mg-footer-tagline {
    color: #D6A64A !important;
    font-style: italic;
    font-weight: 700;
}

/* Quick links — properly centered */

.mg-footer-links {
    justify-self: center;
    width: 100%;
    max-width: 180px;
}

.mg-footer-links nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
}

.mg-footer-links nav a {
    display: inline-block;
}

.mg-footer-links nav a:hover {
    transform: translateX(3px);
}

/* Contact section */

.mg-footer-contact {
    justify-self: end;
    width: 100%;
    max-width: 310px;
}

.mg-footer-contact a,
.mg-footer-contact p {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    overflow-wrap: anywhere;
}

/* Bottom copyright bar */

.mg-footer-bottom {
    width: 100%;
    padding: 16px 24px;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;

    background: #181818;
    border-top: 1px solid rgba(214, 166, 74, 0.35);

    color: #FFFFFF;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}

.mg-footer-bottom a {
    color: #D6A64A !important;
    text-decoration: none !important;
    font-weight: 600;
}

.mg-footer-bottom a:hover,
.mg-footer-bottom a:focus {
    color: #FFFFFF !important;
}

.mg-footer-legal {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
}

/* Tablet */

@media (max-width: 900px) {
    .mg-footer-content {
        grid-template-columns: 1fr 1fr;
        gap: 38px;
    }

    .mg-footer-brand {
        grid-column: 1 / -1;
        text-align: center;
        max-width: 620px;
        margin: 0 auto;
    }

    .mg-footer-logo-link {
        margin-left: auto;
        margin-right: auto;
    }

    .mg-footer-links,
    .mg-footer-contact {
        justify-self: center;
    }
}

/* Mobile */

@media (max-width: 600px) {
    .mg-footer-overlay {
        padding: 38px 20px 34px;
    }

    .mg-footer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 34px;
        text-align: center;
    }

    .mg-footer-column,
    .mg-footer-links,
    .mg-footer-contact {
        width: 100%;
        max-width: 100%;
        justify-self: auto;
    }

    .mg-footer-links nav {
        align-items: center;
    }

    .mg-footer-links nav a:hover {
        transform: none;
    }

    .mg-footer-contact a,
    .mg-footer-contact p {
        justify-content: center;
    }

    .mg-footer-bottom {
        flex-direction: column;
        padding: 16px 18px;
    }
}
/* Hide the old Hello Elementor footer only */
#site-footer,
footer.site-footer:not(.mg-footer) {
    display: none !important;
}
/* PAGE 400 – MAIN CONTENT ONLY */

/* H2 headings */
.page-id-400 main h2 {
    color: #D6A64A !important;
}

/* H3 headings */
.page-id-400 main h3 {
    color: #181818 !important;
}

/* Paragraph/body text */
.page-id-400 main p,
.page-id-400 main li {
    color: #4A4A4A !important;
}

/* Text links inside main page */
.page-id-400 main a:not(.wp-block-button__link) {
    color: #D6A64A !important;
}

/* Order Gelato Now button */
.page-id-400 main .wp-block-button__link {
    background-color: #D6A64A !important;
    color: #181818 !important;
    text-decoration: none;
}

/* Button hover */
.page-id-400 main .wp-block-button__link:hover {
    background-color: #181818 !important;
    color: #D6A64A !important;
}
/* PAGE 427 – MAIN CONTENT ONLY */

/* H2 headings */
.page-id-427 main h2 {
    color: #D6A64A !important;
}

/* H3 headings */
.page-id-427 main h3 {
    color: #181818 !important;
}

/* Paragraph/body text */
.page-id-427 main p,
.page-id-427 main li {
    color: #4A4A4A !important;
}

/* Text links inside main page */
.page-id-427 main a:not(.wp-block-button__link) {
    color: #D6A64A !important;
}

/* Order Gelato Now button */
.page-id-427 main .wp-block-button__link {
    background-color: #D6A64A !important;
    color: #181818 !important;
    text-decoration: none;
}

/* Button hover */
.page-id-427 main .wp-block-button__link:hover {
    background-color: #181818 !important;
    color: #D6A64A !important;
}
/* PAGE 443 – MAIN CONTENT ONLY */

/* H2 headings */
.page-id-443 main h2 {
    color: #D6A64A !important;
}

/* H3 headings */
.page-id-443 main h3 {
    color: #181818 !important;
}

/* Paragraph/body text */
.page-id-443 main p,
.page-id-443 main li {
    color: #4A4A4A !important;
}

/* Text links inside main page */
.page-id-443 main a:not(.wp-block-button__link) {
    color: #D6A64A !important;
}

/* Order Gelato Now button */
.page-id-443 main .wp-block-button__link {
    background-color: #D6A64A !important;
    color: #181818 !important;
    text-decoration: none;
}

/* Button hover */
.page-id-443 main .wp-block-button__link:hover {
    background-color: #181818 !important;
    color: #D6A64A !important;
}
/* PAGE 459 – MAIN CONTENT ONLY */

/* H2 headings */
.page-id-459 main h2 {
    color: #D6A64A !important;
}

/* H3 headings */
.page-id-459 main h3 {
    color: #181818 !important;
}

/* Paragraph/body text */
.page-id-459 main p,
.page-id-459 main li {
    color: #4A4A4A !important;
}

/* Text links inside main page */
.page-id-459 main a:not(.wp-block-button__link) {
    color: #D6A64A !important;
}

/* Order Gelato Now button */
.page-id-459 main .wp-block-button__link {
    background-color: #D6A64A !important;
    color: #181818 !important;
    text-decoration: none;
}

/* Button hover */
.page-id-459 main .wp-block-button__link:hover {
    background-color: #181818 !important;
    color: #D6A64A !important;
}
/* PAGE 473 – MAIN CONTENT ONLY */

/* H2 headings */
.page-id-473 main h2 {
    color: #D6A64A !important;
}

/* H3 headings */
.page-id-473 main h3 {
    color: #181818 !important;
}

/* Paragraph/body text */
.page-id-473 main p,
.page-id-473 main li {
    color: #4A4A4A !important;
}

/* Text links inside main page */
.page-id-473 main a:not(.wp-block-button__link) {
    color: #D6A64A !important;
}

/* Order Gelato Now button */
.page-id-473 main .wp-block-button__link {
    background-color: #D6A64A !important;
    color: #181818 !important;
    text-decoration: none;
}

/* Button hover */
.page-id-473 main .wp-block-button__link:hover {
    background-color: #181818 !important;
    color: #D6A64A !important;
}
/* PAGE 490 – MAIN CONTENT ONLY */

/* H2 headings */
.page-id-490 main h2 {
    color: #D6A64A !important;
}

/* H3 headings */
.page-id-490 main h3 {
    color: #181818 !important;
}

/* Paragraph/body text */
.page-id-490 main p,
.page-id-490 main li {
    color: #4A4A4A !important;
}

/* Text links inside main page */
.page-id-490 main a:not(.wp-block-button__link) {
    color: #D6A64A !important;
}

/* Order Gelato Now button */
.page-id-490 main .wp-block-button__link {
    background-color: #D6A64A !important;
    color: #181818 !important;
    text-decoration: none;
}

/* Button hover */
.page-id-490 main .wp-block-button__link:hover {
    background-color: #181818 !important;
    color: #D6A64A !important;
}
@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    img,
    video,
    iframe {
        max-width: 100% !important;
        height: auto;
    }
}
/* Midnight Gelato – Mobile Cart alignment */
@media (max-width: 767px) {

    /* Reset WooCommerce Cart wide alignment */
    body.woocommerce-cart .wp-block-woocommerce-cart,
    body.woocommerce-cart .wp-block-woocommerce-cart.alignwide,
    body.woocommerce-cart .wc-block-cart {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    /* Cart main section + totals */
    body.woocommerce-cart .wc-block-cart__main,
    body.woocommerce-cart .wc-block-cart__sidebar {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Keep each cart product row inside the screen */
    body.woocommerce-cart .wc-block-cart-items,
    body.woocommerce-cart .wc-block-cart-items__row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Make sure the product image stays visible */
    body.woocommerce-cart .wc-block-cart-item__image {
        min-width: 70px !important;
        width: 70px !important;
        padding-left: 0 !important;
    }

    body.woocommerce-cart .wc-block-cart-item__image img {
        display: block !important;
        width: 70px !important;
        max-width: 70px !important;
        height: auto !important;
    }

    /* Let product details use the remaining space */
    body.woocommerce-cart .wc-block-cart-item__product {
        min-width: 0 !important;
        padding-right: 0 !important;
    }
}