/**
 * Customizations CSS
 * 
 * Additional CSS migrated from WordPress Customizer
 * Custom styles for specific plugins and layout adjustments:
 * - Sponsored by blocks
 * - Mega menu positioning
 * - Tribe Events calendar overrides
 * - MemberPress and PMS plugin styling
 * - Mobile hero backgrounds
 * - Third-party plugin overrides
 * 
 * Extracted from main.css lines 8358-8537
 */

/* =================================================================
   Additional CSS (Migrated from WordPress Customizer)
   Custom styles for specific plugins and layout adjustments
   ================================================================= */

/* === Nuclear Debug (Commented Out) === */
/* Uncomment for layout debugging
* {
  outline: 2px solid red !important;
  background-color: rgba(255,0,0,0.05) !important;
}
*/

/* === Sponsored By Block === */
.oplm-sponsored-by {
  padding: 12px 16px;
  border-radius: 12px;
}

.oplm-sponsored-by .wp-block-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sponsored-by-block {
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%;
  margin: 15px;
  gap: 8px;
}

.sponsored-by-item {
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  white-space: nowrap;
  box-sizing: border-box;
}

/* === Header Navigation - Mega Menu Centering === */
#header-menu > li.has-children {
  position: relative;
}

#header-menu > li.has-children .sub-menu-container,
#header-menu > li.has-children > .sub-menu {
  left: 50% !important;
  transform: translateX(-50%) !important;
  right: unset !important;
  margin-left: 0 !important;
  width: max-content !important;
  text-align: center;
  top: calc(100% + 20px) !important;
}

#header-menu > li.has-children .sub-menu {
  padding-top: 14px !important;
}

#header-menu .sub-menu-container ul,
.tribe-events-calendar-list__event-featured-image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 18px;
}

.theme-header-navigation-container .header-menu-container .header-menu-list>li:not(:last-of-type) {
  margin-right: 32px;
}

/* === Navigation Font Sizing === */
nav ul li a {
  font-size: 13px !important;
  font-weight: 600;
  margin-left: 0px;
}

/* === Tribe Events (Calendar Plugin) === */
.tribe-events-calendar-list__event-featured-image {
  height: 52px !important;
  width: auto !important;
  flex-shrink: 0;
}

.tribe-block.tribe-block--virtual-event {
  /* display: none; */
}

.tribe-events-nav-previous,
.tribe-events-nav-next {
  list-style-type: none !important;
}

span.read-more,
span.read-less,
span.read-toggle {
  color: white !important;
  font-weight: 600;
}

/* === MemberPress Styling === */
.protected-join-button {
  border: 1px solid #999;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: not-allowed;
  font-weight: 600;
  color: #444;
}

.mepr-nav-item {
  list-style: none;
  padding-left: 0 !important;
  margin: 0 !important;
}

a.have-coupon-link {
  display: none;
}

.mp-form-row.mepr_coupon {
  display: block !important;
}

/* === PMS (Paid Member Subscriptions) === */
input[value="718"] + label .pms-subscription-plan-price {
  display: none !important;
}

input[value="718"] + label {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* === Elementor / Third-party Plugin Overrides === */
div.e19lxcc00 {
  display: none !important;
}

/* === Mobile Hero Background (Frontend Only) === */
.frontpage-hero-mobile {
  background-image: url(/wp-content/uploads/2024/11/oplm-home-cover-mobile.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.frontpage-hero-mobile .wp-block-cover__video-background {
  display: none;
}

@media screen and (min-width: 991px) {
  .hamburger-box {
    display: none !important;
  }

  .frontpage-hero-mobile {
    background-image: none;
  }

  .frontpage-hero-mobile .wp-block-cover__video-background {
    display: initial;
  }
}

/* === General List Styling === */
ul {
  margin-left: 2.5em !important;
}

/* === Custom Block Styling === */
.mi-bloque-personalizado {
  padding: 15px;
}