/**
 * IAS Portal — Tier-Based Locking CSS
 * Loaded by the IAS Portal plugin on all frontend pages.
 * Previously lived on: Dashboard page inline CSS
 *
 * Body classes (set by class-membership-access.php):
 *   ias-tier-basic, ias-tier-plus, ias-tier-pro
 *   ias-has-certification
 */


/* ═══ ACCELERATOR BASIC ═══
   Locked: Certification, Trainings, Community tiles + My Tools
   Hidden tabs: Continue Learning, Certificates
═══════════════════════════════════════════════════════════ */

/* Tile locks */
.ias-tier-basic .ias-tile-certification,
.ias-tier-basic .ias-tile-trainings,
.ias-tier-basic .ias-tile-community {
  cursor: pointer !important;
}
.ias-tier-basic .ias-tile-certification > .fusion-column-wrapper,
.ias-tier-basic .ias-tile-trainings > .fusion-column-wrapper,
.ias-tier-basic .ias-tile-community > .fusion-column-wrapper {
  position: relative !important;
}
.ias-tier-basic .ias-tile-certification > .fusion-column-wrapper > *,
.ias-tier-basic .ias-tile-trainings > .fusion-column-wrapper > *,
.ias-tier-basic .ias-tile-community > .fusion-column-wrapper > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Dark overlay */
.ias-tier-basic .ias-tile-certification > .fusion-column-wrapper::after,
.ias-tier-basic .ias-tile-trainings > .fusion-column-wrapper::after,
.ias-tier-basic .ias-tile-community > .fusion-column-wrapper::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  right: 0 !important; bottom: 0 !important;
  background: rgba(0, 0, 0, 0.50) !important;
  border-radius: 12px !important;
  z-index: 5 !important;
  display: block !important;
  transition: background 0.2s ease !important;
}

/* Lock icon (SVG — no Font Awesome dependency) */
.ias-tier-basic .ias-tile-certification > .fusion-column-wrapper::before,
.ias-tier-basic .ias-tile-trainings > .fusion-column-wrapper::before,
.ias-tier-basic .ias-tile-community > .fusion-column-wrapper::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 32px !important;
  height: 32px !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTE0NCAxNDR2NDhIMzA0VjE0NGMwLTQ0LjItMzUuOC04MC04MC04MHMtODAgMzUuOC04MCA4MHpNODAgMTkyVjE0NEM4MCA2NC41IDE0NC41IDAgMjI0IDBzMTQ0IDY0LjUgMTQ0IDE0NHY0OGgxNmMzNS4zIDAgNjQgMjguNyA2NCA2NFY0NDhjMCAzNS4zLTI4LjcgNjQtNjQgNjRINjRjLTM1LjMgMC02NC0yOC43LTY0LTY0VjI1NmMwLTM1LjMgMjguNy02NCA2NC02NEg4MHoiLz48L3N2Zz4=") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  z-index: 6 !important;
  display: block !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3)) !important;
  transition: transform 0.2s ease !important;
}

/* Hover */
.ias-tier-basic .ias-tile-certification:hover > .fusion-column-wrapper::after,
.ias-tier-basic .ias-tile-trainings:hover > .fusion-column-wrapper::after,
.ias-tier-basic .ias-tile-community:hover > .fusion-column-wrapper::after {
  background: rgba(0, 0, 0, 0.60) !important;
}
.ias-tier-basic .ias-tile-certification:hover > .fusion-column-wrapper::before,
.ias-tier-basic .ias-tile-trainings:hover > .fusion-column-wrapper::before,
.ias-tier-basic .ias-tile-community:hover > .fusion-column-wrapper::before {
  transform: translate(-50%, -50%) scale(1.1) !important;
}

/* My Tools lock */
.ias-tier-basic .ias-feature-mytools .ias-accord-body {
  position: relative !important;
}
.ias-tier-basic .ias-feature-mytools .ias-accord-body::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  right: 0 !important; bottom: 0 !important;
  background: rgba(0, 0, 0, 0.45) !important;
  border-radius: 8px !important;
  z-index: 5 !important;
  display: block !important;
}
.ias-tier-basic .ias-feature-mytools .ias-accord-body::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 26px !important;
  height: 26px !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTE0NCAxNDR2NDhIMzA0VjE0NGMwLTQ0LjItMzUuOC04MC04MC04MHMtODAgMzUuOC04MCA4MHpNODAgMTkyVjE0NEM4MCA2NC41IDE0NC41IDAgMjI0IDBzMTQ0IDY0LjUgMTQ0IDE0NHY0OGgxNmMzNS4zIDAgNjQgMjguNyA2NCA2NFY0NDhjMCAzNS4zLTI4LjcgNjQtNjQgNjRINjRjLTM1LjMgMC02NC0yOC43LTY0LTY0VjI1NmMwLTM1LjMgMjguNy02NCA2NC02NEg4MHoiLz48L3N2Zz4=") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  z-index: 6 !important;
  display: block !important;
}

/* Hide tabs Basic members can't use */
.ias-tier-basic .ias-ml-tab[data-tab="continue"],
.ias-tier-basic .ias-ml-tab[data-tab="certificates"] {
  display: none !important;
}

/* Hide Creativity Coach AI highlight on Lesson Directory for Basic members */
.ias-tier-basic .ias-lp-coach-cta {
  display: none !important;
}


