/*
 Theme Name: Storefront Child
 Theme URI: https://example.com
 Description: Child theme for Storefront
 Author: Storefront
 Template: storefront
 Version: 1.0.0
*/

/*-----------------------------
  CUSTOM PRIMARY CTA BUTTON STYLE
------------------------------*/
 
/* Target product loop "Read more" buttons only */
/* =========================================
   WooCommerce – Differentiate "Read more"
   ========================================= */
/* =========================================
   WooCommerce Shop Loop Buttons (Force)
   Make "Read more" secondary
   ========================================= */

/* READ MORE: in the loop, it's the button that is NOT add_to_cart_button */
.woocommerce ul.products li.product a.button.product_type_simple:not(.add_to_cart_button),
.woocommerce-page ul.products li.product a.button.product_type_simple:not(.add_to_cart_button),
.woocommerce ul.products li.product a.button:not(.add_to_cart_button):not(.ajax_add_to_cart) {
    background-color: #e5e7eb !important;  /* light grey */
    color: #374151 !important;             /* dark grey text */
    border: 1px solid #d1d5db !important;
}

/* ADD TO CART stays primary */
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product a.button.ajax_add_to_cart {
    background-color: #f5b76a !important;
    color: #111827 !important;
    border: 1px solid #111827 !important;
}

/* Read more = button WITHOUT add_to_cart_button */
.woocommerce ul.products li.product a.button:not(.add_to_cart_button) {
    background-color: #e5e7eb;   /* light grey */
    color: #374151;              /* dark grey text */
    border: 1px solid #d1d5db;
}

/* Ensure Add to cart remains primary */
.woocommerce ul.products li.product a.button.add_to_cart_button {
    background-color: #f5b76a;   /* your CTA colour */
    color: #111827;
    border: 1px solid #111827;
}

/* BUTTONS */
/* Base Style  
 * background-color: #F5B76A !important;*/
button,
input[type=submit],
.button,
.woocommerce a.button,
.wp-block-button__link {
  background-color: #F5B76A !important;
  color: #111827 !important;
  border: 1px solid #111827 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* Hover Style – FIXED */
button:hover,
input[type=submit]:hover,
.button:hover,
.woocommerce a.button:hover,
.wp-block-button__link:hover {
  background-color: #4B5563 !important;   /* new hover background */
  border-color: #4B5563 !important;
  color: #ffffff !important;              /* ensure text stays visible */
  transform: translateY(-1px);
  filter: brightness(1.02);
  transition: all 0.15s ease-in-out;
}

button,
.button,
.wp-block-button__link {
  transition: background 0.15s ease, transform 0.1s ease;
}


/* WHITE SPACES REMOVED */
/* SHOP PAGE: remove the empty header block */
.post-type-archive-product .woocommerce-products-header   {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* SHOP PAGE: tighten space under breadcrumb */
.post-type-archive-product .storefront-breadcrumb   {
    margin-bottom: 0.5rem !important;   /* or 0 if you want it very tight */
    padding-bottom: 0.5rem !important;
}

/* make sure main content starts immediately */
.post-type-archive-product .site-main,
.post-type-archive-product .content-area {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

 
/* Remove title & spacing on the "Categories" page (ID 402) */
.page-id-402 .entry-header,
.page-id-402 .entry-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pull content up – remove wasted space */
.page-id-402 .site-main,
.page-id-402 .content-area {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Optional – reduce top whitespace globally for this page */
.page-id-402 .hentry {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/** ======================================  
 *  Footer Fixes
 * =======================================  **/


/* ===========================
   FIX: Footer widgets are light, text is light (washed out)
   Force a consistent dark footer + readable text
   =========================== */

#colophon.site-footer,
#colophon.site-footer .col-full,
#colophon.site-footer .footer-widgets,
#colophon.site-footer .footer-widgets .block,
#colophon.site-footer .footer-widgets .widget,
#colophon.site-footer .footer-widgets .widget_block {
  background-color: #0b1220 !important;
}

/* Override Storefront inline footer text colours (currently #000) */
#colophon.site-footer,
#colophon.site-footer .footer-widgets,
#colophon.site-footer .footer-widgets * {
  color: #e5e7eb !important;
}

/* Links */
#colophon.site-footer .footer-widgets a {
  color: #e5e7eb !important;
  text-decoration: none;
}
#colophon.site-footer .footer-widgets a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Headings in footer */
#colophon.site-footer .footer-widgets h1,
#colophon.site-footer .footer-widgets h2,
#colophon.site-footer .footer-widgets h3,
#colophon.site-footer .footer-widgets h4,
#colophon.site-footer .footer-widgets h5,
#colophon.site-footer .footer-widgets h6 {
  color: #ffffff !important;
}

@media (max-width: 768px){
  .handheld-navigation .menu-item-has-children > .sub-menu { display: none; }
  .handheld-navigation .menu-item-has-children.focus > .sub-menu { display: block; }
}



/* ================================
   MOBILE FIXES
   ================================ */
@media (max-width: 768px){
  .site-footer {
    padding: 2em 1em;
  }

  .storefront-footer-widgets {
    grid-template-columns: 1fr;
  }
}
}



