/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Quick Link Card */
.quick-card-arrow {
  position: absolute !important;
  right: 0;
  bottom: 0;
  z-index: 2;

  display: flex !important;
  align-items: flex-end;
  justify-content: flex-end;

  width: 42px;
  height: 42px;
  margin: 0 !important;
  padding: 0 6px 6px 0;

  background: #f51825;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.team-logo img {
	max-width: 100%;
	max-height: 48px;
	width: auto;
	height: auto;
}

/* Game Details */
@media only screen and (min-width: 768px) {
	.content-width-column-first,
	.content-width-column-middle,
	.content-width-column-last {
    	flex: 0 0 auto !important;
    	width: fit-content !important;
    	max-width: 100%;
	}
	.content-width-column-first {
		border-right: 1px solid #fff;
	}
	.content-width-column-last {
		border-left: 1px solid #fff;
	}
}

@media only screen and (max-width: 768px) {
	.content-width-column-first,
	.content-width-column-middle {
		border-bottom: 1px solid #707070;
	}
}

/* Homepage Hero */
.angular-hero {
  position: relative;
  min-height: 720px;
  overflow: hidden;
  isolation: isolate;
  background-size: cover;
  background-position: center;
}

/* Red accent behind black panel */
.angular-hero::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;

  background: linear-gradient(
    115deg,
    rgba(255, 38, 45, 0.92) 0%,
    rgba(225, 27, 38, 0.72) 55%,
    rgba(175, 15, 28, 0.38) 100%
  );
	
  clip-path: polygon(
    10% 0,
    46% 0,
    51% 26%
  );
}

/* Main black panel */
.angular-hero::after {
	content: "";
  	position: absolute;
  	inset: 0;
  	z-index: 2;
  	pointer-events: none;

  	background: #000;

  	clip-path: polygon(
    	0 0,
    	10% 0,
    	51% 26%,
    	51% 100%,
    	0 100%
	);
}

/* Keep Avada content above the shapes */
.angular-hero > .fusion-builder-row {
  position: relative;
  z-index: 3;
}

@media (max-width: 768px) {
  .angular-hero {
    min-height: auto;
    background-position: 65% center;
  }

  /* Black overlay across the mobile hero */
  .angular-hero::after {
    z-index: 1;
    background: rgba(0, 0, 0, 0.88);
    clip-path: none;
  }

  /* Red diagonal accent */
  .angular-hero::before {
    z-index: 2;
    background: linear-gradient(
      110deg,
      rgba(255, 38, 45, 0.92),
      rgba(175, 15, 28, 0.45)
    );

    clip-path: polygon(
      0 0,
      100% 0,
      100% 11%,
      0 3%
    );
  }
}

/* Global PTB */
.ptb-title-line {
    position: relative;
    overflow: visible !important;
}

.ptb-title-line::after {
    content: "";
    position: absolute;
    top: -4px;
    right: -24px;
    width: 18px;
    height: 4px;
    background-color: #ffffff;
}

.ptb-accent-line {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 18px;
}

.ptb-accent-line-red {
    display: block;
    width: 72px;
    height: 4px;
    background-color: #d71920;
}

.ptb-accent-line-white {
    display: block;
    width: 18px;
    height: 4px;
    background-color: #ffffff;
}

.ot-sdk-show-settings {
  color: white;
  height: 100%;
  padding-bottom: 3px;
  cursor: pointer;
}

.ot-sdk-show-settings::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #f51825;
  transition: all calc(var(--awb-transition-time, 300) * 1ms) cubic-bezier(.42, .01, .58, 1);
}

.ot-sdk-show-settings:hover::after {
  width: 100%;
}