/* ==========================================================
   EVERYONE ASSEMBLE
   EA SOCIAL
   ========================================================== */

/* ==========================================================
   GRUNDLAGEN UND FARBEN
   ========================================================== */

.eas-wrap,
.eas-index,
.eas-profilebox{
    --eas-bg:#020d18;
    --eas-bg-deep:#010914;
    --eas-panel:#04192b;
    --eas-panel-soft:#082b45;
    --eas-panel-light:#0b3150;
    --eas-line:#1d5f8f;
    --eas-line-soft:rgba(33,139,208,.16);
    --eas-accent:#218bd0;
    --eas-accent-light:#75d0ff;
    --eas-text:#c4d8e4;
    --eas-text-light:#e1f1fa;
    --eas-muted:#8fa9bc;
    --eas-success:#74c5a3;
    --eas-danger:#d47f87;
    --eas-warning:#e0b26d;

    color:var(--eas-text);

    font-family:Arial,sans-serif;
    font-size:13px;
    line-height:1.6;
}

.eas-wrap{
    width:100%;
    max-width:1180px;
    margin:24px auto 40px;
}

.eas-wrap *,
.eas-wrap *:before,
.eas-wrap *:after,
.eas-index *,
.eas-index *:before,
.eas-index *:after,
.eas-profilebox *,
.eas-profilebox *:before,
.eas-profilebox *:after{
    box-sizing:border-box;
}

.eas-wrap a,
.eas-index a,
.eas-profilebox a{
    color:var(--eas-accent-light);

    text-decoration:none;

    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.eas-wrap a:hover,
.eas-index a:hover,
.eas-profilebox a:hover{
    color:var(--eas-text-light);

    text-decoration:none;
}

/* ==========================================================
   SEITENKOPF
   ========================================================== */

.eas-hero{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;

    min-height:155px;
    margin-bottom:18px;
    padding:27px 30px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 30% 145%,
            rgba(33,139,208,.24),
            transparent 50%
        ),
        linear-gradient(
            90deg,
            rgba(33,139,208,.08),
            transparent 55%,
            rgba(33,139,208,.045)
        ),
        var(--eas-bg-deep);

    border:1px solid rgba(33,139,208,.31);
    border-left:5px solid var(--eas-accent);
    border-bottom:2px solid #1674b5;

    box-shadow:
        0 18px 42px rgba(0,0,0,.31),
        inset 0 1px rgba(255,255,255,.025);
}

.eas-hero:before{
    content:"";

    position:absolute;
    top:0;
    left:31px;

    width:220px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--eas-accent-light),
            transparent
        );
}

.eas-hero:after{
    content:"SOCIAL NETWORK";

    position:absolute;
    right:18px;
    bottom:10px;

    color:rgba(117,208,255,.055);

    font-family:Antonio,Arial,sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:1;

    letter-spacing:4px;

    pointer-events:none;
}

.eas-hero-copy{
    position:relative;
    z-index:1;

    min-width:0;
}

.eas-kicker{
    display:block;

    margin-bottom:5px;

    color:var(--eas-muted);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:2.4px;
    text-transform:uppercase;
}

.eas-hero-title{
    display:block;

    margin:0;

    color:var(--eas-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:30px;
    font-weight:700;
    line-height:1.2;

    letter-spacing:2px;
    text-transform:uppercase;

    text-shadow:0 0 20px rgba(33,139,208,.22);
}

.eas-hero-subtitle{
    display:block;

    max-width:600px;
    margin-top:8px;

    color:var(--eas-muted);

    font-size:12px;
    line-height:1.65;
}

/* ==========================================================
   NAVIGATION
   ========================================================== */

.eas-tabs{
    position:relative;
    z-index:1;

    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;

    max-width:520px;
}

.eas-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    min-height:35px;
    padding:7px 10px;

    color:var(--eas-text);
    background:rgba(2,13,24,.63);

    border:1px solid rgba(33,139,208,.22);
    border-left:2px solid rgba(33,139,208,.45);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eas-tabs a:hover{
    color:var(--eas-accent-light);
    background:var(--eas-panel-light);

    border-color:var(--eas-accent);
}

.eas-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:20px;
    height:20px;
    padding:0 5px;

    color:var(--eas-bg-deep);
    background:var(--eas-accent-light);

    border-radius:50%;

    font-family:Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1;
}

