.actus-page {
    width:100%;
    max-width:900px;
    margin:0 auto;
    padding:30px 16px 60px;
}

.actus-header {
    text-align:center;
    margin-bottom:30px;
}

.actus-header h1 {
    margin:0 0 8px;
    font-size:32px;
}

.actus-header p {
    margin:0;
    opacity:.75;
}

.actus-feed {
    display:flex;
    flex-direction:column;
    gap:24px;
}

.actus-post {
    background:#111;
    color:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(0,0,0,.35);
    border:1px solid #333;
}

.actus-post-header {
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px 16px 10px;
}

.actus-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid #e81791;
}

.actus-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.actus-post-user {
    display:flex;
    flex-direction:column;
    line-height:1.25;
}

.actus-post-user strong {
    font-size:15px;
}

.actus-post-user span {
    font-size:12px;
    opacity:.6;
    margin-top:3px;
}

.actus-text {
    padding:8px 16px 14px;
    font-size:15px;
    line-height:1.2;
}

.actus-text p {
    margin:0 0 6px;
    line-height:1.2;
}

.actus-text p:empty,
.actus-text p:has(br:only-child) {
    min-height:14px;
    margin:0;
}

.actus-text p:last-child {
    margin-bottom:0;
}

.actus-text strong {
    font-weight:700;
}

.actus-text em {
    font-style:italic;
}

.actus-text a {
    color:#ff2aa8;
    text-decoration:none;
}

.actus-text a:hover {
    text-decoration:underline;
}

.actus-media {
    width:100%;
    text-align:center;
}

.actus-media img {
    display:block;
    width:100%;
    max-width:680px;
    max-height:750px;
    height:auto;
    object-fit:contain;
    margin:0 auto 16px;
    border-radius:10px;
}

.actus-video {
    display:block;
    width:100%;
    max-width:680px;
    max-height:750px;
    height:auto;
    object-fit:contain;
    margin:0 auto 16px;
    border-radius:10px;
    background:#000;
}

.actus-video.landscape {
    width:97%;
    max-width:100%;
    aspect-ratio:16 / 9;
}

.actus-empty {
    text-align:center;
    padding:50px 20px;
    opacity:.65;
}

@media (max-width:600px) {

    .actus-page {
        padding:20px 10px 50px;
    }

    .actus-header h1 {
        font-size:27px;
    }

    .actus-feed {
        gap:18px;
    }

    .actus-post {
        border-radius:14px;
    }

    .actus-media img,
    .actus-video {
        max-width:100%;
        max-height:none;
        height:auto;
        border-radius:0;
    }
}
    


.actus-media-double {
    display:flex;
    justify-content:center;
    align-items:stretch;
    gap:8px;
    padding:0 12px 16px;
    box-sizing:border-box;
}

.actus-media-double img {
    width:calc(50% - 4px);
    max-width:none;
    height:420px;
    margin:0;
    object-fit:cover;
    border-radius:10px;
}

@media (max-width:600px) {
    .actus-media-double {
        gap:4px;
        padding:0 4px 10px;
    }

    .actus-media-double img {
        width:calc(50% - 2px);
        height:300px;
        border-radius:6px;
    }
}

.actus-age-lock {
    min-height:220px;
    margin:0 16px 16px;
    padding:25px;
    background:#080808;
    border:1px solid #333;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
}

.actus-age-icon {
    font-size:42px;
}

.actus-age-lock strong {
    font-size:18px;
}

.actus-age-lock span {
    font-size:14px;
    opacity:.7;
}

.actus-age-lock .button {
    margin-top:6px;
}

.actus-video-publication {
    padding:0 16px 16px;
}

.actus-video-publication h2 {
    margin:0 0 12px;
    font-size:20px;
    color:#ff2aa8;
}

.actus-video-description {
    margin:12px 0;
    line-height:1.35;
    font-size:14px;
}

.video-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 30px 0;
}

.video-pagination .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 14px;
    margin: 0;
}

