/* ===========================
   TITLE HOVER
   =========================== */

.elementor-post__card .elementor-post__title a {
    transition: color 0.3s ease;
}

.elementor-post__card:hover .elementor-post__title a {
    color: #262626 !important; /* change to your color */
}

/* ===========================
   READ MORE HOVER
   =========================== */

.elementor-post__card .elementor-post__read-more {
    transition: color 0.3s ease, background-color 0.3s ease;
}

.elementor-post__card:hover .elementor-post__read-more {
    color: #ffffff !important;         /* text color */
    background-color: #ff6209 !important; /* bg color */
}

/* Optional: Make read-more look like a real button */
.elementor-post__read-more {
    padding: 6px 14px;
    border-radius: 4px;
    display: inline-block;
}



/* ===========================
   OPTIONAL: CARD ELEVATION
   =========================== */

.elementor-post__card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.elementor-post__card:hover {
    transform: translateY(-5px);
}

/* ----------------------------- ADD "..." AFTER EXCERPT (WITHOUT changing excerpt length) ------------------------------ */ .elementor-post__card .elementor-post__excerpt p::after { content: "…"; /* no space before dots */ }


/* Elegant Quote Style – frontend */
.single-post blockquote,
.entry-content blockquote {
    border-left: 4px solid #ff6209; /* dark blue left border */
    padding: 20px 20px 20px 30px; /* left padding increased to move border right */
    margin: 30px 0;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-size: 1.15em;
    color: #54595F; /* text color */
    background-color: #F5F5F5; /* light gray background – change as needed */
    border-radius: 8px; /* optional: rounded corners */
    position: relative; /* ensures proper placement */
}

/* Style ONLY links inside the Post Content widget */
.elementor-widget-theme-post-content a {
    color: #ff6209 !important;     /* normal color */
    text-decoration: none !important;
    font-weight: 500;
    transition: color .2s ease;
}

/* Hover (no underline) */
.elementor-widget-theme-post-content a:hover {
    color: #0674b6 !important;     /* hover color */
    text-decoration: none !important;
}


/* linija na post grid */

@media (max-width: 480px) {
    .upk-buzz-list .upk-item:first-child .upk-count {
        padding-right: 28px !important; /* повеќе/помалку ако сакаш да ја поместиш линијата */
    }
}


/* Post navigation – increase space from center border */
.elementor-post-navigation__prev a {
    padding-right: 32px; /* increase as needed */
}

.elementor-post-navigation__next a {
    padding-left: 32px; /* increase as needed */
}


/* Remove mobile tap highlight and outline for interactive elements */
a, button, .wp-block-navigation a, .wp-block-site-logo a {
    -webkit-tap-highlight-color: transparent; /* For mobile browsers */
    outline: none; /* Removes focus outline */
}

/* popup transition */