/*
 * =========================================================
 * ALPPORT USER
 * USER SYSTEM CSS
 * =========================================================
 */


/* =========================================================
   ANA WRAPPER
   ========================================================= */

.alpport-user-wrapper {
    position: relative;
    display: inline-block;
    font-family: inherit;
    z-index: 9999;
}


/* =========================================================
   KULLANICI BUTONU
   ========================================================= */

.alpport-user-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    min-height: 42px;
    padding: 9px 14px;

    border: 1px solid #dcdcdc;
    border-radius: 8px;

    background: #ffffff;
    color: #222222;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

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


.alpport-user-button:hover {
    background: #f7f7f7;
    border-color: #cfcfcf;

    box-shadow:
        0 3px 12px rgba(0, 0, 0, 0.08);
}


.alpport-user-button:focus {
    outline: none;

    box-shadow:
        0 0 0 3px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   BUTON İKON
   ========================================================= */

.alpport-user-icon {
    display: inline-flex;

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

    width: 22px;
    height: 22px;

    font-size: 18px;
    line-height: 1;
}


/* =========================================================
   KULLANICI ADI
   ========================================================= */

.alpport-user-name {
    white-space: nowrap;
}


/* =========================================================
   OK
   ========================================================= */

.alpport-user-arrow {
    font-size: 13px;
    opacity: 0.7;

    transition:
        transform 0.2s ease;
}


.alpport-user-button[aria-expanded="true"]
.alpport-user-arrow {
    transform: rotate(180deg);
}


/* =========================================================
   AÇILIR MENÜ
   ========================================================= */

.alpport-user-dropdown {
    position: absolute;

    top: calc(100% + 8px);
    right: 0;

    width: 220px;

    padding: 7px;

    background: #ffffff;

    border: 1px solid #e2e2e2;
    border-radius: 10px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.12);

    overflow: hidden;
}


/* =========================================================
   MENÜ ÖĞESİ
   ========================================================= */

.alpport-user-menu-item {
    display: flex;
    align-items: center;

    gap: 10px;

    width: 100%;

    box-sizing: border-box;

    padding: 11px 12px;

    border-radius: 7px;

    color: #222222;

    text-decoration: none;

    font-size: 14px;
    font-weight: 500;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}


.alpport-user-menu-item:hover {
    background: #f4f4f4;
    color: #111111;
}


/* =========================================================
   MENÜ İKONLARI
   ========================================================= */

.alpport-user-menu-icon {
    display: inline-flex;

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

    width: 22px;

    font-size: 16px;
}


/* =========================================================
   ÇIKIŞ
   ========================================================= */

.alpport-user-menu-item.alpport-user-logout {
    margin-top: 4px;

    border-top: 1px solid #eeeeee;

    border-radius: 0 0 7px 7px;
}


/* =========================================================
   AUTH SAYFASI
   ========================================================= */

.alpport-user-auth-page {
    width: 100%;

    box-sizing: border-box;

    margin: 30px auto;
}


/* =========================================================
   AUTH KUTUSU
   ========================================================= */

.alpport-user-auth-box {
    width: 100%;
    max-width: 460px;

    margin: 0 auto;
    padding: 30px;

    box-sizing: border-box;

    background: #ffffff;

    border: 1px solid #e4e4e4;
    border-radius: 12px;

    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.06);
}


/* =========================================================
   AUTH BAŞLIK
   ========================================================= */

.alpport-user-auth-header {
    margin-bottom: 24px;

    text-align: center;
}


.alpport-user-auth-header h2 {
    margin: 10px 0 7px;

    color: #1d1d1d;

    font-size: 26px;
    line-height: 1.25;
}