/* ==========================================================
   HINWEISE UND FEHLERMELDUNGEN
   ========================================================== */

.eas-wrap .red_alert,
.eas-wrap .pm_alert,
.eas-wrap .error,
.eas-notice{
    width:100%;
    margin:0 0 16px;
    padding:12px 14px;

    color:var(--eas-text);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.09),
            transparent 75%
        ),
        var(--eas-panel);

    border:1px solid rgba(33,139,208,.22);
    border-left:4px solid var(--eas-accent);

    font-size:12px;
    line-height:1.65;
}

.eas-wrap .red_alert,
.eas-wrap .error{
    background:
        linear-gradient(
            90deg,
            rgba(212,127,135,.09),
            transparent 75%
        ),
        var(--eas-panel);

    border-color:rgba(212,127,135,.28);
    border-left-color:var(--eas-danger);
}

/* ==========================================================
   HAUPTLAYOUT
   ========================================================== */

.eas-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:18px;

    width:100%;

    align-items:start;
}

.eas-feed{
    display:flex;
    flex-direction:column;
    gap:16px;

    min-width:0;
}

.eas-sidebar{
    display:flex;
    flex-direction:column;
    gap:16px;

    min-width:0;
}

/* ==========================================================
   ALLGEMEINE KARTEN
   ========================================================== */

.eas-card,
.eas-index,
.eas-profilebox{
    min-width:0;

    color:var(--eas-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.55),
            rgba(2,13,24,.87)
        );

    border:1px solid rgba(33,139,208,.19);
    border-left:3px solid #1674b5;

    box-shadow:0 10px 24px rgba(0,0,0,.20);
}

.eas-card{
    padding:15px;
}

/* ==========================================================
   BEITRAGSFORMULAR
   ========================================================== */

.eas-composer{
    margin-bottom:18px;
    padding:0;

    overflow:hidden;
}

.eas-composer-head{
    position:relative;

    display:flex;
    align-items:center;
    gap:11px;

    min-height:68px;
    padding:11px 14px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent 72%
        ),
        var(--eas-bg-deep);

    border-bottom:1px solid rgba(33,139,208,.19);
}

.eas-composer-head:after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:14px;

    width:62px;
    height:2px;

    background:var(--eas-accent);
}

.eas-avatar,
.eas-composer-head img,
.eas-user img{
    display:block;

    width:44px;
    height:44px;
    flex:0 0 44px;

    object-fit:cover;
    object-position:center top;

    border:1px solid rgba(33,139,208,.32);
    border-radius:50%;
}

.eas-composer-user{
    min-width:0;
}