/* ================================
   STOREFRONT MOBILE MENU FIX
   ================================ */

@media (max-width: 768px){
  .main-navigation ul ul {
    display: none;
  }

  .main-navigation ul li.focus > ul,
  .main-navigation ul li:focus-within > ul {
    display: block;
  }

  .main-navigation {
    overflow: visible !important;
  }
}

@media (max-width: 768px){
  footer,
  #colophon,
  .site-footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  header,
  nav,
  .site,
  .site-content {
    overflow: visible !important;
  }
}


/***************************/
/** AVAILABLE ON BACKORDER */
/***************************/
/* Make "Available on backorder" stand out on CART page */
.woocommerce-cart .backorder_notification,
.woocommerce-cart .stock.available-on-backorder {
  display: inline-block;
  padding: 6px 10px;
  margin-top: 4px;
  background-color: #FEF3C7;   /* soft yellow highlight */
  color: #B91C1C;               /* strong red text */
  font-weight: 700;
  font-size: 0.95rem;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Add extra info: lead time 4–8 weeks */
.woocommerce-cart .backorder_notification::after,
.woocommerce-cart .stock.available-on-backorder::after {
  content: " – ships in 4–8 weeks";
  font-weight: 600;
}





/* CSS Fix – Remove Header & Tighten Space */ 
/* Target the specific Categories page (page-id-402) */
.page-id-402 .entry-header,
.page-id-402 .entry-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Reduce extra space below breadcrumb */
.page-id-402 .storefront-breadcrumb {
    margin-bottom: 0.5rem !important;   /* reduce to 0 if needed */
    padding-bottom: 0 !important;
}
/* Pull content up */
.page-id-402 .content-area,
.page-id-402 .site-main,
.page-id-402 .hentry {
    margin-top: 0 !important;
    padding-top: 0 !important;
}




/* CSS Fix – Remove Header & Tighten Space */ 
/* Target the specific Categories page (page-id-493) */
.page-id-493 .entry-header,
.page-id-493 .entry-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Reduce extra space below breadcrumb */
.page-id-493 .storefront-breadcrumb {
    margin-bottom: 0.5rem !important;   /* reduce to 0 if needed */
    padding-bottom: 0 !important;
}
/* Pull content up */
.page-id-493 .content-area,
.page-id-493 .site-main,
.page-id-493 .hentry {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* CSS Fix – Remove Header & Tighten Space */ 
/* Target the specific Categories page (page-id-360) */
.page-id-360 .entry-header,
.page-id-360 .entry-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Reduce extra space below breadcrumb */
.page-id-360 .storefront-breadcrumb {
    margin-bottom: 0.5rem !important;   /* reduce to 0 if needed */
    padding-bottom: 0 !important;
}
/* Pull content up */
.page-id-360 .content-area,
.page-id-360 .site-main,
.page-id-360 .hentry {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hide WooCommerce breadcrumbs everywhere */
.woocommerce-breadcrumb,
.storefront-breadcrumb,
#breadcrumbs,
.breadcrumb,
nav.woocommerce-breadcrumb {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Remove leftover spacing after breadcrumb removal */
.woocommerce-products-header,
.entry-content,
.site-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Hide the post meta: date and author */
.entry-meta,
.single-post .entry-meta,
.single .entry-meta,
.posted-on,
.byline,
.author,
.entry-meta a {
    display: none !important;
    visibility: hidden !important;
}
/* Remove spacing where meta used to be */
.single-post .entry-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* Remove just the author name (posted by...) */
.byline,
.author,
.posted-by,
.entry-meta .byline,
.entry-meta .author,
.entry-meta .author a {
    display: none !important;
    visibility: hidden !important;
}
/* Remove author container completely */
.entry-meta .byline,
.entry-meta span.author {
    display: none !important;
}
/* Hide both author AND date */
.entry-meta,
.entry-meta a,
.entry-meta span {
    display: none !important;
}


/* Checkout Block: hide "(optional)" text for all inputs */
.wc-block-components-text-input__optional,
.wc-block-components-address-form__field .wc-block-components-text-input__optional {
  display: none !important;
}