/* Live CSS file */

.gePopupsContainer .CustomSwitcherPopup:focus-visible, .gePopupsContainer .CustomWelcomePopup:focus-visible{
  outline:none !important;
}

@media (min-width: 1024px) {
  h2#product-list-heading-anchor{
  font-size:1.25em !important;
  }
}

/* Home page - italics on hover */
.amplience__content-type-9-shop-by-player .grid a:hover{
    font-style:italic;
}

/* Home page - remove space above promo blocks under carousel */
body.page-homepage > main > div:nth-child(8) > div.no-space > div:nth-child(3) > div > div.flex.flex-row.w-full.items-end.justify-between{
padding-bottom:0px;
}

/* PDP Yotpo button styling issues  */
@media only screen and (max-width: 541px){
.yotpo-main-container .main-widget .write-question-review-buttons-container .write-question-review-button {
    width: auto !important;
}
}

/* Fix font sizes on mini bag item details */
#miniCartSlot .typography--body5--bold, #miniCartSlot .typography--body5, #miniCartSlot .typography--body3:not(.col-span-4 > .typography--body3), #miniCartSlot .typography--subtitle4{
  font-size:14px;
  color: #666666;
}
#miniCartSlot > div > div.relative > div > div.col-span-4 > div:first-child, #miniCartSlot > div > div.relative > div > div.col-span-4 > div:nth-child(2){
  font-size:16px;
}

/* Fix word wrapping on middle promo block (for longer title) */
body.page-homepage > main > div:nth-child(8) > div.no-space > div:nth-child(3) > div > div.grid.gap-4.grid-cols-1.grid-row-3.md\:grid-cols-3.md\:grid-row-1 > a:nth-child(1) > h3, body.page-homepage > main > div:nth-child(8) > div.no-space > div:nth-child(3) > div > div.grid.gap-4.grid-cols-1.grid-row-3.md\:grid-cols-3.md\:grid-row-1 > a:nth-child(2) > h3, body.page-homepage > main > div:nth-child(8) > div.no-space > div:nth-child(3) > div > div.grid.gap-4.grid-cols-1.grid-row-3.md\:grid-cols-3.md\:grid-row-1 > a:nth-child(3) > h3{
  max-width:300px;
}

/* Change SBP text colour on homepage */
.page-homepage a[href="/shopbyplayer/"] h3{
color: #D80B14 !important;
}

/* Update PDP Pre-order notice styling */

#sizeSelectorContainer > div.flex.items-center.mt-2, #pdpProductDetails > div:nth-child(2) > div.grid.grid-cols-12.gap-8.lg\:px-4.js-product-details-section > div.col-span-12.lg\:col-span-4.max-lg\:px-4.min-h-\[410px\] > div:nth-child(3) > div.flex.items-center.mb-4 {
    background-color: #93040C;
    padding: 20px;
    color: white;
}
#sizeSelectorContainer > div.flex.items-center.mt-2 > div.pointer-events-none.inline-block.bg-icon-delivery-truck.bg-contain.bg-center.bg-no-repeat.w-6.h-6, #pdpProductDetails > div:nth-child(2) > div.grid.grid-cols-12.gap-8.lg\:px-4.js-product-details-section > div.col-span-12.lg\:col-span-4.max-lg\:px-4.min-h-\[410px\] > div:nth-child(3) > div.flex.items-center.mb-4 > div.pointer-events-none.inline-block.bg-icon-delivery-truck.bg-contain.bg-center.bg-no-repeat.w-6.h-6{
    filter: invert(100%) sepia(14%) saturate(7481%) hue-rotate(186deg) brightness(112%) contrast(102%);
}

/* Ensure the gpay button fits within its container */
.gpay-btn {
    overflow: hidden; /* Prevent content from overflowing */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}
.gpay-btn .js-expressCheckout {
    display: flex;
    justify-content: center; /* Center the button horizontally */
    align-items: center; /* Center the button vertically */
}
.gpay-btn .js-expressCheckout button {
    width: 100%;
    max-width: 100%;
    height: 45px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Fix sale price colour on Wishlist page */
body.page-wishlistPage .text-grey-E1E1E1{
    color: rgb(130 130 130/var(--tw-text-opacity))
}

/* Fix alignment on patch dropdown */
#personalisationSelector img.h-full:not(.w-full), #kitSelector img.h-full:not(.w-full){
min-width: 39px;
object-fit: contain;
}

/* Adjust trio block text size for BF on BF page */
body.pageLabel--blackfriday div.amplience__content-type-9-shop-by-player h3{
  max-width: 100% !important;
  font-size: 4rem !important;
}
@media only screen and (max-width: 541px){
  body.pageLabel--blackfriday div.amplience__content-type-9-shop-by-player h3{
    font-size: 2.8rem !important;
  }
}

/* Adjust trio block text size for BF on homepage */
body.page-homepage #skip-to-content > div:nth-child(7) > div.amplience__content-type-9-shop-by-player h3{
  max-width: 100% !important;
  font-size: 4rem !important;
}
@media only screen and (max-width: 541px){
  body.page-homepage #skip-to-content > div:nth-child(7) > div.amplience__content-type-9-shop-by-player h3{
    font-size: 2.8rem !important;
  }
}

/* Hide meganav links on desktop */
@media (min-width: 1024px) {
  #nav div.block:has(> a:first-child[href$='/Homeware/c/home-car']),
  #nav div.block:has(> a:first-child[href$='/shopbyplayer']),
  #nav div.block:has(> a:first-child[href$='/collections']),
  #nav div.block:has(> a:first-child[href$='/Memorabilia/c/memorabilia']){
    display: none;
  }
}

/* Home page fix giant Summer Essentials and Shorts text */
#skip-to-content > div:nth-child(6) > div > div > a:nth-child(1) > h3, #skip-to-content > div:nth-child(6) > div > div > a:nth-child(2) > h3, #skip-to-content > div:nth-child(6) > div > div > a:nth-child(3) > h3 {
  font-size: 3rem !important;
}

/* Hide additional info container on checkout delivery */
.address-form__step2 .special-instructions {
    display: none !important;
}

/* Removing collection tab from Checkout Delivery page as a hotfix with postcode lookup broken  */
/*
#checkoutShippingDetails > div.form-group.js-delivery-method.max-lg\:pt-6.max-lg\:border-t.max-lg\:border-grey-E1E1E1.max-lg\:px-4 > div.flex.items-center.justify-between.typography--subtitle8.pb-6.lg\:pb-8.mb-6.lg\:mb-8.border-b.border-grey-E1E1E1 > div:nth-child(2) {
    display: none !important;
}
*/

/* Hide PayPal Checkout Hotfix */
/*
.page-cartPage .js-paymentProviderContainerD {
  display: none !important;
}

.page-multiStepCheckoutDeliveryPage #expressCheckoutContainer {
  display: none !important;
}
*/

/* PayPal EXPRESS Target the specific PayPal payment method and make it appear disabled */
/*
.paypal-btn {
  pointer-events: none;     
  opacity: 0.2;              
  filter: grayscale(100%);  
  cursor: not-allowed !important; 
}
*/