.eas-composer-name{
    display:block;

    color:var(--eas-text-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:13px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.6px;
    text-transform:uppercase;

    overflow-wrap:anywhere;
}

.eas-composer-hint,
.eas-composer-head small,
.eas-user small,
.eas-comment small{
    display:block;

    margin-top:2px;

    color:var(--eas-muted);

    font-size:10px;
    line-height:1.45;
}

.eas-composer-body{
    padding:14px;
}

.eas-composer textarea,
.eas-composer input[type="text"],
.eas-composer input[type="url"],
.eas-composer input[type="date"],
.eas-composer input[type="time"],
.eas-composer select,
.eas-comment-form input[type="text"]{
    width:100%;
    min-width:0;
    min-height:41px;
    margin:0;
    padding:8px 10px;

    color:var(--eas-text-light);
    background:var(--eas-bg-deep);

    border:1px solid rgba(33,139,208,.25);
    border-radius:0;

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.45;

    outline:none;

    color-scheme:dark;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.eas-composer textarea{
    min-height:115px;
    margin-bottom:12px;

    resize:vertical;
}

.eas-composer textarea:focus,
.eas-composer input:focus,
.eas-composer select:focus,
.eas-comment-form input:focus{
    background:#031426;

    border-color:var(--eas-accent);

    box-shadow:0 0 0 1px rgba(33,139,208,.18);
}

.eas-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;

    width:100%;
}

/* ==========================================================
   BILDERUPLOAD
   ========================================================== */

.eas-upload,
.eas-upload-field{
    display:flex;
    flex-direction:column;
    gap:7px;

    width:100%;
    margin:0 0 13px;
    padding:12px;

    color:var(--eas-text);
    background:rgba(2,13,24,.48);

    border:1px dashed rgba(33,139,208,.34);
    border-left:3px solid var(--eas-accent);
}

.eas-upload-field label,
.eas-upload-title{
    color:var(--eas-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:11px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.8px;
    text-transform:uppercase;
}

.eas-upload span,
.eas-upload-field small{
    color:var(--eas-muted);

    font-size:10px;
    line-height:1.55;

    opacity:1;
}

.eas-upload input,
.eas-upload-field input[type="file"]{
    width:100%;
    min-width:0;
    margin:0;
    padding:8px;

    color:var(--eas-text);
    background:var(--eas-bg-deep);

    border:1px solid rgba(33,139,208,.20);

    font-family:Arial,sans-serif;
    font-size:11px;
}

/* ==========================================================
   FORMULARAKTIONEN
   ========================================================== */

.eas-composer-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    margin-top:12px;
}

.eas-composer-actions select{
    width:auto;
    min-width:180px;
}

.eas-button,
.eas-composer button,
.eas-comment-form button,
.eas-actions button,
.eas-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:35px;
    padding:7px 11px;

    color:var(--eas-accent-light);
    background:var(--eas-bg-deep);

    border:1px solid rgba(33,139,208,.28);
    border-radius:0;

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:.7px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;

    cursor:pointer;

    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.eas-button:hover,
.eas-composer button:hover,
.eas-comment-form button:hover,
.eas-actions button:hover,
.eas-actions a:hover{
    color:var(--eas-text-light);
    background:var(--eas-panel-light);

    border-color:var(--eas-accent);

    transform:translateY(-1px);
}

.eas-composer-submit{
    color:#03111d !important;
    background:var(--eas-accent-light) !important;

    border-color:var(--eas-accent-light) !important;
}

.eas-composer-submit:hover{
    color:#010914 !important;
    background:#a7e4ff !important;

    border-color:#a7e4ff !important;
}

/* ==========================================================
   BEITRAG
   ========================================================== */

.eas-post{
    padding:0;

    overflow:hidden;
}

.eas-post-header{
    position:relative;

    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;

    min-height:68px;
    padding:11px 14px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.11),
            transparent 72%
        ),
        var(--eas-bg-deep);

    border-bottom:1px solid rgba(33,139,208,.18);
}

.eas-post-header:after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:14px;

    width:62px;
    height:2px;

    background:var(--eas-accent);
}

.eas-user{
    display:flex;
    align-items:center;
    gap:11px;

    min-width:0;

    color:inherit;

    text-decoration:none;
}

.eas-user-copy{
    min-width:0;
}

.eas-user-name{
    display:block;

    color:var(--eas-text-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:13px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.6px;
    text-transform:uppercase;

    overflow-wrap:anywhere;
}

.eas-user:hover .eas-user-name{
    color:var(--eas-accent-light);
}

.eas-post-menu{
    flex:0 0 auto;
}

.eas-post-menu a,
.eas-post-menu button{
    color:var(--eas-muted);
}

.eas-post-body{
    padding:14px;
}

.eas-post-text{
    margin:0 0 14px;

    color:var(--eas-text);

    font-size:13px;
    line-height:1.75;

    white-space:pre-wrap;
    overflow-wrap:anywhere;
}

/* ==========================================================
   MEDIEN UND BILDERGALERIE
   ========================================================== */

.eas-media{
    display:block;

    width:auto;
    max-width:100%;
    height:auto;
    max-height:680px;
    margin:0 auto;

    object-fit:contain;

    border:1px solid rgba(33,139,208,.18);
}

.eas-media-grid{
    display:grid;
    gap:4px;

    width:100%;
    margin-top:13px;

    overflow:hidden;

    background:var(--eas-bg-deep);
}

.eas-media-grid a{
    display:flex;
    align-items:center;
    justify-content:center;

    min-width:0;

    overflow:hidden;

    background:rgba(0,0,0,.22);

    border:1px solid rgba(33,139,208,.12);
}

.eas-media-grid img{
    display:block;

    max-width:100%;

    object-position:center;
}

/* Einzelbild wird nicht unnötig auf Kartenbreite vergrößert */

.eas-media-count-1{
    display:block;
}

.eas-media-count-1 a{
    width:100%;
    min-height:150px;
    padding:0;

    text-align:center;
}

.eas-media-count-1 img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:680px;
    margin:auto;

    object-fit:contain;
}

