/*

Theme Name:   Alukas Child

Template:     alukas

*/



@import url("../alukas/style.css");



/* === ORIGINAL META STYLE === */

.original-meta {

    font-size: 0.9rem !important;

    color: #555 !important;

    margin: 1rem 0 !important;

    display: block !important;

}



.author-name-link {

    color: #b86b5a !important;

    font-weight: 600 !important;

    text-decoration: none !important;

}



.author-name-link:hover {

    text-decoration: underline !important;

}



.separator {

    color: #aaa !important;

    margin: 0 6px !important;

}



.updated-label {

    color: #ff5722 !important;

    font-weight: 700 !important;

    padding: 0 3px !important;

    animation: pulse 2s infinite ease-in-out !important;

}



.updated-date {

    color: #555 !important;

    font-weight: 500 !important;

}



@keyframes pulse {

    0%   { opacity: 1; transform: scale(1); }

    50%  { opacity: 0.8; transform: scale(1.02); color: #e53935; }

    100% { opacity: 1; transform: scale(1); }

}



/* === ELEGANT LINKS — ONLY ON SINGLE BLOG POSTS === */

.single-post .entry-content a,

.single-post .post-content a,

.single-post .wp-block-paragraph a {

    color: #b86b5a !important;

    text-decoration: none !important;

    font-weight: 500 !important;

    position: relative !important;

    transition: color 0.3s ease !important;

}



.single-post .entry-content a::after,

.single-post .post-content a::after,

.single-post .wp-block-paragraph a::after {

    content: '' !important;

    position: absolute !important;

    width: 0 !important;

    height: 1.5px !important;

    bottom: -3px !important;

    left: 0 !important;

    background-color: #b86b5a !important;

    transition: width 0.35s ease !important;

}



.single-post .entry-content a:hover,

.single-post .post-content a:hover,

.single-post .wp-block-paragraph a:hover {

    color: #a65a4a !important;

    background: none !important;

    box-shadow: none !important;

}



.single-post .entry-content a:hover::after,

.single-post .post-content a:hover::after,

.single-post .wp-block-paragraph a:hover::after {

    width: 100% !important;

}




/* === CUSTOM QUOTE BLOCK === */

.wp-block-quote,

blockquote {

    background-color: #f3f3f3 !important;

    border-left: 4px solid #ff6b35 !important;

    padding: 1.5rem 2rem !important;

    margin: 2rem 0 !important;

    border-radius: 12px !important;

    font-style: italic !important;

    position: relative !important;

    overflow: hidden !important;

}



.wp-block-quote p,

blockquote p {

    margin: 0 !important;

    font-size: 1.1rem !important;

    line-height: 1.6 !important;

    color: #333 !important;

}



.wp-block-quote:before,

blockquote:before {

    content: '“' !important;

    font-size: 4rem !important;

    color: #ff6b35 !important;

    position: absolute !important;

    top: -10px !important;

    left: 15px !important;

    font-family: Georgia, serif !important;

    opacity: 0.3 !important;

    line-height: 1 !important;

}



.wp-block-quote cite,

blockquote cite {

    display: block !important;

    margin-top: 1rem !important;

    font-weight: 600 !important;

    color: #ff6b35 !important;

    font-style: normal !important;

    font-size: 0.9rem !important;

}



.wp-block-quote cite:before,

blockquote cite:before {

    content: '— ' !important;

}



/* === ELEGANT LINKS === */

/*.single-post .entry-content a,

.single-post .post-content a,

.single-post .wp-block-paragraph a {

    color: #b86b5a !important;

    text-decoration: none !important;

    font-weight: 500 !important;

    position: relative !important;

    transition: color 0.3s ease !important;

}



.single-post .entry-content a::after,

.single-post .post-content a::after,

.single-post .wp-block-paragraph a::after {

    content: '' !important;

    position: absolute !important;

    width: 0 !important;

    height: 1.5px !important;

    bottom: -3px !important;

    left: 0 !important;

    background-color: #b86b5a !important;

    transition: width 0.35s ease !important;

}



.single-post .entry-content a:hover,

.single-post .post-content a:hover,

.single-post .wp-block-paragraph a:hover {

    color: #a65a4a !important;

}



.single-post .entry-content a:hover::after,

.single-post .post-content a:hover::after,

.single-post .wp-block-paragraph a:hover::after {

    width: 100% !important;

}*/

/* =================================================================
   PART 1: YOUR GENERAL RULE FOR ELEGANT LINKS
================================================================= */

/* This styles all links in paragraphs as you originally intended. */
.single-post .entry-content p a {
    color: #b86b5a !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    position: relative !important;
    transition: color 0.3s ease !important;
}

.single-post .entry-content p a::after {
    content: '' !important;
    position: absolute !important;
    width: 0 !important;
    height: 1.5px !important;
    bottom: -3px !important;
    left: 0 !important;
    background-color: #b86b5a !important;
    transition: width 0.35s ease !important;
}

.single-post .entry-content p a:hover {
    color: #a65a4a !important;
}

.single-post .entry-content p a:hover::after {
    width: 100% !important;
}


/* =================================================================
   PART 2: THE EXCEPTION RULE FOR THE SPECTRA PLUGIN
================================================================= */

/* 
 * This rule is MORE specific, so it overrides Part 1.
 * It targets any link inside a container whose class CONTAINS "uagb-block-".
 * Spectra uses this for ALL of its blocks.
*/
div[class*="uagb-block-"] a {
    /* Revert text styling to the theme's default. */
    color: revert !important;
    font-weight: revert !important;
    text-decoration: none !important; /* Buttons shouldn't have underlines */
    background-color: transparent !important; /* Ensure no accidental backgrounds are added */
}

/* Most importantly, find the pseudo-element underline and HIDE IT. */
div[class*="uagb-block-"] a::after {
    display: none !important;
}

/* Ensure the hover state also does not apply the elegant link style. */
div[class*="uagb-block-"] a:hover {
    color: revert !important;
    background: revert !important;
}