/*Add Css Custom Here*/
div.tshirtecommerce-btn-group{ 
	display: inline-block; 
	background-color: #ff3c20;
    border-radius: 3px;
    margin: 0 5px;
    padding: 0 10px;
   
    width: auto;
    vertical-align: top;
}
div.tshirtecommerce-btn-group > a{ color: white; text-transform: uppercase;}
/*====== Fix bugs Megamenu not showing icon font (26/1/2018) =====*/
@media (min-width: 992px)  {
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:before,
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:after{display: none;}
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical .vertical-wrapper{
      visibility: hidden;
      opacity: 0;
    }   
    .common-home .navbar-compact.typeheader-1 .container-megamenu.vertical:hover .vertical-wrapper{
      visibility: visible;
      opacity: 1;
      top: 40px; } 
}
@media (min-width: 992px){
	/*.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {    padding: 9px 0; line-height: 24px; height: auto;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i,
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
	    display: inline-block;
	}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before{display: none;} */
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img{position: static; transform: inherit;}

}

.typeheader-12 .navbar-logo .logo{
	min-height: 40px;
}

/* Product-card actions: keep all three actions on the same row. */
.so-extraslider .right-block .button-group {
  display: flex !important;
  align-items: stretch;
  gap: 4px;
  width: 100%;
}
.so-extraslider .right-block .button-group > button {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  min-height: 38px;
  border-radius: 4px;
  cursor: pointer;
}
.so-extraslider .right-block .button-group > .addToCart {
  flex: 1 1 auto;
  min-width: 0;
  height: auto !important;
  padding: 4px 5px !important;
  background: #174ba3 !important;
  color: #fff !important;
  border: 1px solid #174ba3 !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}
.so-extraslider .right-block .button-group > .btn-button {
  flex: 0 0 36px;
  width: 36px !important;
  height: auto !important;
  padding: 0 !important;
  background: #fff !important;
  color: #344459 !important;
  border: 1px solid #d5dce5 !important;
}
.so-extraslider .right-block .button-group > .btn-button span { display: none !important; }
.so-extraslider .right-block .button-group > .addToCart { white-space: nowrap !important; }
.so-extraslider .right-block .button-group > .addToCart > i { display: none; }
.so-extraslider .right-block .button-group > .addToCart span { font-size: 0 !important; }
.so-extraslider .right-block .button-group > .addToCart span::after { content: 'Añadir'; font-size: 11px; }
.so-extraslider .right-block .button-group > button:hover { filter: brightness(.9); }
.so-extraslider .right-block .button-group > button:focus-visible { outline: 3px solid #e77000; outline-offset: 2px; }

/* Keep the desktop search field compact while leaving the mobile layout intact. */
@media (min-width: 992px) {
  .typeheader-4 .search-header-w #sosearchpro {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Keep category cards aligned even when a name wraps onto another line. */
.refine-search .refine-search__content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.refine-search .refine-search__content::after { display: none; }

/* D3 category menu logos: match the theme's compact icon-and-label rows. */
.container-megamenu.vertical .vertical-wrapper ul.megamenu > li.d3-category-logo > a strong { display: inline-flex !important; align-items: center; padding: 0 !important; vertical-align: middle; }
.container-megamenu.vertical .vertical-wrapper ul.megamenu > li.d3-category-logo > a strong img { display: inline-block !important; position: static !important; transform: none !important; flex: 0 0 16px; width: 16px !important; height: 16px !important; margin: 0 10px 0 0 !important; object-fit: contain; vertical-align: middle; }
/* Scroll long team lists and keep dropdowns inside the desktop viewport. */
@media (min-width: 992px) {
  .container-megamenu.horizontal ul.megamenu > li.d3-team-dropdown > .sub-menu { width: 760px !important; max-width: calc(100vw - 32px); }
  .container-megamenu.horizontal ul.megamenu > li.d3-submenu-left > .sub-menu { left: 0 !important; right: auto !important; }
  .container-megamenu.horizontal ul.megamenu > li.d3-submenu-right > .sub-menu { left: auto !important; right: 0 !important; }
  .container-megamenu.horizontal ul.megamenu > li.d3-team-dropdown > .sub-menu > .content { max-height: min(65vh, 520px); overflow-y: auto; overscroll-behavior: contain; }
}
/* Match team submenu text to the left-hand category menu. */
.container-megamenu.horizontal ul.megamenu > li.d3-team-dropdown .d3-team-submenu a.main-menu { font-size: 13px !important; font-weight: 400 !important; line-height: 19px !important; text-transform: none !important; color: #666; border-bottom: 0 !important; padding: 4px 0 !important; margin: 0 !important; }
.container-megamenu.horizontal ul.megamenu > li.d3-team-dropdown .d3-team-submenu a.main-menu:hover { color: #3175e4; }
.container-megamenu.horizontal ul.megamenu > li.d3-team-dropdown .d3-team-submenu .static-menu .menu > ul > li { padding: 0 !important; margin: 0 !important; }

/* Barcelona x Golf Wang homepage slide. */
.sohomepage-slider .sohomeslider-description:has(.d3-golf-promo) { top: 50%; left: 8%; width: 48%; padding: 0; transform: translateY(-50%); cursor: auto; }
.d3-golf-promo { color: #fff; font-family: Arial, sans-serif; }
.d3-golf-eyebrow { color: #ffc629; font-size: clamp(10px,1vw,16px); letter-spacing: .2em; font-weight: 700; margin-bottom: clamp(8px,1.2vw,20px); }
.d3-golf-heading { color: #fff; font-size: clamp(25px,4vw,64px); line-height: 1.03; letter-spacing: -.035em; font-weight: 800; }
.d3-golf-heading span { color: #ffc629; }
.d3-golf-subtitle { margin-top: clamp(8px,1vw,16px); font-size: clamp(11px,1.15vw,18px); color: #dce7f1; }
.sohomepage-slider .d3-golf-button { display: inline-block; margin-top: clamp(10px,1.5vw,24px); padding: 11px 19px; background: #ffc629; color: #101c2d; font-size: 12px; letter-spacing: .06em; font-weight: 700; text-decoration: none; }
.sohomepage-slider .d3-golf-button:hover { background: #fff; color: #101c2d; }
@media (max-width: 767px) { .sohomepage-slider .sohomeslider-description:has(.d3-golf-promo) { left: 6%; width: 58%; } .d3-golf-heading { font-size: clamp(18px,5vw,35px); } .d3-golf-eyebrow { margin-bottom: 6px; letter-spacing: .08em; } .d3-golf-subtitle { display: none; } .sohomepage-slider .d3-golf-button { margin-top: 7px; padding: 6px 9px; font-size: 9px; } }
.sohomepage-slider .so-homeslider .d3-golf-button { display: inline-block !important; width: auto !important; }

@media (max-width: 767px) { .sohomepage-slider .sohomeslider-description:has(.d3-golf-promo) { left: 10%; width: 52%; } .d3-golf-eyebrow { font-size: 9px; } .d3-golf-heading { font-size: clamp(16px,4.4vw,30px); } .sohomepage-slider .d3-golf-button { padding: 4px 8px; } }