/* ==================== BASE ==================== */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}
.container{max-width:900px;margin:0 auto;padding:0 15px}
a{color:#e91e63;text-decoration:none}
a:hover{color:#c2185b}
h1{margin-bottom:20px}

/* ==================== HEADER ==================== */
.site-header{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;padding:20px 0}
.site-title{font-size:1.8em;text-align:center}
.site-header .container{text-align:center}

/* ==================== NAVIGATION ==================== */
.site-nav{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.nav-menu{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;padding:10px 0}
.nav-menu li{margin:5px 15px}
.nav-menu a{color:#e91e63;font-weight:bold;padding:5px 10px}
.nav-menu a:hover{background:#fce4ec;border-radius:4px}

/* ==================== CONTENT ==================== */
.site-content{background:#fff;margin:20px auto;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}

/* ==================== FORM ==================== */
.form-group{margin-bottom:15px;position:relative}
.form-group label{display:block;font-weight:bold;margin-bottom:5px;color:#e91e63}
.form-group input,.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:inherit}
.form-group input[readonly]{background:#f5f5f5;color:#666;cursor:not-allowed}
.form-group textarea{min-height:100px;resize:vertical}
.form-group textarea.large{min-height:250px}
.form-group textarea.medium{min-height:100px}
.form-container{background:#f9f9f9;padding:20px;border-radius:8px;margin:20px 0}

/* ==================== BUTTONS ==================== */
.buttons{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block}
.btn-primary{background:#e91e63;color:#fff}
.btn-primary:hover{background:#c2185b}
.btn-secondary{background:#757575;color:#fff}
.btn-secondary:hover{background:#616161}
.btn-danger{background:#f44336;color:#fff}
.btn-danger:hover{background:#d32f2f}
.btn-del{background:#000000;color:#fff}
.btn-del:hover{background:#575757}


/* ==================== POSTS ==================== */
.post{border-bottom:1px solid #f06292;padding:15px 0;background:#fff}
.post:last-child{border-bottom:none}
.post-header{font-weight:bold;color:#e91e63;margin-bottom:8px}
.post-header a{color:#e91e63}
.edit-link{color:#757575;font-size:0.9em;margin-left:10px}
.edit-link:hover{color:#e91e63}
.post-xfields1{margin:8px 0;padding:0}
.post-xfields1 img{max-width:100%;height:auto;border-radius:4px;margin:5px;display:inline-block}
.post-short{font-size:0.85em;color:#888;line-height:1.5;display:block;white-space:pre-wrap}

/* ==================== PAGINATION ==================== */
.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:20px 0;padding:15px;background:#fce4ec;border-radius:8px}
.pagination a,.pagination span{padding:8px 12px;border:1px solid #f06292;border-radius:4px;background:#fff}
.pagination a:hover,.pagination .current{background:#e91e63;color:#fff;border-color:#e91e63}

/* Footer Pagination */
.footer-pagination{margin-bottom:15px}
.footer-pagination .pagination{background:rgba(255,255,255,0.1);border-radius:4px}
.footer-pagination .pagination a,.footer-pagination .pagination span{border-color:#fff;color:#fff}
.footer-pagination .pagination a:hover,.footer-pagination .pagination .current{background:#fff;color:#e91e63}

/* ==================== SEARCH ==================== */
.search-form{display:inline-block;margin-left:20px}
.search-input{padding:5px 10px;border:1px solid #ddd;border-radius:4px;width:200px}
.search-info{color:#666;font-size:0.9em;margin:10px 0;padding:10px;background:#fce4ec;border-radius:4px}
.search-info a{color:#e91e63;margin-left:10px}
.search-info a:hover{color:#c2185b}

/* ==================== MESSAGES ==================== */
.message{padding:12px 15px;margin-bottom:15px;border-radius:4px;border:1px solid}
.message.success{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}
.message.error{background:#ffebee;color:#c62828;border-color:#ef9a9a}
.message.info{background:#e3f2fd;color:#1976d2;border-color:#90caf9}

/* ==================== UPLOAD PANEL ==================== */
.upload-panel{background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #ddd;position:sticky;top:20px;z-index:100;margin-bottom:20px}
.uploaded-images{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.uploaded-item{position:relative;width:100px;height:100px;cursor:pointer;border:2px solid transparent;border-radius:4px}
.uploaded-item.selected{border-color:#e91e63}
.uploaded-item img{width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid #ddd}
.uploaded-item .remove-img{position:absolute;top:2px;right:2px;background:#f44336;color:#fff;width:20px;height:20px;border-radius:50%;text-align:center;line-height:18px;cursor:pointer;font-size:14px}
.uploaded-item .remove-img:hover{background:#d32f2f}
.image-control-panel{background:#fff;padding:15px;border-radius:8px;border:1px solid #ddd;margin-top:15px}
.image-control-panel label{font-size:0.9em;color:#666;margin-bottom:3px;display:block}
.image-control-panel input{font-size:0.9em}

/* ==================== MODAL ==================== */
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.modal-content{background:#fff;margin:5% auto;padding:25px;border-radius:8px;max-width:600px;position:relative}
.modal-close{position:absolute;right:15px;top:10px;font-size:28px;cursor:pointer;color:#666}
.modal-close:hover{color:#333}
.upload-area{border:2px dashed #ddd;padding:40px;text-align:center;margin:20px 0;border-radius:8px;background:#f9f9f9}
.upload-area.dragover{border-color:#e91e63;background:#fce4ec}
.upload-preview{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}
.preview-item{width:100px;text-align:center}
.preview-item img{width:100%;height:100px;object-fit:cover;border-radius:4px;border:1px solid #ddd}
.preview-item p{font-size:0.8em;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-status{margin:15px 0}

/* ==================== FOOTER ==================== */
.site-footer{background:#e91e63;color:#fff;padding:20px 0;margin-top:20px}
.footer-desc{font-size:0.9em;margin-bottom:15px;opacity:0.9}
.footer-menu{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;font-size:0.9em}
.footer-menu a{color:#fff}
.footer-menu span{opacity:0.7}
.footer-new-post{color:#4caf50;font-weight:bold}
.footer-new-post:hover{color:#81c784}

/* ==================== PAGE HEADER ==================== */
.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.page-header h1{margin:0}
.page-header-actions{text-align:right}

/* ==================== POST META ==================== */
.post-meta{background:#f8f9fa;padding:10px;border-radius:4px;margin-bottom:20px;font-size:0.9em;color:#666}
.post-meta strong{color:#333}

/* ==================== FULLSTORY TEMPLATE ==================== */
.fullstory-container{padding:0;margin:20px 0;border-radius:8px;overflow:hidden}
.fullstory-block{padding:20px;margin-bottom:1px;border-left:4px solid #e91e63}
.block-1{background:#fce4ec}
.block-2{background:#f8f9fa}
.block-3{background:#fff3e0}
.block-4{background:#e8f5e9}
.block-5{background:#e3f2fd}
.block-6{background:#f5f5f5}
.fullstory-label{font-weight:bold;color:#e91e63;margin-bottom:10px;font-size:0.95em;text-transform:uppercase;letter-spacing:0.5px}
.fullstory-content{color:#333;line-height:1.8;font-size:1em}
.fullstory-small{font-size:0.85em}
.fullstory-block:last-child{margin-bottom:0}

/* Отступ между изображениями в полной новости */
.fullstory-content img{margin:5px;display:inline-block;max-width:100%;height:auto}

/* Иконка просмотров */
.views-icon{font-size:1.2em;margin-right:5px}

/* Стили для тегов в полной новости */
.fullstory-content a[href*="do=tags"]{color:#e91e63;text-decoration:none;font-weight:500}
.fullstory-content a[href*="do=tags"]:hover{color:#c2185b;text-decoration:underline}

/* ==================== NEWS VIEW ==================== */
.news-view-header{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e91e63;text-align:center}
.news-view-header h1{color:#e91e63;margin-bottom:10px;font-size:1.8em}
.news-date{color:#888;font-size:0.9em;display:block}
.news-buttons{margin-top:20px;padding-top:20px;border-top:1px solid #f06292;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.news-buttons .btn{padding:10px 20px}

/* ==================== LIGHTBOX ==================== */
.lightbox{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9)}
.lightbox-content{position:relative;margin:2% auto;max-width:90%;max-height:85vh;background:#fff;padding:20px;border-radius:8px;min-height:200px}
.lightbox-content img{max-width:100%;max-height:80vh;display:block;margin:0 auto}
.lightbox-alt{color:#333;font-size:1.3em;font-weight:bold;text-align:center;margin-top:15px;padding:15px;background:#f5f5f5;border-radius:4px}
.lightbox-close{position:absolute;right:20px;top:10px;font-size:40px;font-weight:bold;color:#fff;cursor:pointer;z-index:2001;line-height:1}
.lightbox-close:hover{color:#e91e63}

/* Индикатор загрузки */
.lightbox-loader{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #e91e63;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}

/* Mobile для lightbox */
@media(max-width:600px){
.lightbox-content{margin:5% auto;width:95%;padding:15px}
.lightbox-close{font-size:35px;right:15px;top:10px}
.lightbox-alt{font-size:1.1em;padding:12px}
}

/* ==================== TAGS AUTOCOMPLETE ==================== */
.tags-autocomplete{position:absolute;background:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;width:100%;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.tags-autocomplete-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;color:#333}
.tags-autocomplete-item:hover{background:#fce4ec;color:#e91e63}
.tags-autocomplete-item:last-child{border-bottom:none}
.tags-selected{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;min-height:30px}
.tags-selected-item{background:#f8f9fa;color:#333;padding:6px 12px;border-radius:20px;font-size:0.85em;display:inline-flex;align-items:center;gap:5px;border:1px solid #e91e63}
.tags-selected-item:hover{background:#fce4ec}
.tags-remove{cursor:pointer;font-weight:bold;font-size:1.1em;color:#e91e63}
.tags-remove:hover{color:#c2185b}

/* ==================== MOBILE ==================== */
@media(max-width:600px){
.site-title{font-size:1.4em}
.nav-menu{flex-direction:column;text-align:center}
.nav-menu li{margin:5px 0}
.footer-menu{flex-direction:column;text-align:center}
.page-header{flex-direction:column;text-align:center}
.page-header-actions{text-align:center}
.buttons{flex-direction:column}
.btn{width:100%;text-align:center}
.upload-panel{position:static}
.fullstory-col.left{border-right:none;border-bottom:1px solid #ddd;padding-right:0;padding-bottom:15px;margin-bottom:15px}
.fullstory-row{flex-direction:column}
.news-buttons{flex-direction:column}
.news-buttons .btn{width:100%;text-align:center}
}

/* ==================== COMMENTS FORM ==================== */
.comments-container{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin:20px 0}
.comments-container h2{color:#e91e63;margin-bottom:10px;text-align:center}
.comments-intro{background:#fce4ec;padding:15px;border-radius:4px;margin-bottom:20px;text-align:center;color:#c2185b;font-weight:bold}
.comments-back{text-align:center;margin-top:20px}
.comments-back a{color:#e91e63;text-decoration:none}
.comments-back a:hover{color:#c2185b}
.captcha-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.captcha-image{border:2px solid #e91e63;border-radius:4px;background:#fff}
.captcha-input{flex:1;min-width:150px}
.btn-full{width:100%}
.required{color:#e91e63}

/* Mobile для формы комментариев */
@media(max-width:600px){
.captcha-container{flex-direction:column;align-items:flex-start}
.captcha-image{width:100%;max-width:200px}
.captcha-input{width:100%}
.comments-container{padding:20px}
}

/* ==================== COMMENTS SECTION ==================== */
.comments-section{margin-top:30px;border-top:2px solid #e91e63;padding-top:30px}
.comments-container{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin:20px 0}
.comments-container h2{color:#e91e63;margin-bottom:10px;text-align:center}
.comments-intro{background:#fce4ec;padding:15px;border-radius:4px;margin-bottom:20px;text-align:center;color:#c2185b;font-weight:bold}
.comments-back{text-align:center;margin-top:20px}
.comments-back a{color:#e91e63;text-decoration:none}
.comments-back a:hover{color:#c2185b}
.captcha-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.captcha-image{border:2px solid #e91e63;border-radius:4px;background:#fff}
.captcha-input{flex:1;min-width:150px}
.btn-full{width:100%}
.required{color:#e91e63}

/* Mobile для формы комментариев */
@media(max-width:600px){
.captcha-container{flex-direction:column;align-items:flex-start}
.captcha-image{width:100%;max-width:200px}
.captcha-input{width:100%}
.comments-container{padding:20px}
}

/* ==================== COMMENTS LIST ==================== */
.comments-list{margin-top:30px;border-top:2px solid #e91e63;padding-top:30px}
.comments-list h3{color:#e91e63;margin-bottom:20px;text-align:center}
.comment-item{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:15px;border-left:4px solid #e91e63}
.comment-item:last-child{margin-bottom:0}
.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.comment-id{color:#999;font-size:0.85em;font-weight:normal}
.comment-name{color:#333;font-size:1.1em;font-weight:bold}
.comment-date{color:#888;font-size:0.85em;margin-bottom:12px}
.comment-text{color:#333;line-height:1.6;font-size:0.95em;white-space:pre-wrap}

/* Нет комментариев */
.no-comments{text-align:center;padding:30px;color:#999;background:#f9f9f9;border-radius:8px}

/* Mobile для комментариев */
@media(max-width:600px){
.comment-header{flex-direction:column;align-items:flex-start;gap:5px}
.comment-item{padding:15px}
.comment-name{font-size:1em}
}

/* ==================== COMMENTS DELETE BUTTON ==================== */
.comment-item{position:relative}
.comment-delete{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:24px;color:#ccc;cursor:pointer;padding:5px 10px;line-height:1;transition:color 0.3s}
.comment-delete:hover{color:#e91e63}

/* ==================== DELETE MODAL ==================== */


.delete-modal{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.delete-modal-content{background:#fff;margin:15% auto;padding:30px;border-radius:8px;max-width:400px;position:relative;box-shadow:0 5px 20px rgba(0,0,0,0.3)}
.delete-modal-close{position:absolute;right:15px;top:10px;font-size:28px;cursor:pointer;color:#666}
.delete-modal-close:hover{color:#333}
.delete-modal h3{color:#e91e63;margin-bottom:15px;text-align:center}
.delete-modal-math{background:#f9f9f9;padding:20px;border-radius:4px;margin:20px 0;text-align:center;font-size:1.5em;font-weight:bold;color:#333}
.delete-modal-input{width:100%;padding:10px;font-size:16px;border:1px solid #ddd;border-radius:4px;margin:15px 0;box-sizing:border-box}
.delete-modal-buttons{display:flex;gap:10px;margin-top:20px}
.delete-modal-buttons .btn{flex:1;text-align:center}


/* Mobile для кнопки удаления */
@media(max-width:600px){
.comment-delete{top:5px;right:5px;font-size:20px}
.delete-modal-content{margin:20% auto;width:90%;padding:20px}
}

/* ==================== CATEGORY 6 POST ==================== */
.category-6-post{background:#fce4ec;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #e91e63}
.category-6-post h2{color:#e91e63;margin-bottom:10px;font-size:1.5em}
.category-6-text{font-weight:bold;line-height:1.6;color:#333}
.category-6-text img{max-width:100%;height:auto;border-radius:4px;margin:10px 0;display:block}
.category-6-text p{margin:10px 0}
.category-6-text br{line-height:1.6}

/* Mobile для категории 6 */
@media(max-width:600px){
.category-6-post{padding:15px}
.category-6-post h2{font-size:1.3em}
.category-6-text img{max-width:100%}
}

/* ==================== FOOTER SEARCH ==================== */
.footer-search{margin:15px 0;text-align:center}
.search-form{display:inline-flex;gap:5px;align-items:center}
.search-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:250px}
.search-input:focus{outline:none;border-color:#e91e63;box-shadow:0 0 5px rgba(233,30,99,0.3)}
.btn-search{padding:8px 15px;background:#e91e63;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}
.btn-search:hover{background:#c2185b}

/* ==================== SEARCH RESULTS ==================== */
.search-results{margin:20px 0}
.search-result-item{padding:10px 0;border-bottom:1px solid #f0f0f0}
.search-result-item:last-child{border-bottom:none}
.search-result-item a{color:#e91e63;font-size:1em;text-decoration:none;font-weight:500}
.search-result-item a:hover{color:#c2185b;text-decoration:underline}

/* Mobile для поиска */
@media(max-width:600px){
.search-form{flex-direction:column;width:100%}
.search-input{width:100%;box-sizing:border-box}
.btn-search{width:100%}
}

/* ==================== MESSAGE STYLES ==================== */
.message{padding:15px;margin:20px 0;border-radius:4px;text-align:center}
.message.success{background:#e8f5e9;color:#2e7d32;border:1px solid #4caf50}
.message.error{background:#ffebee;color:#c62828;border:1px solid #f44336}  /* 🆕 Красный стиль для ошибки */