/**
* Theme Name: BuddyX Child
* Description: This is a child theme of BuddyX, generated by Merlin WP.
* Author: <a href="https://github.com/vapvarun/buddyx">wbcomdesigns,vapvarun</a>
* Template: buddyx
* Version: 4.5.8
*/
/* Zabezpečí, že vlajka zostane v pravom hornom rohu vnútri príspevku */
#buddypress ul.activity-list li.activity-item, 
.activity-list .activity-item {
    position: relative !important;
}

/* Jemné zosvetlenie vlajky, ktorá stmavne až po prejdení myšou (bude to vyzerať profesionálnejšie) */
.bp-report-top-right a {
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
.bp-report-top-right a:hover {
    opacity: 1;
}

/* Hlavný kontajner boxu - zapíname flexbox layout */
.activity-link-preview-container {
    border: 1px solid #e1e4e6 !important;
    border-radius: 6px !important;
    padding: 20px !important;
    background: #fff !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    max-width: 100% !important;
    
    display: flex !important; /* Rozdelí box na stĺpce */
    flex-direction: row !important;
    align-items: flex-start !important; /* Zarovná obsah na hornú hranu */
}

/* Ľavý stĺpec: Obrázok */
.activity-link-preview-image {
    max-width: 160px !important;
    width: 160px !important;
    flex-shrink: 0 !important; /* Zabráni deformácii alebo zmenšeniu obrázka */
    margin: 0 20px 0 0 !important; /* Medzera napravo od fotky, smerom k textu */
    display: block !important;
}

.activity-link-preview-image img {
    width: 160px !important;
    max-width: 160px !important;
    height: auto !important;
    border: none !important;
    display: block !important;
    border-radius: 4px !important;
}

/* Pravý stĺpec: Obsah (Nadpis + Popis) */
.activity-link-preview-content {
    flex-grow: 1 !important; /* Text vyplní celý zostávajúci priestor */
    display: block !important;
}

/* Nadpis vedľa fotky */
.activity-link-preview-title {
    margin: 0 0 10px 0 !important; /* Medzera pod nadpisom */
    font-size: 18px !important; /* Jemne upravená veľkosť, aby pasovala k popisu */
    font-weight: bold !important;
    line-height: 1.3 !important;
}

.activity-link-preview-title a {
    color: #0073aa !important; /* Pekná modrá farba odkazu */
    text-decoration: none !important;
}

.activity-link-preview-title a:hover {
    text-decoration: underline !important;
}

/* Popis (excerpt) vedľa fotky pod nadpisom */
.activity-link-preview-excerpt {
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.4 !important;
}

.activity-link-preview-excerpt p {
    margin: 0 !important;
}

/* Responzivita: Na mobiloch hodí text pod fotku, aby to nebolo stlačené */
@media (max-width: 480px) {
    .activity-link-preview-container {
        flex-direction: column !important;
    }
    .activity-link-preview-image {
        margin: 0 0 15px 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .activity-link-preview-image img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Dizajn a pozícia TOP štítku na kartičke v HivePresse */
.hp-listing-top-badge {
    position: absolute !important;
    top: 10px !important;        /* Odsadenie zhora od okraja fotky */
    right: 10px !important;      /* Odsadenie sprava od okraja fotky */
    background-color: #dc3545 !important; /* Výrazná červená */
    color: #ffffff !important;   /* Biely text */
    font-size: 11px !important;  /* Čitateľná veľkosť */
    font-weight: bold !important;
    padding: 4px 10px !important; /* Vnútorný okraj, aby to bol pekný obdĺžnik */
    border-radius: 4px !important; /* Jemné zaoblenie */
    z-index: 99 !important;      /* Aby bol zaručene nad fotkou auta */
    text-transform: uppercase !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important; /* Tieň pre 3D efekt */
    letter-spacing: 0.5px !important;
}