.actus-like-row {
    display:flex;
    align-items:center;
    justify-content:center;
    height:36px;
    margin-top:12px;
}

.actus-like-button {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:36px;
    min-width:55px;
    padding:0;
    border:0;
    background:transparent;
    color:#aaa;
    font-size:16px;
    line-height:1;
    cursor:pointer;
}

.actus-like-heart {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    font-size:22px;
    line-height:24px;
    flex-shrink:0;
}

.actus-like-count {
    display:inline-block;
    min-width:12px;
    line-height:20px;
    text-align:left;
}

.actus-like-button.liked {
    color:#ff69b4;
}

.actus-like-button:disabled {
    opacity:.6;
    cursor:default;
}

.actus-like-button,
.actus-like-button:hover,
.actus-like-button:focus,
.actus-like-button:active {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:none !important;
    transform:none !important;
}

.actus-like-button:hover {
    color:#aaa;
}

.actus-like-button.liked,
.actus-like-button.liked:hover {
    color:#ff69b4;
}
.actus-comments-block {
    margin-top:10px;
}

.actus-comments-list {
    display:flex;
    flex-direction:column;
    gap:6px;
}

.actus-comment {
    background:#181818;
    border-radius:8px;
    padding:8px 10px;
}

.actus-comment strong {
    display:block;
    color:#ff69b4;
    margin-bottom:2px;
}

.actus-comment span {
    display:block;
    color:#ddd;
    line-height:1.35;
}

.actus-comment small {
    display:block;
    color:#777;
    margin-top:3px;
    font-size:10px;
}

/* Zone d'écriture */
.actus-comment-form {
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:12px;
    padding:8px 10px 4px;
    border-top:1px solid #292929;
}

.actus-comment-input {
    flex:1;
    min-height:34px;
    max-height:120px;
    resize:none;
    overflow-y:auto;
    background:transparent;
    border:0;
    border-bottom:1px solid #444;
    border-radius:0;
    color:#fff;
    padding:7px 2px;
    outline:none;
    box-sizing:border-box;
    font-family:inherit;
    line-height:5px;
}

.actus-comment-input::placeholder {
    color:#777;
}

.actus-comment-input:focus {
    border-bottom-color:#ff2aa8;
}

.actus-comment-form .button {
    height:auto;
    background:transparent;
    border:0;
    color:#ff2aa8;
    padding:5px 8px;
    box-shadow:none;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
}

.actus-comment-form .button:hover {
    background:transparent;
    color:#ff69b4;
}

.actus-admin-reply {
    margin-top:6px;
    padding-left:10px;
    border-left:3px solid #ff69b4;
}

.actus-admin-reply strong {
    color:#ff69b4;
}

.actus-admin-reply span {
    display:block;
    color:#ddd;
}

.actus-comment {
    position:relative;
    background:#181818;
    border-radius:8px;
    padding:8px 34px 8px 10px;
}

.actus-comment-delete {
    position:absolute;
    top:7px;
    right:8px;
    width:auto;
    height:auto;
    margin:0;
    padding:2px 4px;
    border:0 !important;
    border-radius:0;
    background:transparent !important;
    box-shadow:none !important;
    color:#777;
    font-size:13px;
    line-height:1;
    cursor:pointer;
}

.actus-comment-delete:hover {
    background:transparent !important;
    color:#bbb;
}

.actus-comment-delete:focus {
    outline:none;
    box-shadow:none !important;
}

.actus-comment-limit {
    display:block;
    color:#666;
    font-size:10px;
    margin-top:3px;
}

.actus-comments-notice {
    display:block;
    margin-top:8px;
    font-size:11px;
    color:#777;
    line-height:1.35;
}

.actus-login-notice {
    margin-top:10px;
    padding:8px 10px;
    border-top:1px solid #292929;
    text-align:center;
    color:#777;
    font-size:12px;
}

.actus-login-notice a {
    color:#ff2aa8;
    text-decoration:none;
    margin-left:4px;
    font-weight:600;
}

.actus-login-notice a:hover {
    text-decoration:underline;
}