/* ==========================================================================
   PALILULA.INFO - KONAČNI STILOVI ZA GOOGLE TRAKU, META I SHARE BOKS
   ========================================================================== */

/* 1. Google Preferred Source Traka */
.article-preferred-source {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    border-bottom: 1px solid #edf2f7;
    padding: 8px 0;
    margin-bottom: 10px;
    font-size: 0.88rem;
}

.article-preferred-source__main {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 600;
}

.article-preferred-source__main:hover {
    color: #de0e3f !important;
}

/* Fiksirana veličina za Google slovo G */
.article-preferred-source__main svg.icon-google {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    color: #4285F4 !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

/* Dugme "Više" skroz desno */
.article-preferred-source__more {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #000000 !important;
    text-decoration: none !important;
    font-size: 0.83rem;
    font-weight: 600;
    white-space: nowrap;
    margin-left: auto;
}

.article-preferred-source__more:hover {
    color: #de0e3f !important;
}

.article-preferred-source__more svg.icon-arrow {
    width: 13px !important;
    height: 13px !important;
    max-width: 13px !important;
    max-height: 13px !important;
    color: #000000 !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}


/* 2. Horizontalni red: Meta levo, Šer-boks desno */
.pinfo-meta-share-horizontal-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    gap: 15px !important;
}

/* Meta tekst izričito u crnoj boji */
.pinfo-meta-inline-group {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    font-size: 0.83rem !important;
    color: #000000 !important;
}

.pinfo-meta-inline-group a,
.pinfo-item-author,
.pinfo-item-cat a,
.pinfo-item-cat,
.pinfo-meta-inline-group time,
.pinfo-item-rt {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

.pinfo-meta-inline-group a:hover,
.pinfo-item-cat a:hover {
    color: #de0e3f !important;
}

.pinfo-item-author {
    font-weight: 700 !important;
}

.pinfo-meta-inline-group > span:not(:last-child)::after {
    content: "/" !important;
    margin-left: 8px !important;
    color: #aaa !important;
}


/* 3. Šer-boks u istoj ravni desno (normalna, lepa veličina ikonica) */
.pinfo-native-share-box {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.pinfo-native-share-box .ct-share-box {
    display: flex !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.pinfo-native-share-box .ct-share-box > div {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important; /* Lep razmak između ikonica */
}

.pinfo-native-share-box .ct-share-box .ct-module-title {
    display: none !important;
}

/* Standardna, uredna veličina okruglih šer ikonica */
.pinfo-native-share-box .ct-share-box a {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    border: none !important;
    background-color: #f1f5f9 !important; /* Blaga pozadina da lepo izgledaju */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.pinfo-native-share-box .ct-share-box a svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
    color: #333333 !important;
    transition: color 0.2s ease !important;
}

.pinfo-native-share-box .ct-share-box a:hover {
    background-color: #de0e3f !important;
    transform: translateY(-1px);
}

.pinfo-native-share-box .ct-share-box a:hover svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* 4. Trajno uklanjanje automatskog šer-boksa sa dna članka da se ne duplira */
.single-post .entry-content > .ct-share-box,
.single-post > .ct-share-box:not(.pinfo-native-share-box *) {
    display: none !important;
}


/* 5. Responzivnost za mobilne uređaje (< 768px) */
@media (max-width: 768px) {
    .pinfo-meta-share-horizontal-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
    .pinfo-meta-inline-group {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }
    .pinfo-meta-inline-group > span:not(:last-child)::after {
        display: none !important;
    }
    .pinfo-native-share-box {
        width: 100% !important;
        justify-content: flex-start !important;
    }
    
    /* Google traka ostaje u ravni na mobilnom sa fontom 10px */
    .article-preferred-source {
        /* flex-direction: column; */
        align-items: center !important;
        gap: 8px !important;
        font-size: 10px !important;
    }
    .article-preferred-source__main {
        font-size: 10px !important;
    }
    .article-preferred-source__more {
        margin-left: auto !important;
        font-size: 10px !important;
        align-self: center !important;
    }
}

/* Trajno uklanjanje donjeg razbijenog bloka sa meta-podacima ispod Google trake */
.pinfo-below-image-wrapper .pinfo-meta-inline-group,
.article-preferred-source ~ div:not(.pinfo-meta-share-horizontal-row) {
    display: none !important;
}

/* Prilagođavanje razmaka između meta stavki na mobilnim ekranima */
@media (max-width: 768px) {
    .entry-meta li:not(:last-of-type),
    .pinfo-meta-inline-group > span:not(:last-child) {
        margin-inline-end: 4px !important; /* Smanjen razmak na mobilnom (umesto 10px) */
    }
}

@media (max-width: 768px) {
    .ct-share-box[data-type=type-1]>div {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
        border-top: var(--theme-border);
        border-inline-start: var(--theme-border);
    }
}