/*
Theme Name: Twenty Twenty-Five Child
Description: Child theme of Twenty Twenty-Five
Author: Your Name
Template: twentytwentyfive
Version: 1.0.0
*/

@import url("../twentytwentyfive/style.css");

/* Custom styles go here */
/* Add your custom CSS modifications below this line */

.hero-slider {
    margin: 0 !important;
}

/* ===========================
   HOMEPAGE SLIDER – KEEP 1600x1132 RATIO
   =========================== */

.homepage-slider {
  overflow: hidden;
  padding: 0 !important;
}

/* Let the containers follow the image height – no fixed 650/700px */
.homepage-slider .metaslider .flex-viewport,
.homepage-slider .metaslider ul.slides,
.homepage-slider .metaslider ul.slides > li,
.homepage-slider ul.slides {
  height: auto !important;
  max-height: none !important;
  overflow: visible;
}

/* Base rule for all images in the slider:
   - keep aspect ratio
   - scale responsively
   - no cropping
*/
.homepage-slider img {
  display: block;
  width: 100%;                /* fill width of slider */
  height: auto !important;    /* preserves 1600x1132 ratio */
  max-width: 100% !important;
}

/* MetaSlider slide images:
   - show the whole image (contain)
   - centered, with neutral background for any empty space
*/
.homepage-slider .metaslider ul.slides img {
  object-fit: contain !important;    /* NEVER crop, just letterbox/pillarbox */
  object-position: center !important;
  background: #f8f8f8;
}

/* If you still want to cap the height on large screens, do it gently: */
@media (min-width: 901px) {
  .homepage-slider .metaslider ul.slides img {
    max-height: 700px;        /* image will shrink to stay under this */
  }
}

/* ====== Slider nav styles (unchanged) ====== */

.homepage-slider #metaslider-id-85 .flexslider .flex-direction-nav li a:after {
    background-color: #d8c4a9;
}

.homepage-slider #metaslider-id-85 .flexslider .flex-direction-nav li a {
    background-color: #da1a7b;
}

.homepage-slider #metaslider-id-85 .flexslider .flex-control-nav li a.flex-active {
    background-color: #da1a7b;
}

.homepage-slider #metaslider-id-85 .flexslider .flex-control-nav li a:not(.flex-active) {
    background-color: #d8c4a9;
}

.homepage-slider .metaslider.ms-theme-default-base .flexslider .flex-control-nav li a:focus {
    outline: none;
}



/* Footer */
.copy-footer-content {
    text-align: center;
    padding: 1em 0;
    font-size: 0.6em;
}

/* Anchor link styles */
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
    text-decoration: none !important;
    color: #da1a7b !important;
}

/* Best Seller Section */
.best-seller-section {
    margin: 2em;
}

/* Button */
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    background-color: color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, transparent);
    color: var(--wp--preset--color--accent-1)
}

/* Disable WooCommerce product image zoom on hover */
.woocommerce-product-gallery__wrapper .zoomImg,
.woocommerce-product-gallery__image .zoomImg {
    pointer-events: none !important;
    display: none !important;
}

/* Change cursor to default on product images to indicate no zoom */
.woocommerce-product-gallery__image {
    cursor: default !important;
}

.wp-block-woocommerce-checkout.alignwide.wc-block-checkout > 
    .wc-block-components-notices {
    display: none !important;
}

/* Hide shipping method section in checkout */
fieldset.wc-block-checkout__shipping-method {
    display: none !important;
}

/* Hide pickup options section in checkout */
fieldset.wc-block-checkout__shipping-option {
    display: none !important;
}

/* Hide additional outlets section */
.additional-outlets {
  display: none !important;
}

/* Home Content Section - Responsive 4-column layout */
/* Base: 4 columns in a row */
.home-content-section.wp-block-columns {
    display: flex !important;
    flex-wrap: nowrap;        /* keep 4 in one row on large screens */
    gap: 1.5rem;
    width: 100%;
}

/* All four columns share the row equally */
.home-content-section.wp-block-columns > .wp-block-column {
    flex: 1 1 0;
}

h2 {
  font-weight: bold;
}

/* --- Free Gifts pagination: "1 2 3 … 7 Next Page" style --- */

/* Align left for th for free gift table */
.fgf_gift_products_table th {
    text-align: left;
}

/* Layout: inline numbers, no bullets */
.woocommerce-pagination ul {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 10px 0;
    align-items: center;
    justify-content: center;
}

/* Base look for all page items */
.woocommerce-pagination ul li span.fgf_pagination {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    cursor: pointer;
    text-decoration: underline;   /* underline for links */
    color: #020314;               /* dark text */
}

/* Current page: grey block, no underline */
.woocommerce-pagination ul li span.fgf_pagination.current {
    /* background: #e6e6e6; */
    padding: 0 4px;
    text-decoration: none;
    font-weight: 600;
}

/* Hide «, ‹ and ›› */
.woocommerce-pagination ul li span.fgf_first_pagination,
.woocommerce-pagination ul li span.fgf_prev_pagination,
.woocommerce-pagination ul li span.fgf_last_pagination {
    display: none;
}

/* Turn “>” into “Next Page” */
.woocommerce-pagination ul li span.fgf_next_pagination {
    position: relative;
    text-decoration: underline;
    color: #020314;
}

/* Hide the original ">" character */
.woocommerce-pagination ul li span.fgf_next_pagination {
    color: transparent;
}

/* Inject "Next Page" text */
.woocommerce-pagination ul li span.fgf_next_pagination::after {
    content: "Next Page";
    color: #020314;
}

/* Small hover tweak (optional) */
.woocommerce-pagination ul li span.fgf_pagination:not(.current):hover::after,
.woocommerce-pagination ul li span.fgf_pagination:not(.current):hover {
    text-decoration: none;
}

/* Improve spacing on mobile */
@media (max-width: 480px) {
    .woocommerce-pagination ul li span {
        padding: 6px 9px;
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
  /* add some space at the top on medium screens */
  .spacer-at-home-page {
    height: 150px !important;
  }

  .best-seller-home-page > ul {
      padding-left: 20px;
      padding-right: 20px;
  }
}

/* Below 900px: hide the 2 empty columns, let the right two take the space */
@media (max-width: 900px) {
  .spacer-at-home-page {
    display: none;
  }
    /* adjust best-seller grid to 2 columns */
   .best-seller-home-page > ul {
      padding-left: 10px;
      padding-right: 10px;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

  /* hide the empty columns */
    .home-content-section.wp-block-columns > .wp-block-column:nth-child(1),
    .home-content-section.wp-block-columns > .wp-block-column:nth-child(2) {
        display: none;
    }

    /* right two columns now flex nicely */
    .home-content-section.wp-block-columns > .wp-block-column:nth-child(3),
    .home-content-section.wp-block-columns > .wp-block-column:nth-child(4) {
        flex: 1 1 50%;     /* two columns side-by-side */
    }
}

/* Below 600px: stack Top Seller and Contact Us */
@media (max-width: 600px) {
    .home-content-section.wp-block-columns > .wp-block-column:nth-child(3),
    .home-content-section.wp-block-columns > .wp-block-column:nth-child(4) {
        flex: 1 1 100%;    /* full width each, one per row */
    }

    /* adjust best-seller grid to 1 column */
    .best-seller-home-page > ul {
        padding-right: 30px;
        padding-left: 30px;
        grid-template-columns: 1fr !important;
    }
}