.alpport-user-auth-header p {
    margin: 0;

    color: #777777;

    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   AUTH İKON
   ========================================================= */

.alpport-user-auth-icon {
    display: flex;

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

    width: 54px;
    height: 54px;

    margin: 0 auto;

    border-radius: 50%;

    background: #f3f3f3;

    font-size: 25px;
}


/* =========================================================
   FORM
   ========================================================= */

.alpport-user-form {
    width: 100%;
}


/* =========================================================
   FORM ALANI
   ========================================================= */

.alpport-user-field {
    margin-bottom: 17px;
}


.alpport-user-field label {
    display: block;

    margin-bottom: 7px;

    color: #333333;

    font-size: 14px;
    font-weight: 600;
}


.alpport-user-field input {
    display: block;

    width: 100%;

    box-sizing: border-box;

    min-height: 44px;

    padding: 10px 12px;

    border: 1px solid #d8d8d8;
    border-radius: 7px;

    background: #ffffff;
    color: #222222;

    font-family: inherit;
    font-size: 15px;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.alpport-user-field input:hover {
    border-color: #bdbdbd;
}


.alpport-user-field input:focus {
    outline: none;

    border-color: #999999;

    box-shadow:
        0 0 0 3px rgba(0, 0, 0, 0.06);
}


/* =========================================================
   BENİ HATIRLA
   ========================================================= */

.alpport-user-remember {
    margin: 4px 0 18px;
}


.alpport-user-remember label {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #555555;

    font-size: 14px;

    cursor: pointer;
}


.alpport-user-remember input {
    margin: 0;

    width: 16px;
    height: 16px;
}


/* =========================================================
   GÖNDER BUTONU
   ========================================================= */

.alpport-user-submit {
    display: block;

    width: 100%;

    min-height: 46px;

    padding: 11px 16px;

    border: 0;
    border-radius: 7px;

    background: #222222;
    color: #ffffff;

    font-family: inherit;

    font-size: 15px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background 0.2s ease,
        transform 0.1s ease;
}


.alpport-user-submit:hover {
    background: #000000;
}


.alpport-user-submit:active {
    transform: translateY(1px);
}


/* =========================================================
   HATA MESAJI
   ========================================================= */

.alpport-user-error {
    margin-bottom: 18px;

    padding: 12px 14px;

    border: 1px solid #f0caca;
    border-radius: 7px;

    background: #fff4f4;
    color: #a40000;

    font-size: 14px;
    line-height: 1.55;
}


.alpport-user-error div + div {
    margin-top: 5px;
}


/* =========================================================
   BAŞARI MESAJI
   ========================================================= */

.alpport-user-success {
    margin-bottom: 18px;

    padding: 12px 14px;

    border: 1px solid #c9e7d0;
    border-radius: 7px;

    background: #f3fbf5;
    color: #216b35;

    font-size: 14px;
    line-height: 1.55;
}


/* =========================================================
   AUTH ALT LİNKLER
   ========================================================= */

.alpport-user-auth-links {
    display: flex;

    flex-direction: column;

    gap: 9px;

    margin-top: 20px;

    padding-top: 18px;

    border-top: 1px solid #eeeeee;

    text-align: center;
}


.alpport-user-auth-links a {
    color: #444444;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    transition:
        color 0.2s ease;
}


.alpport-user-auth-links a:hover {
    color: #000000;

    text-decoration: underline;
}


/* =========================================================
   PROFİL SAYFASI
   ========================================================= */

.alpport-user-profile-page {
    width: 100%;

    box-sizing: border-box;

    margin: 30px auto;
}


/* =========================================================
   PROFİL KUTUSU
   ========================================================= */

.alpport-user-profile-box {
    width: 100%;
    max-width: 600px;

    margin: 0 auto;
    padding: 30px;

    box-sizing: border-box;

    background: #ffffff;

    border: 1px solid #e4e4e4;
    border-radius: 12px;

    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.06);
}


/* =========================================================
   PROFİL BAŞLIK
   ========================================================= */

.alpport-user-profile-header {
    display: flex;

    align-items: center;

    gap: 18px;

    margin-bottom: 25px;

    padding-bottom: 22px;

    border-bottom: 1px solid #eeeeee;
}


.alpport-user-profile-avatar {
    flex: 0 0 auto;
}


.alpport-user-profile-avatar img {
    display: block;

    width: 76px;
    height: 76px;

    border-radius: 50%;
}


.alpport-user-profile-title h2 {
    margin: 0 0 5px;

    color: #1d1d1d;

    font-size: 25px;
    line-height: 1.25;
}


.alpport-user-profile-title p {
    margin: 0;

    color: #777777;

    font-size: 14px;
}


/* =========================================================
   PROFİL BİLGİLERİ
   ========================================================= */

.alpport-user-profile-info {
    display: flex;

    flex-direction: column;

    gap: 0;
}


/* =========================================================
   PROFİL SATIRI
   ========================================================= */

.alpport-user-profile-row {
    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 14px 0;

    border-bottom: 1px solid #eeeeee;
}


.alpport-user-profile-row:last-child {
    border-bottom: 0;
}


/* =========================================================
   PROFİL ETİKET
   ========================================================= */

.alpport-user-profile-label {
    flex: 0 0 145px;

    color: #777777;

    font-size: 14px;
    font-weight: 600;
}


/* =========================================================
   PROFİL DEĞER
   ========================================================= */

.alpport-user-profile-value {
    flex: 1;

    min-width: 0;

    color: #222222;

    font-size: 14px;

    word-break: break-word;
}


/* =========================================================
   PROFİL BUTONLARI
   ========================================================= */

.alpport-user-profile-actions {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-top: 25px;
}


.alpport-user-profile-actions a {
    display: inline-flex;

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

    min-height: 42px;

    padding: 9px 15px;

    box-sizing: border-box;

    border-radius: 7px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;
}


/* =========================================================
   PROFİL GERİ
   ========================================================= */

.alpport-user-profile-back {
    border: 1px solid #dddddd;

    background: #ffffff;
    color: #333333;
}


.alpport-user-profile-back:hover {
    background: #f5f5f5;
}


/* =========================================================
   PROFİL ÇIKIŞ
   ========================================================= */

.alpport-user-profile-logout {
    border: 1px solid #222222;

    background: #222222;
    color: #ffffff;
}


.alpport-user-profile-logout:hover {
    background: #000000;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 600px) {


    .alpport-user-wrapper {
        max-width: 100%;
    }


    .alpport-user-button {
        min-height: 40px;

        padding: 8px 11px;
    }


    .alpport-user-dropdown {
        right: 0;

        width: min(
            220px,
            calc(100vw - 30px)
        );
    }


    .alpport-user-auth-page,
    .alpport-user-profile-page {
        margin: 20px auto;
    }


    .alpport-user-auth-box,
    .alpport-user-profile-box {
        padding: 22px 18px;

        border-radius: 10px;
    }


    .alpport-user-auth-header h2 {
        font-size: 23px;
    }


    .alpport-user-profile-header {
        gap: 13px;
    }


    .alpport-user-profile-avatar img {
        width: 62px;
        height: 62px;
    }


    .alpport-user-profile-title h2 {
        font-size: 22px;
    }


    .alpport-user-profile-row {
        flex-direction: column;

        gap: 5px;
    }


    .alpport-user-profile-label {
        flex: none;

        width: 100%;
    }


    .alpport-user-profile-value {
        width: 100%;
    }


    .alpport-user-profile-actions {
        flex-direction: column;

        align-items: stretch;
    }


    .alpport-user-profile-actions a {
        width: 100%;
    }

}
/* =========================================================
   ALPPORT SOCIAL PROFILE / FEED — v1.2
   ========================================================= */
.alpport-social{--as-blue:#315efb;--as-ink:#172033;--as-muted:#718096;--as-line:#e8edf5;max-width:1180px;margin:24px auto;color:var(--as-ink);font-family:inherit;font-size:15px;line-height:1.55}
.alpport-social *{box-sizing:border-box}
.alpport-social-top{display:flex;align-items:center;gap:18px;padding:18px 22px;margin-bottom:22px;background:#fff;border:1px solid var(--as-line);border-radius:18px;box-shadow:0 8px 28px rgba(30,48,90,.045)}
.alpport-social-brand{font-size:22px;font-weight:850;letter-spacing:1.2px;color:var(--as-blue);text-decoration:none}.alpport-social-top>span{color:var(--as-muted);flex:1}.alpport-social-logout{font-size:13px;color:#596579;text-decoration:none;padding:8px 12px;border:1px solid var(--as-line);border-radius:10px}
.alpport-social-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.alpport-social-card{background:#fff;border:1px solid var(--as-line);border-radius:18px;box-shadow:0 8px 28px rgba(30,48,90,.045);overflow:hidden}.alpport-social-sidebar{padding:0 22px 22px;text-align:center}.alpport-social-cover{height:100px;margin:0 -22px;background:linear-gradient(120deg,#2349d8 0%,#477bff 55%,#8bc7ff 100%);position:relative}.alpport-social-avatar-wrap{margin-top:-48px;position:relative}.alpport-social-avatar{width:100px!important;height:100px!important;border-radius:50%;border:5px solid #fff;object-fit:cover;box-shadow:0 5px 20px #1d3b781c}.alpport-social-sidebar h2{font-size:21px;margin:10px 0 0;color:var(--as-ink)}.alpport-social-handle{margin:0;color:var(--as-muted);font-size:13px}.alpport-social-bio{margin:16px 0;color:#536176;overflow-wrap:anywhere}.alpport-social-stats{display:flex;justify-content:center;gap:36px;padding:16px 0;border-top:1px solid var(--as-line);border-bottom:1px solid var(--as-line)}.alpport-social-stats div{display:flex;flex-direction:column}.alpport-social-stats strong{font-size:19px}.alpport-social-stats span{font-size:12px;color:var(--as-muted)}
.alpport-social-edit{margin-top:18px;text-align:left}.alpport-social-edit summary{cursor:pointer;text-align:center;color:var(--as-blue);font-weight:700;padding:10px;border:1px solid #dce5ff;border-radius:10px;list-style:none}.alpport-social-edit summary::-webkit-details-marker{display:none}.alpport-social-edit form{padding-top:14px}.alpport-social label{display:block;font-size:13px;font-weight:700;margin:10px 0 5px}.alpport-social input,.alpport-social textarea{width:100%;max-width:100%;padding:12px 13px;border:1px solid #dfe5ef;border-radius:11px;background:#fbfcff;color:var(--as-ink);font:inherit;outline:none;box-shadow:none}.alpport-social input:focus,.alpport-social textarea:focus{border-color:#8ba6ff;box-shadow:0 0 0 3px #315efb17}.alpport-social textarea{resize:vertical;min-height:88px}.alpport-social-main{min-width:0}.alpport-social-composer{padding:22px}.alpport-social-composer h2,.alpport-social-feed-heading h2{font-size:19px;line-height:1.3;margin:0 0 14px;color:var(--as-ink)}.alpport-social-composer textarea{min-height:120px;background:#fbfcff}.alpport-social-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.alpport-social-compose-bottom small{color:var(--as-muted);font-size:12px}.alpport-social-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0!important;border-radius:11px!important;padding:11px 19px!important;background:var(--as-blue)!important;color:#fff!important;text-decoration:none!important;font-weight:750!important;line-height:1.3;cursor:pointer;box-shadow:0 5px 14px #315efb28;transition:transform .15s,box-shadow .15s}.alpport-social-btn:hover{color:#fff!important;transform:translateY(-1px);box-shadow:0 8px 20px #315efb35}.alpport-social-feed{margin-top:24px}.alpport-social-feed-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.alpport-social-feed-heading h2{margin:0}.alpport-social-feed-heading span{font-size:12px;color:var(--as-muted)}.alpport-social-post{padding:20px;margin-bottom:14px}.alpport-social-post-head{display:flex;align-items:center;gap:12px}.alpport-social-post-avatar{width:46px!important;height:46px!important;border-radius:50%;object-fit:cover}.alpport-social-post-author{display:flex;flex-direction:column;min-width:0;flex:1}.alpport-social-post-author strong{font-size:14px}.alpport-social-post-author span{font-size:12px;color:var(--as-muted)}.alpport-social-delete-form{margin-left:auto}.alpport-social-delete-form button{border:0;background:#f3f5f9;color:#667085;width:34px;height:34px;border-radius:9px;cursor:pointer;letter-spacing:1px}.alpport-social-delete-form button:hover{background:#fff0f0;color:#c83232}.alpport-social-post-content{padding:18px 0 15px;white-space:normal;overflow-wrap:anywhere;color:#303b4f;font-size:15px}.alpport-social-post-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #f0f2f7;padding-top:12px;color:var(--as-muted);font-size:12px}.alpport-social-empty{padding:42px 24px;text-align:center}.alpport-social-empty-icon{margin:0 auto 10px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#eef2ff;color:var(--as-blue);font-size:28px}.alpport-social-empty h3{margin:0 0 5px}.alpport-social-empty p{margin:0;color:var(--as-muted)}.alpport-social-notice{padding:12px 16px;margin:0 0 16px;border:1px solid #bdebd1;background:#effcf4;color:#17663b;border-radius:12px}.alpport-social-login{max-width:480px;margin:50px auto;padding:38px;text-align:center}.alpport-social-login h2{margin:0 0 8px}.alpport-social-login p{color:var(--as-muted);margin:0 0 22px}.alpport-social-footer{text-align:center;color:#8993a5;font-size:12px;padding:24px 10px}
@media(max-width:780px){.alpport-social{margin:12px auto}.alpport-social-top{padding:14px;gap:10px;flex-wrap:wrap}.alpport-social-top>span{font-size:12px;order:3;flex-basis:100%}.alpport-social-layout{grid-template-columns:1fr;gap:16px}.alpport-social-sidebar{padding-bottom:18px}.alpport-social-cover{height:82px}.alpport-social-composer{padding:17px}.alpport-social-post{padding:16px}.alpport-social-feed{margin-top:18px}}

/* ALPPORT User 1.3.0 - privacy, image posts and post actions */
.alpport-social-compose-options{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;margin:14px 0}.alpport-social-compose-options>label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.alpport-social-compose-options select{min-width:190px;padding:10px 12px;border:1px solid #dce3ef;border-radius:10px;background:#fff;color:#172033}.alpport-social-file{cursor:pointer}.alpport-social-file>span{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border:1px dashed #9eafd0;border-radius:10px;color:#315efb;background:#f7f9ff}.alpport-social-file input{display:block;max-width:100%;margin-top:8px;font-size:12px}.alpport-social-file small{font-weight:400;color:#68758b}.alpport-social-post-image{margin:14px 0 4px}.alpport-social-post-image img{display:block;width:auto;max-width:100%;max-height:620px;object-fit:contain;border-radius:14px}.alpport-social-privacy{margin-left:auto;padding:5px 8px;border-radius:999px;background:#f1f5fb;color:#4b5a73;font-size:11px;white-space:nowrap}.alpport-social-post-menu{position:relative;margin-left:5px}.alpport-social-post-menu summary{list-style:none;cursor:pointer;padding:6px 9px;border-radius:8px;color:#526078;font-weight:700}.alpport-social-post-menu summary::-webkit-details-marker{display:none}.alpport-social-post-menu[open] summary{background:#eef2f8}.alpport-social-post-menu>div{position:absolute;right:0;top:32px;z-index:10;min-width:135px;padding:6px;background:#fff;border:1px solid #e2e7f0;border-radius:11px;box-shadow:0 10px 30px #14213d20}.alpport-social-post-menu a,.alpport-social-post-menu button{display:block;width:100%;padding:9px 10px;border:0;background:transparent;text-align:left;text-decoration:none;color:#26334b;font-size:13px;cursor:pointer;border-radius:7px}.alpport-social-post-menu a:hover,.alpport-social-post-menu button:hover{background:#f3f6fb}.alpport-social-post-menu button{color:#c0394b}.alpport-social-friend-form button{padding:7px 9px;border:1px solid #dce4f3;border-radius:8px;background:#f8faff;color:#315efb;font-size:11px;cursor:pointer}.alpport-social-requests{margin-top:20px;padding-top:15px;border-top:1px solid #edf0f6}.alpport-social-requests h3{font-size:14px;margin:0 0 10px}.alpport-social-request{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0;font-size:13px}.alpport-social-request .alpport-social-btn{padding:7px 10px;font-size:12px}.alpport-social-compose-bottom>div{display:flex;align-items:center;gap:12px}.alpport-social-cancel{font-size:13px;color:#64748b;text-decoration:none}.alpport-social-current-image img{max-width:180px;height:auto;border-radius:10px}.alpport-social-notice{overflow-wrap:anywhere}
@media(max-width:600px){.alpport-social-compose-options{flex-direction:column;gap:14px}.alpport-social-compose-options select{width:100%}.alpport-social-post-head{flex-wrap:wrap}.alpport-social-privacy{margin-left:0}.alpport-social-post-image img{max-height:420px}.alpport-social-compose-bottom{gap:10px}.alpport-social-compose-bottom>div{gap:8px}}

/* Sosyal paylaşım oluşturucu: görünürlük ve görsel ekleme yan yana */
.alpport-social-compose-options{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.alpport-social-compose-options>.alpport-social-visibility,.alpport-social-compose-options>.alpport-social-file{position:relative;display:flex;flex:1 1 220px;min-width:0;flex-direction:column;gap:7px;margin:0;font-size:13px;font-weight:700}
.alpport-social-compose-options .alpport-social-visibility select{width:100%;min-height:43px;padding:10px 12px;border:1px solid #dce3ef;border-radius:10px;background:#fff;color:#172033;font:inherit}
.alpport-social-compose-options .alpport-social-file{cursor:pointer}
.alpport-social-compose-options .alpport-social-file>span{display:flex;align-items:center;justify-content:center;min-height:43px;box-sizing:border-box;border:1px dashed #9eafd0;border-radius:10px;color:#315efb;background:#f7f9ff;font-size:13px;font-weight:700}
.alpport-social-compose-options .alpport-social-file input[type=file]{position:absolute;top:22px;left:0;width:100%;height:43px;margin:0;opacity:0;cursor:pointer;z-index:2}
.alpport-social-compose-options .alpport-social-file small{font-size:11px;font-weight:400;color:#68758b}
.alpport-social-image-preview{position:relative;margin:8px 0 14px;padding:8px;border:1px solid #e4e9f2;border-radius:13px;background:#f8faff;text-align:center}
.alpport-social-image-preview[hidden]{display:none}
.alpport-social-preview-img{display:block;width:auto;max-width:100%;max-height:440px;object-fit:contain;margin:0 auto;border-radius:9px}
.alpport-social-remove-preview{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:#182235d9;color:#fff;font-size:23px;line-height:1;cursor:pointer}
.alpport-social-caption-label{display:block;margin:8px 0 6px;font-size:12px;font-weight:700;color:#596579}
.alpport-social-post-form>textarea{width:100%;box-sizing:border-box;min-height:88px;padding:12px 13px;border:1px solid #dfe5ef;border-radius:11px;background:#fbfcff;color:var(--as-ink);font:inherit;resize:vertical}
@media(max-width:600px){.alpport-social-compose-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.alpport-social-compose-options>.alpport-social-visibility,.alpport-social-compose-options>.alpport-social-file{min-width:0;width:100%;font-size:12px}.alpport-social-compose-options .alpport-social-visibility select{min-width:0;padding:9px 6px;font-size:12px}.alpport-social-compose-options .alpport-social-file>span{padding:8px 4px;font-size:12px}.alpport-social-compose-options .alpport-social-file small{font-size:10px}.alpport-social-preview-img{max-height:320px}}