/* Mehrere Bilder */

.eas-media-count-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.eas-media-count-2 a{
    height:320px;
}

.eas-media-count-3,
.eas-media-count-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.eas-media-count-3 a,
.eas-media-count-4 a{
    height:250px;
}

.eas-media-count-3 a:first-child{
    grid-row:span 2;

    height:504px;
}

.eas-media-count-2 img,
.eas-media-count-3 img,
.eas-media-count-4 img{
    width:100%;
    height:100%;

    object-fit:cover;
}

/* ==========================================================
   BEITRAGSMETADATEN
   ========================================================== */

.eas-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 13px;

    margin-top:13px;
    padding:9px 10px;

    color:var(--eas-muted);
    background:rgba(2,13,24,.46);

    border:1px solid rgba(33,139,208,.10);
    border-left:2px solid rgba(33,139,208,.38);

    font-size:10px;
    line-height:1.5;
}

.eas-meta:empty{
    display:none;
}

.eas-meta > *{
    min-width:0;

    overflow-wrap:anywhere;
}

.eas-meta a,
.eas-scene-link{
    color:var(--eas-accent-light);

    font-weight:700;
    text-decoration:none;
}

.eas-scene-link{
    display:inline-flex;
    align-items:center;

    margin:0;
}

/* ==========================================================
   STATISTIK UND AKTIONEN
   ========================================================== */

.eas-stats{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;

    padding:11px 14px;

    color:var(--eas-muted);
    background:rgba(2,13,24,.43);

    border-top:1px solid rgba(33,139,208,.11);
    border-bottom:1px solid rgba(33,139,208,.11);

    font-size:10px;
    line-height:1.45;
}

.eas-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;

    padding:11px 14px;

    background:rgba(2,13,24,.62);
}

.eas-actions form{
    margin:0;
}

/* ==========================================================
   KOMMENTARE
   ========================================================== */

.eas-comments{
    display:flex;
    flex-direction:column;
    gap:8px;

    margin:0;
    padding:0 14px 14px;
}

.eas-comment{
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    gap:9px;
    align-items:start;

    min-width:0;
    padding:9px;

    color:var(--eas-text);
    background:rgba(2,13,24,.49);

    border:1px solid rgba(33,139,208,.10);
    border-left:2px solid rgba(33,139,208,.34);
}

.eas-comment img{
    display:block;

    width:32px;
    height:32px;

    object-fit:cover;
    object-position:center top;

    border:1px solid rgba(33,139,208,.24);
    border-radius:50%;
}

.eas-comment-body{
    min-width:0;

    font-size:11px;
    line-height:1.55;

    overflow-wrap:anywhere;
}

.eas-comment-user{
    margin-right:4px;

    color:var(--eas-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:11px;
    font-weight:700;

    letter-spacing:.4px;
}

.eas-comment-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;

    width:auto;
    margin:0 14px 14px;
}

.eas-comment-form button{
    min-width:90px;
}

/* ==========================================================
   SIDEBAR
   ========================================================== */

.eas-side{
    padding:0;

    overflow:hidden;
}

.eas-side-head{
    position:relative;

    display:flex;
    align-items:center;

    min-height:46px;
    padding:9px 12px;

    color:var(--eas-accent-light);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent 72%
        ),
        var(--eas-bg-deep);

    border-bottom:1px solid rgba(33,139,208,.18);

    font-family:Antonio,Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.9px;
    text-transform:uppercase;
}

.eas-side-head:after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:12px;

    width:52px;
    height:2px;

    background:var(--eas-accent);
}

.eas-side-body{
    padding:12px;

    color:var(--eas-text);

    font-size:11px;
    line-height:1.65;
}

.eas-side-body p{
    margin:0;
}

/* ==========================================================
   INDEX AUF DER STARTSEITE
   ========================================================== */

.eas-index{
    width:100%;
    margin:20px 0;
    padding:0;

    overflow:hidden;
}

.eas-index-head{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;

    min-height:67px;
    padding:11px 14px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent 72%
        ),
        var(--eas-bg-deep);

    border-bottom:1px solid rgba(33,139,208,.19);
}

.eas-index-head:after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:14px;

    width:62px;
    height:2px;

    background:var(--eas-accent);
}

.eas-index-copy{
    min-width:0;
}

