/* =========================================================================
   guest_mode.css — 👀 гостевой режим и «Сохранить фото» (js/guest_mode.js)
   24.10.2026. Подключается ДО xp_chrome.css (тот — строго последним).
   ========================================================================= */

/* --- Полоса «Вы смотрите как гость» вверху колонки --------------------- */
.df-guest-bar {
    display: none;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
    padding: 8px 10px;
    background: #ffffe1;
    border: 1px solid #a0a0a0;
    box-shadow: inset 1px 1px 0 #fff;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    color: #000;
    border-radius: 0 !important;
}
body.df-guest .df-guest-bar { display: flex; }
.df-guest-bar > .xpi { flex-shrink: 0; }
.df-guest-bar-text { flex: 1 1 auto; line-height: 1.4; }
.df-guest-bar-btns { display: flex; gap: 6px; flex-shrink: 0; }
.df-guest-bar-btns .btn { padding: 3px 10px; font-size: 11px; white-space: nowrap; border-radius: 0 !important; }

@media screen and (max-width: 768px) {
    .df-guest-bar { flex-wrap: wrap; margin: 0 0 8px; }
    .df-guest-bar-btns { width: 100%; }
    .df-guest-bar-btns .btn { flex: 1 1 0; padding: 6px 10px; font-size: 12px; }
}

/* --- То, что гостю не нужно: создать запись, вкладки ленты, «Мои подписки» */
body.df-guest #upload-box,
body.df-guest #feed-tabs,
body.df-guest #tab-my-communities,
body.df-guest #communities-container .container-header .btn,
body.df-guest #header-links { display: none !important; }

body.df-guest .side-menu .df-guest-menu-sep {
    border-top: 1px dotted #999;
    margin-top: 8px;
    padding-top: 5px;
}

/* --- Страница входа: «Посмотреть без регистрации» и «Вернуться» -------- */
.df-guest-entry {
    margin: 0 0 10px;
    padding: 8px 10px;
    background: #ece9d8;
    border: 1px solid #a0a0a0;
    box-shadow: inset 1px 1px 0 #fff;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    color: #000;
    border-radius: 0 !important;
}
.df-guest-entry-btn {
    width: 100%;
    padding: 6px 10px;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0 !important;
}
.df-guest-entry-hint { margin-top: 6px; line-height: 1.4; color: #333; }
.df-guest-return {
    margin: 0 0 8px;
    padding: 6px 8px;
    background: #ffffe1;
    border: 1px solid #a0a0a0;
    line-height: 1.4;
}
.df-guest-return[hidden] { display: none; }
.df-guest-return a { color: #0000ff; font-weight: bold; text-decoration: underline; cursor: pointer; }

/* --- «Сохранить фото» на панели окна просмотра (дискета XP) ------------ */
.xpv-tool-save {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3.5h13.5l2.5 2.5v14.5H4z' fill='%233a64c4' stroke='%23203f86'/%3E%3Crect x='7' y='4' width='9' height='6' fill='%23f2f4f8' stroke='%23203f86' stroke-width='.6'/%3E%3Crect x='12.6' y='5' width='2' height='4' fill='%23203f86'/%3E%3Crect x='6.5' y='13' width='11' height='7' fill='%23fff' stroke='%23203f86' stroke-width='.6'/%3E%3Cpath d='M8 15.2h8M8 17.4h6' stroke='%239aa6c0' stroke-width='.9'/%3E%3C/svg%3E");
}
/* «Копировать фото» — два листа, на верхнем картинка */
.xpv-tool-copy {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='3.5' width='12' height='14' fill='%23f2f4f8' stroke='%234a5f8a'/%3E%3Crect x='8.5' y='7.5' width='12' height='13' fill='%23fff' stroke='%23203f86'/%3E%3Crect x='10' y='9' width='9' height='7' fill='%237fb6f0'/%3E%3Cpath d='M10 16l3-3 2 2 1.5-1.5L19 16z' fill='%232f8f22'/%3E%3Ccircle cx='17' cy='10.8' r='1' fill='%23ffd34a'/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
    .xpv-tool-save, .xpv-tool-copy { display: inline-block !important; }
}

/* --- Страница закрыта от гостей ---------------------------------------- */
.df-guest-locked {
    text-align: center;
    padding: 26px 14px;
    border: 2px inset #fff;
    background: #f1efe7;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 12px;
    color: #333;
    line-height: 1.5;
    border-radius: 0 !important;
}
.df-guest-locked > .xpi { display: block; margin: 0 auto 8px; }
.df-guest-locked-btns { margin-top: 10px; }
.df-guest-locked-btns .btn { border-radius: 0 !important; }