/**
 * ================================================================================
 * KOMICO - Custom Style Overrides
 * ================================================================================
 * This file contains all custom CSS overrides for the theme.
 * It loads AFTER core.styles.css to ensure proper override cascade.
 * 
 * DO NOT EDIT THIS FILE DIRECTLY IN PRODUCTION
 * This file is part of the theme distribution
 * ================================================================================
 */

/* ============================================
   TOPIC / THREAD STYLES
   ============================================ */
body.km-app-topic main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.topic-data {
    border-bottom: 0px solid #e4eaef;
}

body.km-app-topic main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.topic-chain div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar::before {
    top: 53px;
    bottom: -10px;
    width: 1.5px;
    background: #d4dee6;
}

body.km-app-topic main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.topic-replys div.timeline-posts-ls-group div.timeline-posts-ls-group-inner div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar::before {
    bottom: -10px;
    left: 15px;
    width: 1.5px;
    background: #d4dee6;
    border-radius: 5px;
}

body.km-app-topic main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.topic-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon,
body.km-app-topic main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.topic-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item a.ctrls-item__icon {
    width: 15px;
    height: 15px;
}

/* ============================================
   ADVERTISEMENT STYLES
   ============================================ */
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__image a.fbox-media img {
    height: 230px;
    border-radius: 15px;
    margin-left: 15%;
    width: 81.5%;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text {
    margin-left: 12%;
    margin-top: -15px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text p {
    font-size: 15.5px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor {
    margin-top: -6px;
    margin-left: 6px;
}

.post-list-advert__time {
    color: #818e9c !important;
    font-size: 14px !important;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text h4 {
    margin-bottom: -3px;
}

.post-list-advert__ctrl {
    margin-left: 14%;
}

/* ============================================
   VIDEO PLAYER (PLYR)
   ============================================ */
body div.cl-plyr-video div.plyr--video button.plyr__control.plyr__control--overlaid {
    border: solid 3px;
}

.plyr__progress {
    color: green;
}

.plyr {
    border-radius: 15px;
    background: transparent !important;
}

.plyr__poster {
    background-size: cover;
}

.plyr__video-wrapper {
    position: relative;
    overflow: hidden;
    background: transparent !important;
}

.plyr__video-wrapper.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 1 / 1 !important;
}

.video-play-button {
    width: 35px;
    height: 35px;
    background: #00ba7b;
    border-radius: 50px;
    border: 3px solid white;
}

span.video-play-button__arrow {
    width: 35px !important;
    height: 30px !important;
    background: #00ba7b !important;
}

/* ============================================
   MOBILE BOTTOM NAVBAR
   ============================================ */
body div.mobile-bottom-navbar {
    border-top: solid 1px;
    height: 50px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    position: fixed;
    bottom: 0;
    transition: transform 0.3s ease;
}

body .mobile-bottom-navbar.hide-on-scroll {
    transform: translateY(100%);
}

/* ============================================
   PUBLICATION / OG CARDS
   ============================================ */
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description p {
    display: none;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description h5 {
    text-align: center;
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
}

body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__description p {
    display: none;
}

body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__description a {
    white-space: nowrap;
    overflow: hidden;
}

/* ============================================
   HASHTAGS
   ============================================ */
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__body span:last-child {
    display: grid;
    border-bottom: none;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item {
    border-bottom: none;
    transition: all 300s ease-in-out;
}

.hashtag-list-item-iframe.mobile-only {
    height: 100% !important;
    overflow: scroll;
    text-align: center;
    max-height: 100% !important;
    border-radius: 10px;
}

/* ============================================
   FOLLOW CAROUSEL
   ============================================ */
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__header a {
    white-space: nowrap;
    margin-top: -15px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__header h3 {
    white-space: nowrap;
}

/* ============================================
   POLL STYLES (GREEN THEME)
   ============================================ */
.publication-poll__total-votes {
    text-align: left !important;
    font-size: 12px !important;
}

.publication-poll__option {
    background: rgba(42, 197, 123, 0.2) !important;
}

span.bar-slider {
    background-color: rgba(42, 197, 123, 0.35) !important;
}

/* ============================================
   TIMELINE & PUBBOX
   ============================================ */
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item svg path {
    fill: #6c757d;
}

.publication-text {
    margin-top: -10px;
    font-size: 16px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-text {
    font-size: 16px;
}

.post-reply {
    margin-top: -5px;
    line-height: 1.1;
}

div.post-reply span a {
    text-decoration: none !important;
}

/* ============================================
   FANCYBOX
   ============================================ */
.fancybox-navigation .fancybox-button,
.fancybox-button {
    display: none !important;
}

a.fbox-media {
    min-height: 100px !important;
}

/* ============================================
   POST CONTROLS & INTERACTIONS
   ============================================ */
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-menu svg {
    margin-right: -15px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon svg,
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item div.ctrls-item__icon svg {
    width: 15px;
    height: 15px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.num {
    font-size: 11px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls {
    margin-left: 3px;
    border-radius: 25px;
    border: 1px solid var(--km-primary-border-color);
}

.liker-text {
    color: #6e7c8c !important;
    font-size: 11px !important;
}

.post-data-layout__likers {
    margin-top: 5px !important;
    margin-bottom: -10px;
}

a.liker-avatars__item {
    width: 20px !important;
    height: 20px !important;
}

/* ============================================
   TOAST NOTIFICATIONS
   ============================================ */
.jq-toast-wrap.bottom-left {
    top: 0;
}

.jq-toast-single.jq-has-icon.jq-icon-info,
.jq-icon-success,
.jq-toast-single.jq-has-icon.jq-icon-error {
    background-color: #5fcfa0;
    border: 1px solid green;
    border-radius: 5px;
}

/* ============================================
   POST USERNAME & TIME
   ============================================ */
main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

span.post-time {
    margin-left: 10px;
    font-size: 14px !important;
}

.user-name-holder__name {
    font-size: 16px;
}

span.user-slug-holder {
    text-transform: lowercase !important;
    font-size: 16px !important;
}

/* ============================================
   SEARCH BAR
   ============================================ */
form.form.timeline-searchbar__form {
    margin-bottom: -15px;
    margin-top: -5px;
    border-bottom: none !important;
}

/* ============================================
   ONESIGNAL BELL
   ============================================ */
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-button svg {
    display: none !important;
}

/* ============================================
   BUTTONS
   ============================================ */
span.btn-flex-inner {
    font-size: 14px !important;
    text-transform: capitalize !important;
}

button.move-button {
    display: none !important;
}

/* ============================================
   GREEN THEME COLOR SCHEME
   ============================================ */
body[data-skin=green] {
    --cl-primary-color: #00ba7b;
    --plyr-color-main: #00ba7b;
    --cl-primary-color-darken-5: #00ba7b;
    --cl-primary-link-color: #00ba7b;
}

/* ============================================
   TIMELINE HEADER & NAVBAR
   ============================================ */
.timeline-header {
    border-bottom: 0 !important;
    margin-bottom: -10px;
}

button.timeline-navbar__item-btn.active::after {
    background: #00ba7b !important;
}

/* ============================================
   REELS STYLES
   ============================================ */
div.reels-container div.swiper-slide div.reels-item div.reels-controls button span.ctrls-item__icon {
    width: 32px !important;
    height: 32px !important;
    background-color: transparent;
}

div.reels-container div.swiper-slide div.reels-item div.reels-controls button span.ctrls-item__icon svg {
    width: 30px;
    height: 30px;
}

div.reels-container div.swiper-slide div.reels-item div.reels-controls button span.num {
    font-size: 13px !important;
}

div.reels-goback {
    background: none;
}

div.reels-container div.swiper-slide div.reels-item div.reels-controls button:last-child {
    margin-bottom: 12px;
}

div.reels-container div.swiper-slide div.reels-item div.reels-author {
    background: transparent;
}

div.reels-container div.swiper-slide div.reels-item div.reels-author__desc div.publication-text {
    color: #fff;
}

div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username a span.user-name-holder {
    color: #fff;
}

.pl-message {
    display: none !important;
}

a.ctrls-item__inner-link {
    color: transparent;
}

div.reels-goback__inner span.go-back svg {
    width: 25px;
    height: 25px;
}

.reels-goback__inner {
    display: flex;
    align-items: center;
}

.reels-text {
    margin-left: 5px;
    font-size: 18px;
    color: #fff;
}

div.reels-container div.reels-arrows {
    right: 150px;
}

.reels-new-post {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.reels-newpost__inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.reels-item {
    max-width: 450px !important;
}

div.reels-container div.swiper-slide div.reels-item div.play-pause-video {
    border-radius: 10px;
    margin-top: 1px;
    height: 99.5%;
    aspect-ratio: 9/16;
    object-fit: cover;
}

.reels-carousel__item {
    max-width: 160px !important;
    max-height: 220px !important;
}

.reelst-item {
    height: 20px;
    display: flex;
    align-items: center;
    background-color: #D3D3D370;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 10px;
    text-decoration: none;
    color: inherit;
    width: fit-content;
    margin-left: -355px;
    margin-bottom: -195px;
}

a.reelst-item__link {
    display: flex;
    align-items: center;
    margin: 0;
    text-decoration: none;
}

.reelst-item__icon {
    margin-left: 15px;
    margin-right: 3px;
}

.reelst-item__text {
    margin-top: 3px;
    font-weight: 600;
    font-size: 10px;
    color: #fff;
}

/* ============================================
   REEDS STYLES
   ============================================ */
.reeds-text {
    font-size: 18px;
    color: #fff;
    margin-left: 5px;
}

div.reeds-container div.swiper-slide div.reeds-item div.reeds-controls button span.ctrls-item__icon {
    width: 32px !important;
    height: 32px !important;
    background-color: transparent;
}

div.reeds-container div.swiper-slide div.reeds-item div.reeds-controls button span.num {
    font-size: 13px !important;
}

div.reeds-goback {
    background: none;
}

div.reeds-container div.swiper-slide div.reeds-item div.play-pause-video {
    border-radius: 10px;
    margin-top: 1px;
    height: 99.5%;
    border: 5px solid #fff;
}

div.reeds-container div.swiper-slide div.reeds-item div.reeds-controls button:last-child {
    margin-bottom: 12px;
}

div.reeds-container div.swiper-slide div.reeds-item div.reeds-author {
    background: transparent;
}

div.reeds-container div.swiper-slide div.reeds-item div.reeds-author__desc div.publication-text {
    color: #fff;
}

div.reeds-container div.swiper-slide div.reeds-item div.reeds-author__header div.post-username a span.user-name-holder {
    color: #fff;
}

div.reeds-container div.swiper-slide div.reeds-item div.reeds-controls button span.ctrls-item__icon svg {
    width: 30px;
    height: 30px;
}

div.reeds-goback__inner span.go-back svg {
    width: 30px;
    height: 30px;
}

.reeds-goback__inner {
    display: flex;
    align-items: center;
}

div.reeds-container div.reeds-arrows {
    right: 150px;
}

/* ============================================
   DROPDOWNS
   ============================================ */
.dropdown-toggle::after {
    display: none;
}

.dropdown-item {
    color: transparent;
    text-decoration: none;
}

.dropdown-item:focus,
.dropdown-item:active {
    outline: none;
    background-color: transparent;
    box-shadow: none;
}

.dropdown-divider {
    border-top: none;
}

/* ============================================
   MODALS
   ============================================ */
.modal-content {
    position: fixed;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    animation: slideInFromBottom 0.7s ease-out forwards;
    max-height: 99vh;
    overflow-y: auto;
}

@keyframes slideInFromBottom {
    from {
        bottom: -100%;
    }
    to {
        bottom: 0;
    }
}

body div.modal div.modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.timeline-user-ls {
    overflow-y: auto !important;
    bottom: 0 !important;
}

/* ============================================
   SCROLLBAR HIDING
   ============================================ */
* {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

*::-webkit-scrollbar {
    display: none;
}

/* ============================================
   LOADING INDICATORS
   ============================================ */
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader {
    display: none !important;
}

body div.main-preloader-holder {
    display: none !important;
}

/* ============================================
   DARK MODE OVERRIDES (PURE BLACK)
   ============================================ */
body[data-bg=dark] {
    --cl-event-hover-bg: #000000;
    --cl-primary-bg-color: #000000;
    --cl-primary-bg-color-opacity: rgba(0, 0, 0, 0.7);
    --cl-secondary-bg-color: #000000;
}

/* ============================================
   GENERAL UTILITIES
   ============================================ */
html {
    scroll-behavior: smooth !important;
}

span.go-back {
    margin-top: -5px !important;
    margin-right: 25px;
    cursor: pointer;
    color: var(--text-cl, #e7e9ea);
}

.rotate-logo {
    display: inline-block;
    width: 100px;
    height: 100px;
    animation: fly-left-flip 5s linear infinite, rotate 2s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* ============================================
   TIMELINE POSTS CONTAINER
   ============================================ */
.timeline-posts-container {
    border: 0.5px solid var(--km-primary-border-color);
    border-radius: 10px;
    margin-top: 10px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content {
    padding: var(--km-primary-offset-size);
    padding-bottom: 10px;
    border-bottom: none;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr {
    border-bottom: none;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper {
    border-left: none;
    border-right: none;
}

/* ============================================
   SIDEBAR
   ============================================ */
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content {
    border-bottom: 1px solid var(--km-primary-border-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--km-primary-border-color);
    padding: 10px;
    border-radius: 12px;
}

.sidebar__more-menu-backdrop.active {
    display: none !important;
}

.nav-link-holder {
    display: flex;
}

/* ============================================
   INTER FONT (GLOBAL)
   ============================================ */
* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

body {
    letter-spacing: normal !important;
    line-height: 1.5 !important;
}

/* ============================================
   APP STORE BADGES
   ============================================ */
.app-store-badges {
    margin-top: 30px;
    text-align: center;
}

.app-store-badges__title {
    font-size: 14px;
    font-weight: 600;
    color: var(--km-secondary-text-color);
    margin-bottom: 16px;
}

.app-store-badges__buttons {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.app-store-badges__buttons a.app-badge {
    display: inline-block;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.app-store-badges__buttons a.app-badge img {
    height: 50px;
    width: auto;
    display: block;
}

.app-store-badges__buttons a.app-badge:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

/* ============================================
   WELCOME PAGE (LOGIN/SIGNUP)
   ============================================ */
body.km-app-guest div.welcome-page div.welcome-page__footer {
    background-color: #ffffff !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

body[data-bg="dark"].km-app-guest div.welcome-page div.welcome-page__footer {
    background-color: #000000 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.km-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav li.footer-nav-item > a {
    color: #536471 !important;
}

body[data-bg="dark"].km-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav li.footer-nav-item > a {
    color: #8b98a5 !important;
}

body.km-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav li.footer-nav-item.dropdown > div.dropdown-toggle {
    color: #536471 !important;
}

body[data-bg="dark"].km-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav li.footer-nav-item.dropdown > div.dropdown-toggle {
    color: #8b98a5 !important;
}

body.km-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer div.footer-nav-get-apps a {
    color: #536471 !important;
}

body[data-bg="dark"].km-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer div.footer-nav-get-apps a {
    color: #8b98a5 !important;
}

/* ============================================
   RESPONSIVE / MEDIA QUERIES
   ============================================ */

/* Mobile and Tablet */
@media only screen and (max-width: 1024px) {
    .conversation__footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}

@media (max-width: 1199.98px) {
    body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content {
        padding-left: 9px;
        padding-right: 9px;
    }
    
    body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-quote-item div.post-quote-item__content div.quoted-post-data div.quoted-post-data__content div.quoted-post-data__content-inner div.quoted-post-data-layout div.quoted-post-data-layout__content div.publication-text {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .app-store-badges__buttons {
        gap: 8px;
        padding: 0 10px;
    }
    
    .app-store-badges__buttons a.app-badge img {
        height: 40px;
    }
}

@media (max-width: 767.98px) {
    body div.modal {
        padding-left: 3px;
        padding-right: 3px;
        margin-top: -5% !important;
        bottom: 0 !important;
        position: fixed;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .reels-item {
        max-width: 375px !important;
    }
}

/* Desktop */
@media (min-width: 768px) {
    div.reels-goback__inner {
        margin-left: 120px;
    }
    
    .reels-newpost__inner {
        display: none !important;
    }
}

@media (min-width: 992px) {
    body.km-app-guest div.welcome-page div.welcome-page__body div.row.align-items-center {
        justify-content: center !important;
    }
    
    body.km-app-guest div.welcome-page div.welcome-page__body div.row.align-items-center > div.col-xxl-6.col-xl-6.col-lg-6 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    body.km-app-guest div.welcome-page div.welcome-page__body div.welcome-page__logo-display {
        display: none !important;
    }
    
    body.km-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    
    body.km-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    
    body.km-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header a.logo {
        display: inline-block !important;
        text-decoration: none;
        height: 60px;
        margin-bottom: 20px;
    }
    
    body.km-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header {
        text-align: center !important;
    }
    
    body.km-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav {
        justify-content: center !important;
    }
}