.eas-index-kicker{
    display:block;

    color:var(--eas-muted);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:1.5px;
    text-transform:uppercase;
}

.eas-index-title{
    display:block;

    margin-top:2px;

    color:var(--eas-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:1px;
    text-transform:uppercase;
}

.eas-index-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:33px;
    padding:6px 9px;

    color:var(--eas-accent-light);
    background:var(--eas-bg-deep);

    border:1px solid rgba(33,139,208,.24);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eas-index-link:hover{
    background:var(--eas-panel-light);

    border-color:var(--eas-accent);
}

.eas-index-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;

    padding:14px;
}

.eas-index-post{
    position:relative;

    display:block;

    width:100%;
    min-width:0;
    aspect-ratio:16 / 9;

    overflow:hidden;

    color:var(--eas-text-light);
    background:var(--eas-bg-deep);

    border:1px solid rgba(33,139,208,.17);

    box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.eas-index-post:after{
    content:"";

    position:absolute;
    z-index:1;
    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent 35%,
            rgba(1,9,20,.25) 58%,
            rgba(1,9,20,.92) 100%
        );

    pointer-events:none;
}

.eas-index-post img{
    position:absolute;
    inset:0;

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    transition:
        transform .25s ease,
        filter .25s ease;
}

.eas-index-post:hover img{
    filter:brightness(.78);

    transform:scale(1.035);
}

.eas-index-post-copy{
    position:absolute;
    z-index:2;
    right:12px;
    bottom:10px;
    left:12px;

    min-width:0;
}

.eas-index-post-user{
    display:block;

    color:var(--eas-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:11px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.5px;
    text-transform:uppercase;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.eas-index-post-excerpt{
    display:block;

    max-height:32px;
    margin-top:2px;

    overflow:hidden;

    color:var(--eas-text-light);

    font-size:10px;
    line-height:1.4;
}

/* ==========================================================
   PROFILBOX
   ========================================================== */

.eas-profilebox{
    width:100%;
    margin:20px 0;
    padding:0;

    overflow:hidden;
}

.eas-profilebox-head{
    position:relative;

    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;

    min-height:67px;
    margin:0;
    padding:11px 14px;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent 72%
        ),
        var(--eas-bg-deep);

    border-bottom:1px solid rgba(33,139,208,.19);
}

.eas-profilebox-head:after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:14px;

    width:62px;
    height:2px;

    background:var(--eas-accent);
}

.eas-profilebox-copy{
    display:flex;
    flex-direction:column;
    gap:3px;

    min-width:0;
}

.eas-profilebox-kicker{
    color:var(--eas-muted);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:1.5px;
    text-transform:uppercase;
}

.eas-profilebox-handle{
    color:var(--eas-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;

    overflow-wrap:anywhere;
}

.eas-profilebox-summary{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;

    color:var(--eas-muted);

    font-size:10px;
    line-height:1.45;

    text-align:right;
}

.eas-profilebox-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:31px;
    padding:5px 8px;

    color:var(--eas-accent-light);
    background:var(--eas-bg-deep);

    border:1px solid rgba(33,139,208,.23);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.eas-profile-gallery{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:7px;

    width:100%;
    margin:0;
    padding:12px;
}

.eas-profile-thumb{
    position:relative;

    display:block;

    min-width:0;
    aspect-ratio:1 / 1;

    overflow:hidden;

    background:var(--eas-bg-deep);

    border:1px solid rgba(33,139,208,.18);
}

.eas-profile-thumb img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .22s ease,
        filter .22s ease;
}

.eas-profile-thumb:hover img{
    filter:brightness(.78);

    transform:scale(1.05);
}

.eas-profile-gallery-empty{
    padding:18px 14px;

    color:var(--eas-muted);

    font-size:11px;
    line-height:1.6;

    text-align:center;
}

/* ==========================================================
   PROFIL-LIGHTBOX
   ========================================================== */

.eas-profile-lightbox{
    position:fixed;
    z-index:999999;
    inset:0;

    display:none;
    align-items:center;
    justify-content:center;

    padding:35px;
}

.eas-profile-lightbox:target{
    display:flex;
}

.eas-profile-lightbox-backdrop{
    position:absolute;
    inset:0;

    background:rgba(0,0,0,.90);
}

