/* ADMIN CODES */ 

#wwr-admin {
	width: 100%; 
	max-width: 700px;
	min-width: 350px; 
	min-height: 350px;
	border: 1px solid var(--wwr-border);
	margin: 0 auto; 
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center;
}

.admin-header {
		width: 100%; 
		height: 100px;
		background-image: var(--wwe-subback);
  		background-size: cover;
  		background-position: center;
	    background-repeat: no-repeat;
	    background-color: var(--wwr-acc);
	    background-blend-mode: darken;
	    border-right: 1px solid var(--wwr-border);
	    filter: contrast(0.94);
		display: flex; 
	justify-content: center; 
	align-items: center; 
}

.admin-title {
	font-family: var(--wwr-title);
	font-size: 50px; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
}

.admin-content { 
	width: 88%; 
	min-height: 150px; 
	border-left: 1px solid var(--wwr-acc); 
	text-align: justify; 
	line-height: 180%; 
	margin: 40px 0px; 
	padding-left: 20px; 
}

.admin-content ul {border: 1px solid var(--wwr-border); background: color-mix( in srgb, var(--wwr-post) 3%, transparent ); width: 83%; margin: auto; padding-right: 20px;}
.admin-content li {padding: 5px; list-style-type: circle; font-size: 12px;}
.admin-content li::marker {color: var(--wwr-acc); font-size: 16px;} 
.admin-content h4 {font-weight: 500; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; color: var(--wwr-mid);}

/* GESUCHE /* 


/* =========================================
   WWR - EINZELGESUCH
   HORIZONTAL / FILM STILL
========================================= */

.wwr-wanted-film {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid var(--wwr-border);
    background: var(--wwr-main);
    container: wwr-film / inline-size;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.wwr-wanted-film *,
.wwr-wanted-film *::before,
.wwr-wanted-film *::after {
    box-sizing: border-box;
}

.wwr-wanted-film > br,
.wwr-wanted-film .wwf-footer > br,
.wwr-wanted-film .wwf-name-row > br {
    display: none;
}


/* =========================================
   TOPLINE
========================================= */

.wwr-wanted-film .wwf-topline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 43px;
    padding: 10px 22px;
    font-size: 9px;
    letter-spacing: 2px;
    line-height: 1.3;
    color: var(--wwr-mid);
    text-transform: uppercase;
}


/* =========================================
   HERO IMAGE
========================================= */

.wwr-wanted-film .wwf-hero {
    position: relative;
    height: 225px;
    overflow: hidden;
    border-top: 1px solid var(--wwr-border);
    border-bottom: 1px solid var(--wwr-border);
    background: color-mix(in srgb, var(--wwr-border) 38%, transparent);
}

.wwr-wanted-film .wwf-hero img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================
   CHARACTER NAME & ROLE
========================================= */

.wwr-wanted-film .wwf-name-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 15px;
    min-height: 131px;
    padding: 17px 24px 19px;
}

