@charset "utf-8";

/* Widget: Senest tilmeldte */
span.count-text {
	font-weight:600;
}
span.count {
    font-weight: 500;
	background-color: #d4edda;
	padding: 0 0.3em;
}


/* Deltagerlister */
div.participants-wrap {
	overflow-x: auto;
	position: relative;
	-webkit-overflow-scrolling: touch;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background-color: #fff;
}

/* Sticky kolonne: navnekolonnen */
table.signup-paid-table th.name,
table.signup-unpaid-table th.name,
table.signup-paid-table td.name,
table.signup-unpaid-table td.name {
	position: sticky;
	left: 50px;           /* Holder kolonnen fast til venstre */
	background: #fff;  /* Baggrund så den ikke gennemsigtig */
	z-index: 11;       /* Over andre celler */
}

/* Sticky sidste kolonne */
table.signup-paid-table th:last-child,
table.signup-unpaid-table th:last-child,
table.signup-paid-table td:last-child,
table.signup-unpaid-table td:last-child {
	position: sticky;
	right: 0;
	background: #fff;
	z-index: 3;
}

table.signup-paid-table,
table.signup-unpaid-table {
	white-space: nowrap;
	table-layout: auto; /* vigtigt for dynamiske kolonnebredder */
	min-width: max-content;
}

/* Fix DataTables */
table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable thead th {
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.dataTables_wrapper {
	width: 100%;
}

/* ===== Signup form styling ===== */
form.signup-form {
    max-width: 600px;   /* begræns bredden så det ser godt ud */
    margin: 0 auto 100px;
}

form.signup-form label {
    display: block;
    margin: 10px 0 4px;
    font-weight: 600;
}

/* Gør alle inputfelter og selects samme højde */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
select {
  display: block;
  height: 36px !important;
  width: 100%;
  max-width: 500px;   /* juster hvis du vil have bredere/smallere */
  font-size: 14px;
  line-height: 1;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 12px;
}


/* Gør textarea større fra start og resizable i begge retninger */
textarea {
  min-width: 500px;    /* bredere standard */
  resize: both;         /* både horisontalt og vertikalt */
}





.required-star { color: red; }
.signup-field { margin-bottom: 15px; }

.signup-form p,
form p.submit {
    text-align: right !important;
    padding-top:20px;
    padding-right: 100px;
}

.signup-button {
    background-color: #28a745;
    color: #fff;
    border: none;
    padding: 10px 60px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.signup-button:hover { background-color: #218838; }

#signup-paid-table td,
#signup-unpaid-table td {
	padding:4px 10px;
}

#signup-paid-table tr:hover,
#signup-unpaid-table tr:hover {
	background-color: #e6f2ff;
}


#participants-unpaid {
	margin-top:100px;
}




/* --- Modal --- */

.terms-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    overflow-y: auto;
}

.terms-modal-content {
    background: #fff;
    padding: 20px;
    max-width: 600px;
    width: 90%;
    margin: 50px auto;
    border-radius: 8px;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
}

.terms-link {
    text-decoration: underline;
    color: #0073aa;
    cursor: pointer;
}


/**********  Lederteam  ***********/
span.chess-title {
	color:grey;
}


/************ EventPress overwrite ************/
h1.site-title {
	font-size: 20px !important;
}
h1.site-title a {
	color:#000;
    text-decoration: none;
    transition: opacity 0.15s ease, filter 0.15s ease;
}

@media (hover: hover) {
    h1.site-title a:hover {
        color: #0574f7;       /* fin, blå farve */
        opacity: 0.85;        /* let fade for ekstra effekt */
    }
}

h1.site-title a:focus-visible {
    color: #0574f7;
    outline: none;
}