.eas-profile-lightbox-content{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:11px;

    max-width:min(94vw,1100px);
    max-height:92vh;
}

.eas-profile-lightbox-content img{
    display:block;

    width:auto;
    height:auto;
    max-width:100%;
    max-height:82vh;

    object-fit:contain;

    border:1px solid rgba(117,208,255,.24);

    box-shadow:0 20px 65px rgba(0,0,0,.62);
}

.eas-profile-lightbox-close{
    position:fixed;
    z-index:3;
    top:15px;
    right:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    width:42px;
    height:42px;

    color:#fff;
    background:rgba(2,13,24,.85);

    border:1px solid rgba(117,208,255,.28);

    font-family:Arial,sans-serif;
    font-size:30px;
    line-height:1;

    text-decoration:none;
}

.eas-profile-lightbox-close:hover{
    color:var(--eas-accent-light);
    background:var(--eas-panel-light);
}

.eas-profile-lightbox-post{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:35px;
    padding:7px 11px;

    color:#fff;
    background:rgba(2,13,24,.82);

    border:1px solid rgba(117,208,255,.28);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;

    letter-spacing:.7px;
    text-transform:uppercase;
}

/* ==========================================================
   SCROLLBARS
   ========================================================== */

.eas-wrap *,
.eas-index *,
.eas-profilebox *{
    scrollbar-width:thin;
    scrollbar-color:#1674b5 var(--eas-bg-deep);
}

.eas-wrap *::-webkit-scrollbar,
.eas-index *::-webkit-scrollbar,
.eas-profilebox *::-webkit-scrollbar{
    width:7px;
    height:7px;
}

.eas-wrap *::-webkit-scrollbar-track,
.eas-index *::-webkit-scrollbar-track,
.eas-profilebox *::-webkit-scrollbar-track{
    background:var(--eas-bg-deep);
}

.eas-wrap *::-webkit-scrollbar-thumb,
.eas-index *::-webkit-scrollbar-thumb,
.eas-profilebox *::-webkit-scrollbar-thumb{
    background:#1674b5;

    border:2px solid var(--eas-bg-deep);
}

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

@media screen and (max-width:950px){

    .eas-layout{
        grid-template-columns:1fr;
    }

    .eas-sidebar{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .eas-profile-gallery{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media screen and (max-width:750px){

    .eas-hero{
        align-items:flex-start;
        flex-direction:column;
    }

    .eas-tabs{
        justify-content:flex-start;

        max-width:none;
    }

    .eas-index-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media screen and (max-width:650px){

    .eas-wrap{
        margin:14px auto 30px;
    }

    .eas-hero{
        min-height:125px;
        padding:22px 14px;
    }

    .eas-hero-title{
        font-size:24px;
    }

    .eas-hero:after{
        display:none;
    }

    .eas-tabs{
        width:100%;
    }

    .eas-tabs a{
        flex:1 1 calc(50% - 7px);
    }

    .eas-form-grid,
    .eas-sidebar{
        grid-template-columns:1fr;
    }

    .eas-composer-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .eas-composer-actions select,
    .eas-composer-actions button{
        width:100%;
    }

    .eas-media-count-2,
    .eas-media-count-3,
    .eas-media-count-4{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .eas-media-count-2 a,
    .eas-media-count-3 a,
    .eas-media-count-4 a,
    .eas-media-count-3 a:first-child{
        grid-row:auto;

        height:210px;
    }

    .eas-comment-form{
        grid-template-columns:1fr;
    }

    .eas-comment-form button{
        width:100%;
    }

    .eas-profilebox-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .eas-profilebox-summary{
        align-items:flex-start;

        text-align:left;
    }

    .eas-profile-gallery{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .eas-profile-lightbox{
        padding:18px;
    }
}

@media screen and (max-width:430px){

    .eas-tabs a{
        flex-basis:100%;
    }

    .eas-media-count-2,
    .eas-media-count-3,
    .eas-media-count-4{
        grid-template-columns:1fr;
    }

    .eas-media-count-2 a,
    .eas-media-count-3 a,
    .eas-media-count-4 a,
    .eas-media-count-3 a:first-child{
        height:auto;
        min-height:180px;
        max-height:330px;
    }

    .eas-media-count-2 img,
    .eas-media-count-3 img,
    .eas-media-count-4 img{
        height:auto;
        max-height:330px;

        object-fit:contain;
    }
}