.wwr-wanted-film .wwf-name {
    min-width: 0;
    font-family: var(--wwr-title);
    font-size: 46px;
    font-weight: normal;
    line-height: 0.94;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.wwr-wanted-film .wwf-name em {
    font-style: normal;
    color: var(--wwr-acc);
}

.wwr-wanted-film .wwf-role {
    flex: 0 1 148px;
    text-align: right;
    color: var(--wwr-mid);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    line-height: 1.65;
}


/* =========================================
   SHORTFACTS
========================================= */

.wwr-wanted-film .wwf-facts {
    padding: 14px 24px;
    border-top: 1px solid var(--wwr-border);
    border-bottom: 1px solid var(--wwr-border);
    font-size: 10px;
    line-height: 1.7;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.wwr-wanted-film .wwf-facts b {
    font-weight: 400;
}

.wwr-wanted-film .wwf-facts i {
    padding: 0 18px;
    font-style: normal;
    color: var(--wwr-mid);
}


/* =========================================
   MAIN CHARACTER DESCRIPTION
========================================= */

.wwr-wanted-film .wwf-main {
    margin: 29px 30px 31px;
    padding-left: 20px;
    border-left: 1px solid var(--wwr-acc);
    line-height: 1.8;
    text-align: justify;
}

.wwr-wanted-film .wwf-main > b,
.wwr-wanted-film .wwf-extras > b {
    display: block;
    margin-bottom: 12px;
    color: var(--wwr-acc);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

/* =========================================
   FOOTER - REQUESTER & EXTRAS
========================================= */

.wwr-wanted-film .wwf-footer {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    height: 200px;
    border-top: 1px solid var(--wwr-border);
}


/* REQUESTING CHARACTER */

.wwr-wanted-film .wwf-requester {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 19px;
    border-right: 1px solid var(--wwr-border);
}

.wwr-wanted-film .wwf-requester img {
    display: block;
    width: 62px;
    height: 83px !important;
    flex: none;
    object-fit: cover;
    border: 1px solid var(--wwr-border);
}

.wwr-wanted-film .wwf-requester span {
    min-width: 0;
    font-size: 9px;
    line-height: 1.7;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: var(--wwr-mid);
}

.wwr-wanted-film .wwf-requester strong {
    display: block;
    margin: 5px 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.15;
    letter-spacing: 1px;
    color: inherit;
    text-transform: uppercase;
}


/* EXPECTATIONS & ADDITIONAL NOTES */

.wwr-wanted-film .wwf-extras {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    padding: 20px 21px;
}

.wwr-wanted-film .wwf-extras > b {
    flex: none;
    margin-bottom: 11px;
}

.wwr-wanted-film .wwf-notes {
    flex: 1;
    min-height: 0;
    padding-right: 9px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 11px;
    line-height: 1.75;
    scrollbar-width: thin;
    scrollbar-color: var(--wwr-acc) transparent;
    overscroll-behavior: contain;
}

.wwr-wanted-film .wwf-notes::-webkit-scrollbar {
    width: 5px;
}

.wwr-wanted-film .wwf-notes::-webkit-scrollbar-thumb {
    background: var(--wwr-acc);
}


/* =========================================
   RESPONSIVE
========================================= */

@container wwr-film (max-width: 460px) {

    .wwr-wanted-film .wwf-hero {
        height: 178px;
    }

    .wwr-wanted-film .wwf-topline {
        padding-inline: 16px;
    }

    .wwr-wanted-film .wwf-name-row {
        min-height: 110px;
        padding: 16px;
    }

    .wwr-wanted-film .wwf-name {
        font-size: clamp(29px, 9cqw, 43px);
    }

    .wwr-wanted-film .wwf-role {
        flex-basis: 105px;
        font-size: 9px;
        letter-spacing: 1px;
    }

    .wwr-wanted-film .wwf-facts {
        padding: 12px 16px;
    }

    .wwr-wanted-film .wwf-facts i {
        padding: 0 6px;
    }

    .wwr-wanted-film .wwf-main {
        margin: 23px 19px 25px;
        padding-left: 15px;
    }

    .wwr-wanted-film .wwf-footer {
        grid-template-columns: 1fr;
        height: auto;
    }

    .wwr-wanted-film .wwf-requester {
        height: 119px;
        border-right: 0;
        border-bottom: 1px solid var(--wwr-border);
    }

    .wwr-wanted-film .wwf-requester img {
        width: 57px;
        height: 76px;
    }

    .wwr-wanted-film .wwf-extras {
        height: 195px;
    }

}


/* =========================================
   WWR - GRUPPENGESUCH
========================================= */

.wwr-group-wanted {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid var(--wwr-border);
    background: var(--wwr-main);
    container: wwr-group / inline-size;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.wwr-group-wanted *,
.wwr-group-wanted *::before,
.wwr-group-wanted *::after {
    box-sizing: border-box;
}

.wwr-group-wanted > br,
.wwr-group-wanted .wwg-character > br,
.wwr-group-wanted .wwg-feature > br,
.wwr-group-wanted .wwg-footer > br {
    display: none;
}


/* =========================================
   TOPLINE
========================================= */

.wwr-group-wanted .wwg-topline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 13px 26px;
    border-bottom: 1px solid var(--wwr-border);
    color: var(--wwr-mid);
    font-size: 9px;
    line-height: 1.5;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/* =========================================
   GROUP INTRODUCTION
========================================= */

.wwr-group-wanted .wwg-intro {
    padding: 30px 28px 35px;
}

.wwr-group-wanted .wwg-title {
    font-family: var(--wwr-title);
    font-size: clamp(36px, 9cqw, 54px);
    font-weight: normal;
    line-height: 1.05;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.wwr-group-wanted .wwg-title em {
    color: var(--wwr-acc);
    font-style: normal;
}

.wwr-group-wanted .wwg-intro-text {
    margin-top: 20px;
    padding-left: 17px;
    border-left: 1px solid var(--wwr-acc);
    font-size: 12px;
    line-height: 180%;
    text-align: justify;
}


/* =========================================
   INDIVIDUAL CHARACTER FEATURE
========================================= */

.wwr-group-wanted .wwg-character {
    padding: 28px;
    border-top: 1px solid var(--wwr-border);
}


/* CHARACTER NAME */

.wwr-group-wanted .wwg-name-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 15px;
}

.wwr-group-wanted .wwg-name {
    min-width: 0;
    font-family: var(--wwr-title);
    font-size: clamp(33px, 8.5cqw, 52px);
    font-weight: normal;
    line-height: 1.05;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.wwr-group-wanted .wwg-name em {
    color: var(--wwr-acc);
    font-style: normal;
}

.wwr-group-wanted .wwg-index {
    flex: none;
    font-family: var(--wwr-pretitle);
    font-size: 35px;
    line-height: 1;
    color: var(--wwr-acc);
}


/* ROLE & AVAILABILITY */

.wwr-group-wanted .wwg-subline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding: 12px 0;
    border-top: 1px solid var(--wwr-border);
    border-bottom: 1px solid var(--wwr-border);
    font-size: 10px;
    line-height: 1.6;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.wwr-group-wanted .wwg-status {
    flex: none;
    color: var(--wwr-acc);
    font-size: 9px;
    letter-spacing: 1.5px;
}


/* =========================================
   CHARACTER TEXT & PORTRAIT
========================================= */

.wwr-group-wanted .wwg-feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 195px;
    align-items: start;
    gap: 22px;
    margin-top: 22px;
}


/* TEXT COLUMN */

.wwr-group-wanted .wwg-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 280px;
}

.wwr-group-wanted .wwg-facts {
    flex: none;
    padding-bottom: 14px;
    color: var(--wwr-mid);
    font-size: 10px;
    line-height: 1.7;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/* SCROLLABLE CHARACTER DESCRIPTION */

.wwr-group-wanted .wwg-text {
    flex: 1;
    min-width: 0;
    min-height: 0;
    padding-right: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 12px;
    line-height: 180%;
    text-align: justify;
    scrollbar-width: thin;
    scrollbar-color: var(--wwr-acc) transparent;
    overscroll-behavior: contain;
}

.wwr-group-wanted .wwg-text > b {
    display: block;
    margin-bottom: 13px;
    color: var(--wwr-acc);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* CHARACTER PORTRAIT */

.wwr-group-wanted .wwg-feature > img {
    display: block;
    width: 100%;
    height: 280px !important;
    object-fit: cover;
    border: 1px solid var(--wwr-border);
}


/* =========================================
   FOOTER - REQUESTER & EXPECTATIONS
========================================= */

.wwr-group-wanted .wwg-footer {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    height: 200px;
    border-top: 1px solid var(--wwr-border);
}


/* REQUESTING CHARACTER */

.wwr-group-wanted .wwg-requester {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 19px;
    border-right: 1px solid var(--wwr-border);
}

.wwr-group-wanted .wwg-requester img {
    display: block;
    width: 62px;
    height: 83px !important;
    flex: none;
    object-fit: cover;
    border: 1px solid var(--wwr-border);
}

.wwr-group-wanted .wwg-requester span {
    min-width: 0;
    color: var(--wwr-mid);
    font-size: 9px;
    line-height: 1.7;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.wwr-group-wanted .wwg-requester b {
    display: block;
    margin: 5px 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.5px;
    color: inherit;
}


/* EXPECTATIONS */

.wwr-group-wanted .wwg-extras {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    padding: 20px 21px;
}

.wwr-group-wanted .wwg-extras > b {
    display: block;
    flex: none;
    margin-bottom: 12px;
    color: var(--wwr-acc);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* SCROLLABLE EXPECTATIONS */

.wwr-group-wanted .wwg-notes {
    flex: 1;
    min-height: 0;
    padding-right: 9px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 11px;
    line-height: 180%;
    text-align: justify;
    scrollbar-width: thin;
    scrollbar-color: var(--wwr-acc) transparent;
    overscroll-behavior: contain;
}


/* =========================================
   SCROLLBAR STYLING
========================================= */

.wwr-group-wanted .wwg-text::-webkit-scrollbar,
.wwr-group-wanted .wwg-notes::-webkit-scrollbar {
    width: 5px;
}

.wwr-group-wanted .wwg-text::-webkit-scrollbar-thumb,
.wwr-group-wanted .wwg-notes::-webkit-scrollbar-thumb {
    background: var(--wwr-acc);
}


/* =========================================
   RESPONSIVE
========================================= */

@container wwr-group (max-width: 460px) {

    .wwr-group-wanted .wwg-topline {
        padding: 12px 16px;
        letter-spacing: 1px;
    }

    .wwr-group-wanted .wwg-intro {
        padding: 24px 18px;
    }

    .wwr-group-wanted .wwg-character {
        padding: 22px 18px;
    }

    .wwr-group-wanted .wwg-name {
        font-size: clamp(30px, 8cqw, 40px);
    }

    .wwr-group-wanted .wwg-index {
        font-size: 27px;
    }

    .wwr-group-wanted .wwg-feature {
        grid-template-columns: minmax(0, 1fr) 36%;
        gap: 14px;
    }

    .wwr-group-wanted .wwg-copy,
    .wwr-group-wanted .wwg-feature > img {
        height: 245px;
    }

    .wwr-group-wanted .wwg-footer {
        grid-template-columns: minmax(0, 1fr);
        height: auto;
    }

    .wwr-group-wanted .wwg-requester {
        height: 119px;
        border-right: 0;
        border-bottom: 1px solid var(--wwr-border);
    }

    .wwr-group-wanted .wwg-extras {
        height: 200px;
    }

}


/* =========================================
   SMALL MOBILE CONTAINERS
========================================= */

@container wwr-group (max-width: 400px) {

    .wwr-group-wanted .wwg-name-row {
        align-items: flex-start;
    }

    .wwr-group-wanted .wwg-feature {
        grid-template-columns: minmax(0, 1fr);
    }

    .wwr-group-wanted .wwg-feature > img {
        order: -1;
        width: 100%;
        height: 175px;
    }

    .wwr-group-wanted .wwg-copy {
        height: 230px;
    }

    .wwr-group-wanted .wwg-text {
        padding-right: 8px;
    }

}




/* POST VORLAGEN /*