/* Style pour les onglets concours du profil Ultimate Member */
@import url('global-colors.css');

/* Concours - Onglet mes concours */
/* Conteneur principal pour les concours */
.giveaway-profil-promo {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: var(--admin-lab-color-th-background);
    border: 1px solid var(--admin-lab-color-borders);
}

.giveaway-my-giveaways {
    margin-top: 2rem;
}

/* Texte */
.giveaway-profil-promo h3 {
    margin-top: 0;
    font-size: 1.25rem;
    font-weight: bold;
}

.giveaway-my-giveaways h2,
.giveaway-profil-promo-container h2 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

/* Boutons */
.giveaway-all-giveaways {
    padding: 0.5rem 1rem;
    background-color:var(--admin-lab-color-secondary);
    color: var(--admin-lab-color-white);
    border-radius: 4px;
    text-align: center;
    display: inline-block;
}

.giveaway-all-giveaways:hover {
    background-color: var(--admin-lab-color-button-primary-hover);
}

/* Tableau des concours actifs partenaire */
.partner-giveaway-wrapper {
    margin-top: 2rem;
}

.partner-giveaway-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.partner-giveaway-card {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 2rem;
    border: 1px solid var(--admin-lab-color-borders);
    padding: 1rem;
    border-radius: 8px;
    align-items: flex-start;
}

.partner-giveaway-thumb {
    width: 150px;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
}

.partner-giveaway-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.partner-giveaway-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

.partner-giveaway-name {
    font-size: 1.2rem;
    margin: 0;
}

.partner-giveaway-meta {
    text-align: right;
    font-size: 0.9rem;
}

.giveaway-time-left {
    display: block;
    font-weight: bold;
}

.giveaway-participants {
    display: block;
    color: var(--admin-lab-color-text);
}

.partner-giveaway-gifts {
    margin: 0.5rem 0;
}

.partner-giveaway-button {
    align-self: flex-start;
    margin-top: auto;
    background:var(--admin-lab-color-secondary);
    color: var(--admin-lab-color-white);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    text-decoration: none;
}

.partner-giveaway-button:hover {
    background: var(--admin-lab-color-button-primary-hover);
}

/* Filtres mes participations */
.giveaway-my-giveaways .giveaway-my-giveaways-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	height: 30px;
	margin: 6px 0 8px;
	padding-top: 5px;
	vertical-align: middle;
}

.giveaway-my-giveaways .giveaway-my-giveaways-filters form {
	display: flex;
	gap: 1rem;
	align-items: center;
	flex-wrap: wrap;
}

.giveaway-my-giveaways select,
.giveaway-my-giveaways input[type="text"],
.giveaway-my-giveaways button {
	font-size: 14px !important;
	line-height: 2;
	color: var(--admin-lab-color-header-text);
	border-color: var(--admin-lab-color-borders);
	box-shadow: none;
	border-radius: 3px;
	padding: 0 24px 0 8px;
	min-height: 30px;
	max-width: 25rem;
	-webkit-appearance: none;
	background: var(--admin-lab-color-white);
	background-size: 16px 16px;
	cursor: pointer;
	vertical-align: middle;
}

.giveaway-my-giveaways select:hover {
	color: var(--admin-lab-color-secondary);
}

.giveaway-my-giveaways select:focus {
	border-color: var(--admin-lab-color-secondary);
	color: var(--e-global-color-primary);
	box-shadow: 0 0 0 1px var(--admin-lab-color-secondary);
	outline: 2px solid transparent;
}

/* Pagination */
.my-giveaways-um-pagination {
	height: 30px;
	margin: 6px 0 4px;
	padding-top: 5px;
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 13px;
	color: var(--admin-lab-color-text);
	flex-wrap: wrap;
	float: right;
}

.my-giveaways-um-pagination .pagination-links {
	display: flex;
	gap: 0.25rem;
	align-items: center;
}

.my-giveaways-um-pagination .button,
.my-giveaways-um-pagination .tablenav-pages-navspan {
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-webkit-appearance: none;
	text-decoration: none;
	border-radius: 3px;
	white-space: nowrap;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: baseline;
	min-width: 30px;
	min-height: 30px;
	margin: 0;
	padding: 0 4px;
	font-size: 16px;
	line-height: 1.625;
	text-align: center;
	color: var(--admin-lab-color-secondary);
	border-color: var(--admin-lab-color-secondary);
	background: var(--admin-lab-color-odd);
}

.my-giveaways-um-pagination .button:hover {
	background: var(--admin-lab-color-button-secondary-hover);
	border-color: var(--e-global-color-primary);
	text-decoration: none;
	color: var(--e-global-color-primary);
}

.my-giveaways-um-pagination .button:focus {
	background: var(--admin-lab-color-odd);
	border-color: var(--admin-lab-color-button-primary-focus);
	color: var(--e-global-color-primary);
	box-shadow: 0 0 0 1px var(--admin-lab-color-button-primary-focus);
	outline: 2px solid transparent;
	outline-offset: 0;
}

