.cover-hover-scale {
  transition: transform 0.5s ease;
  display: inline-block;
}

.cover-hover-scale:hover {
  transform: scale(1.02);
}

.carousel-customization {
	--wp--custom--carousel-block--navigation-size: 35px;
	--wp--custom--carousel-block--navigation-sides-offset: 20px;
	padding-left: 60px;
	padding-right: 60px;
}

html {
	scroll-behavior: smooth;
}

header,
.site-header,
.navbar,
.header-menu {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ============================
   DESKTOP MENU TEXT COLOR
   ============================ */
header .main-navigation a {
    color: #33331F !important;    /* White text – change if needed */
    text-shadow: none !important;
}

/* Hover color (Murphy Gold) */
header .main-navigation a:hover {
    color: #ABA130 !important;    /* Murphy Gold */
}

/* Active menu item */
header .main-navigation .current-menu-item > a {
    color: #ABA130 !important;
}

/* ============================
   MOBILE MENU STYLING
   ============================ */
.mobile-menu,
.mobile-menu ul,
.mobile-menu-container {
    background: transparent !important;  /* No background */
}

/* Mobile menu text */
.mobile-menu a {
    color: #000000 !important;           /* White menu text */
}

/* Mobile menu hover */
.mobile-menu a:hover {
    color: #ABA130 !important;
}

/* ============================
   REMOVE THEME OVERRIDES
   ============================ */
.main-navigation,
.primary-menu {
    background: transparent !important;
}

/* Fixing Hero */
/* TEST: if this works, we know CSS is applied to the correct page */
.page-id-2404 h1,
.page-id-2404 h2 {
  color: #EDE7DA !important;
  opacity: 1 !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.35) !important;
}

/*Buttons*/
/* PAGE 2404 — Build Your Own buttons → Gold outline */
.page-id-2404 .wp-block-button__link,
.page-id-2404 a.wp-block-button__link,
.page-id-2404 .button,
.page-id-2404 a.button {
  background: transparent !important;
  color: #D7B46A !important;
  border: 1px solid rgba(215,180,106,0.85) !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.page-id-2404 .wp-block-button__link:hover,
.page-id-2404 a.wp-block-button__link:hover,
.page-id-2404 .button:hover,
.page-id-2404 a.button:hover {
  background: rgba(215,180,106,0.12) !important;
}


/* Murphy Golf – Product Cards */
.woocommerce ul.products li.product {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,0.4);
}

.woocommerce ul.products li.product img {
  border-radius: 14px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #E6D5A3;
  font-size: 22px;
}

.woocommerce ul.products li.product .price {
  color: #C9A24D;
  font-size: 18px;
}
/*Murphy Golf Product Premium*/
/* Murphy Golf - Personal Simulators product cards */
.mg-personal-sim-grid .wc-block-product {
  background: #0F1A14;
  border: 1px solid rgba(201,162,77,.7);
  border-radius: 16px;
  padding: 26px;
  box-shadow: 0 18px 60px rgba(0,0,0,.40);
}

.mg-personal-sim-grid .wc-block-product img {
  border-radius: 12px;
}

/* Button style */
.mg-personal-sim-grid .wp-block-button__link,
.mg-personal-sim-grid .add_to_cart_button,
.mg-personal-sim-grid a.wp-block-button__link {
  border-radius: 999px !important;
  border: 1px solid rgba(201,162,77,.85) !important;
  background: transparent !important;
  color: #D7B46A !important;
  padding: 10px 18px !important;
}
.mg-personal-sim-grid .wp-block-button__link:hover,
.mg-personal-sim-grid .add_to_cart_button:hover {
  background: rgba(201,162,77,.12) !important;
}

/* Header */
/* Murphy Golf - Header colors */
.site-header.responsive-max-width.has-logo.has-menu{
  background: #0E1512 !important;
}

/* Menu + header links */
.site-header.responsive-max-width.has-logo.has-menu a{
  color: #F1EFEA !important;
}

/* Hover + active menu item */
.site-header.responsive-max-width.has-logo.has-menu a:hover,
.site-header.responsive-max-width.has-logo.has-menu .current-menu-item > a,
.site-header.responsive-max-width.has-logo.has-menu .current_page_item > a{
  color: #A87C4F !important;
}

/*Cart*/
/* Cart icon color */
.site-header .cart,
.site-header .cart a,
.site-header .cart svg {
  color: #F1EFEA !important;
  fill: #F1EFEA !important;
}

/* Cart icon hover */
.site-header .cart a:hover,
.site-header .cart:hover svg {
  color: #A87C4F !important;
  fill: #A87C4F !important;
}

/* Cart dropdown background */
.woocommerce-mini-cart,
.widget_shopping_cart_content {
  background: #0E1512 !important;
  color: #F1EFEA !important;
}

/* Cart product names */
.woocommerce-mini-cart a {
  color: #F1EFEA !important;
}

/* Cart buttons (View cart / Checkout) */
.woocommerce-mini-cart .button {
  background: transparent !important;
  border: 1px solid #A87C4F !important;
  color: #A87C4F !important;
  border-radius: 999px;
}

/* Cart buttons hover */
.woocommerce-mini-cart .button:hover {
  background: #A87C4F !important;
  color: #0E1512 !important;
}

/* Cart price text (header + dropdown) */
.site-header .woocommerce-Price-amount,
.site-header .amount,
.woocommerce-mini-cart .woocommerce-Price-amount,
.woocommerce-mini-cart .amount {
  color: #F1EFEA !important;
}

/* Optional hover / emphasis for cart prices */
.site-header .woocommerce-Price-amount:hover,
.woocommerce-mini-cart .woocommerce-Price-amount:hover {
  color: #A87C4F !important;
}

/*PRoduct Portal Menu fixing*/
/* MOBILE FIX — Elementor row container with buttons */
@media (max-width: 1024px){

  /* Any Elementor container that has buttons in a row */
  .e-con{
    min-width: 0;
  }

  /* The inner flex wrapper that actually breaks things */
  .e-con > .e-con-inner{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch;
    padding: 6px 12px;
  }

  /* Each button widget */
  .e-con .elementor-element{
    flex: 0 0 auto !important;
  }

  /* Button sizing */
  .e-con .elementor-button{
    min-width: 120px;
    text-align: center;
  }

  /* Prevent ugly text stacking */
  .e-con .elementor-button-text{
    white-space: normal;
    line-height: 1.1;
    display: block;
  }

  /* Optional: hide scrollbar */
  .e-con > .e-con-inner::-webkit-scrollbar{
    display: none;
  }
}

/*Portal Menu*/
@media (max-width: 1024px){
  .portal-menu,
  .portal-menu > .e-con-inner{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    flex-wrap: nowrap !important;
  }
}

/*Portal Images*/

/* Make WooCommerce product images consistent inside cards */
.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: 260px !important;          /* adjust: 220–320 depending on your cards */
  object-fit: contain !important;     /* contain = no cropping */
  object-position: center !important;
  background: #0B1411;               /* your dark green/black */
  border-radius: 14px;
  padding: 12px;                      /* gives breathing room */
  box-sizing: border-box;
}

/* Mobile tweak */
@media (max-width: 768px){
  .woocommerce ul.products li.product a img{
    height: 240px !important;
    padding: 10px;
  }
}