/* Prize group container */
.prize-group {
	padding: 1.5rem;
    box-sizing: border-box;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .015), 0px 2px 10px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .13);
    margin-top: 15px;
}


.prize-group h3 {
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 800;
    border-bottom: dashed 1px #eeeeee;
    padding-bottom: 10px;
}

.ticket-card-grid {
    display: grid;
	grid-template-columns: repeat(auto-fit, 95px);
    gap: 15px;
	margin-top: 5px
}

.ticket-card {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.2s, box-shadow 0.2s;
    font-size: 12px;
}

.ticket-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.tabticketimg svg {
	max-width: 20px !important;
	margin: -2px -3px 0 0;
	color: #ff0000;
}

.tabticketimg, .tabnumber {
	padding: 8px;
}

.tabnumber {
	margin-left: -3px;
}

.ticket-card div:first-child {
	border-right: dashed 1px #eeeeee;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    background-color: transparent;
    border-color: transparent;
}

.tiwt-nav-container {
    display: inline-block;
    padding: .25rem;
    border-radius: 12px;
}

/* Center the nav container inside the parent */
.tiwt-container {
    text-align: left;
}

/* Ensure the nav-tabs list is laid out inline if necessary */
.tiwt-nav-container .nav-tabs {
    border: none;
    margin-bottom: 0;
	font-size: 14px;
	color: #000000 !important;
}

a.nav-link {
	opacity: 0.5;
	transition: 0.2s;
	color: #000000 !important;
}

a.nav-link:hover {
	opacity: 1;
	transition: 0.2s;
}

a.nav-link.active {
	opacity: 1;
}

/* Ensure the nav-tabs is positioned relative so the indicator can be absolutely positioned */
.nav-tabs {
    position: relative;
    overflow: hidden; /* Optional: hide overflow if indicator spills a bit */
}

/* Style for the sliding indicator pill */
.nav-indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
	border: solid 1px #e5e7eb;
    border-radius: 12px;
    transition: left 0.3s ease, width 0.3s ease;
    z-index: 0;
	outline: 2px solid transparent;
    outline-offset: 2px;
}

/* Ensure the link itself is above the indicator */
.nav-tabs .nav-link {
    position: relative;
    z-index: 1;
    padding: 10px 15px;
}


/* Styling for the Load More button */
.load-more-btn {
    margin-top: 10px;
    padding: 8px 12px;
    border: none;
    font-size: 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

.wonamount {
	font-size: 13px;
	font-weight: 400;
}

.loadmorecontainer {
    display: block;
    width: 100%;
    text-align: left;
    clear: both;
}

table#tiwt-custom-categories-table th {
		text-align: left !important;
		}

@media all and (min-width: 1px) and (max-width: 768px) { 
.ticket-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));
}
}