.my-giveaways-um-pagination .button.disabled,
.my-giveaways-um-pagination .tablenav-pages-navspan.disabled {
	color: var(--admin-lab-color-pagination-text) !important;
	border-color: var(--admin-lab-color-pagination-background) !important;
	background: var(--admin-lab-color-odd) !important;
	box-shadow: none !important;
	cursor: default;
	transform: none !important;
}

.my-giveaways-um-pagination .displaying-num,
.my-giveaways-um-pagination .paging-input,
.my-giveaways-um-pagination .total-pages {
	color: var(--admin-lab-color-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 13px;
	line-height: 1.4em;
}

/* === TABLEAUX CONCOURS (communs) === */

.um-giveaway-list-table,
.giveaway-profil-promo-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--admin-lab-color-white);
    margin-top: 1rem;
    overflow: hidden;
    border: 1px solid var(--admin-lab-color-borders);
}

.um-giveaway-list-table th,
.giveaway-profil-promo-table th,
.um-giveaway-list-table td,
.giveaway-profil-promo-table td {
    padding: 10px 12px;
    text-align: left;
    font-size: 13.5px;
    vertical-align: middle;
        border: 1px solid var(--admin-lab-color-borders);
}

.um-giveaway-list-table thead tr,
.giveaway-profil-promo-table thead tr {
    background: var(--admin-lab-color-th-background);
}

.um-giveaway-list-table thead th,
.giveaway-profil-promo-table thead th {
    color: var(--admin-lab-color-header-text);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
    border-bottom: 1px solid var(--admin-lab-color-borders);
}

.um-giveaway-list-table tr:nth-child(even),
.giveaway-profil-promo-table tr:nth-child(even),
.alternate {
    background-color: var(--admin-lab-color-odd);
}

/* Liens */
.um-giveaway-list-table a,
.giveaway-profil-promo-table a {
    color:var(--admin-lab-color-secondary);
    text-decoration: none;
}

.um-giveaway-list-table a:hover,
.giveaway-profil-promo-table a:hover {
    color: var(--admin-lab-color-button-primary-hover);
    text-decoration: underline;
}

/* === TOGGLE ROWS === */

.um-giveaway-list-table .toggle-row,
.giveaway-profil-promo-table .toggle-row {
    position: relative;
}

.um-giveaway-list-table .toggle-row-btn,
.giveaway-profil-promo-table .toggle-row-btn {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transform: translateY(-50%);
    outline: 0;
}

.um-giveaway-list-table .toggle-row-btn::before,
.giveaway-profil-promo-table .toggle-row-btn::before {
    content: "▾";
    font-size: 16px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: block;
    color: var(--admin-lab-color-text);
    line-height: 1;
    padding: 2px 1px 0;
    text-align: center;
}

.toggle-row.is-expanded .toggle-row-btn::before {
    transform: translateY(-50%) translateX(50%) rotate(180deg);
}

.um-giveaway-list-table .toggle-row-btn:focus::before,
.giveaway-profil-promo-table .toggle-row-btn:focus::before {
    box-shadow: 0 0 0 2px var(--admin-lab-color-secondary);
    outline: 2px solid transparent;
}

/* === RESPONSIVE === */

@media screen and (min-width: 783px) {
    .um-giveaway-list-table tr.toggle-row td.details {
        display: table-cell;
    }

    .um-giveaway-list-table tr.toggle-row.is-expanded td.details {
        display: table-cell;
    }
}

@media screen and (max-width: 782px) {
    .um-giveaway-list-table thead,
    .giveaway-profil-promo-table thead {
        display: none;
    }

    .um-giveaway-list-table tr.toggle-row,
    .giveaway-profil-promo-table tr.toggle-row {
        display: block;
    }

    .um-giveaway-list-table tr.toggle-row td,
    .giveaway-profil-promo-table tr.toggle-row td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
        padding: 12px 10px;
		border: none;
    }

    .um-giveaway-list-table tr.toggle-row td.details,
    .giveaway-profil-promo-table tr.toggle-row td.details {
        display: none;
    }

    .um-giveaway-list-table tr.toggle-row.is-expanded td.details,
    .giveaway-profil-promo-table tr.toggle-row.is-expanded td.details {
        display: block;
    }

    .um-giveaway-list-table .toggle-row-btn,
    .giveaway-profil-promo-table .toggle-row-btn {
        display: inline-block;
    }

    .um-giveaway-list-table .summary,
    .giveaway-profil-promo-table .summary {
        position: relative;
        padding-right: 40px;
    }

	.um-giveaway-list-table td,
	.giveaway-profil-promo-table td {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 1rem;
	}

	.um-giveaway-list-table td::before,
	.giveaway-profil-promo-table td::before {
		content: attr(data-colname);
		font-weight: bold;
		color: var(--admin-lab-color-admin-text);
		flex-shrink: 0;
		display: inline-block;
		width: 30%;
		text-align: left;
	}

	.um-giveaway-list-table td.summary::before,
	.giveaway-profil-promo-table td.summary::before {
		content: none;
	}
}