/* ═══ ACCELERATOR PLUS ═══
   Locked: Certification, Community tiles
═══════════════════════════════════════════════════════════ */

.ias-tier-plus .ias-tile-certification,
.ias-tier-plus .ias-tile-community {
  cursor: pointer !important;
}
.ias-tier-plus .ias-tile-certification > .fusion-column-wrapper,
.ias-tier-plus .ias-tile-community > .fusion-column-wrapper {
  position: relative !important;
}
.ias-tier-plus .ias-tile-certification > .fusion-column-wrapper > *,
.ias-tier-plus .ias-tile-community > .fusion-column-wrapper > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Dark overlay */
.ias-tier-plus .ias-tile-certification > .fusion-column-wrapper::after,
.ias-tier-plus .ias-tile-community > .fusion-column-wrapper::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  right: 0 !important; bottom: 0 !important;
  background: rgba(0, 0, 0, 0.50) !important;
  border-radius: 12px !important;
  z-index: 5 !important;
  display: block !important;
  transition: background 0.2s ease !important;
}

/* Lock icon (SVG) */
.ias-tier-plus .ias-tile-certification > .fusion-column-wrapper::before,
.ias-tier-plus .ias-tile-community > .fusion-column-wrapper::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 32px !important;
  height: 32px !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTE0NCAxNDR2NDhIMzA0VjE0NGMwLTQ0LjItMzUuOC04MC04MC04MHMtODAgMzUuOC04MCA4MHpNODAgMTkyVjE0NEM4MCA2NC41IDE0NC41IDAgMjI0IDBzMTQ0IDY0LjUgMTQ0IDE0NHY0OGgxNmMzNS4zIDAgNjQgMjguNyA2NCA2NFY0NDhjMCAzNS4zLTI4LjcgNjQtNjQgNjRINjRjLTM1LjMgMC02NC0yOC43LTY0LTY0VjI1NmMwLTM1LjMgMjguNy02NCA2NC02NEg4MHoiLz48L3N2Zz4=") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  z-index: 6 !important;
  display: block !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3)) !important;
  transition: transform 0.2s ease !important;
}

/* Hover */
.ias-tier-plus .ias-tile-certification:hover > .fusion-column-wrapper::after,
.ias-tier-plus .ias-tile-community:hover > .fusion-column-wrapper::after {
  background: rgba(0, 0, 0, 0.60) !important;
}
.ias-tier-plus .ias-tile-certification:hover > .fusion-column-wrapper::before,
.ias-tier-plus .ias-tile-community:hover > .fusion-column-wrapper::before {
  transform: translate(-50%, -50%) scale(1.1) !important;
}


/* ═══ ACCELERATOR PRO ═══
   Locked: Certification only
═══════════════════════════════════════════════════════════ */

.ias-tier-pro .ias-tile-certification {
  cursor: pointer !important;
}
.ias-tier-pro .ias-tile-certification > .fusion-column-wrapper {
  position: relative !important;
}
.ias-tier-pro .ias-tile-certification > .fusion-column-wrapper > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Dark overlay */
.ias-tier-pro .ias-tile-certification > .fusion-column-wrapper::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  right: 0 !important; bottom: 0 !important;
  background: rgba(0, 0, 0, 0.50) !important;
  border-radius: 12px !important;
  z-index: 5 !important;
  display: block !important;
  transition: background 0.2s ease !important;
}

/* Lock icon (SVG) */
.ias-tier-pro .ias-tile-certification > .fusion-column-wrapper::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 32px !important;
  height: 32px !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTE0NCAxNDR2NDhIMzA0VjE0NGMwLTQ0LjItMzUuOC04MC04MC04MHMtODAgMzUuOC04MCA4MHpNODAgMTkyVjE0NEM4MCA2NC41IDE0NC41IDAgMjI0IDBzMTQ0IDY0LjUgMTQ0IDE0NHY0OGgxNmMzNS4zIDAgNjQgMjguNyA2NCA2NFY0NDhjMCAzNS4zLTI4LjcgNjQtNjQgNjRINjRjLTM1LjMgMC02NC0yOC43LTY0LTY0VjI1NmMwLTM1LjMgMjguNy02NCA2NC02NEg4MHoiLz48L3N2Zz4=") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  z-index: 6 !important;
  display: block !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3)) !important;
  transition: transform 0.2s ease !important;
}

/* Hover */
.ias-tier-pro .ias-tile-certification:hover > .fusion-column-wrapper::after {
  background: rgba(0, 0, 0, 0.60) !important;
}
.ias-tier-pro .ias-tile-certification:hover > .fusion-column-wrapper::before {
  transform: translate(-50%, -50%) scale(1.1) !important;
}


/* ═══ CERTIFICATION OVERRIDE ═══
   Unlocks cert tile for ANY tier if user has certification tags
   (Accelerator with Independent Certification OR Alumni with Accelerator)
═══════════════════════════════════════════════════════════ */

.ias-has-certification .ias-tile-certification {
  cursor: default !important;
}
.ias-has-certification .ias-tile-certification > .fusion-column-wrapper::after,
.ias-has-certification .ias-tile-certification > .fusion-column-wrapper::before {
  display: none !important;
  content: none !important;
}
.ias-has-certification .ias-tile-certification > .fusion-column-wrapper > * {
  pointer-events: auto !important;
}