/*
Theme Name: CandleStan Child
Theme URI: https://candlestan.ir/
Description: Child theme for CandleStan based on Essence News.
Author: CandleStan
Template: essence-news
Version: 1.0.1
Text Domain: candlestan-child
*/

/* RTL: Desktop submenu text alignment */
@media (min-width: 992px) {
	.main-navigation ul ul {
		text-align: right;
	}
}

/* RTL: Desktop nested submenu direction */
@media (min-width: 992px) {
	.main-navigation ul ul li:focus-within > ul,
	.main-navigation ul ul li:hover > ul {
		right: 100%;
		left: auto;
	}
}

/* RTL: Desktop nested submenu arrow */
@media (min-width: 992px) {
	.main-navigation ul ul li.menu-item-has-children > a::after {
		content: "\f104";
	}
}

/* RTL: Mobile navigation text alignment */
@media (max-width: 991px) {
	.main-navigation ul.nav-menu {
		text-align: right;
	}
}

/* RTL: Mobile submenu animation origin */
@media (max-width: 991px) {
	.main-navigation ul ul {
		transform-origin: top right;
	}
}

/* RTL: Contact Form 7 */
.wpcf7 {
	direction: rtl;
	text-align: right;
}

/* RTL: Contact Form 7 submit button alignment */
.wpcf7 input[type="submit"] {
	float: none;
	display: block;
	margin-right: 0;
	margin-left: auto;
}

/* CandleStan: Header brand area */
.site-middle-header {
	background-color: #fff;
}

/* CandleStan: Header logo sizing */
.site-logo .custom-logo {
	width: 290px;
	max-width: 100%;
	height: auto;
}

/* CandleStan: Center header branding */
.site-middle-header .site-middle-header-wrapper .site-branding {
	justify-content: center;
}

/* CandleStan: Separate brand area from navigation */
.theme-main-header {
	border-top: 1px solid #E5E9EF;
	background-color: #F6F8FA;
}
/* CandleStan: Desktop active navigation item */
@media (min-width: 992px) {
	.main-navigation ul .current_page_item > a,
	.main-navigation ul .current-menu-item > a,
	.main-navigation ul .current_page_ancestor > a,
	.main-navigation ul .current-menu-ancestor > a {
		color: #fff;
		background-color: #082252;
	}
}
/* CandleStan: Desktop navigation hover */
@media (min-width: 992px) {
	.main-navigation ul li:not(.current-menu-item):not(.current_page_item) > a:hover,
	.main-navigation ul li:not(.current-menu-item):not(.current_page_item) > a:focus {
		color: #06BDBB;
		text-decoration: none;
	}
}
/* CandleStan: Breaking news label */
.news-highlights .news-highlights-container .news-highlights-icon {
	background-color: #082252;
}
/* CandleStan: Mobile header logo sizing */
@media (max-width: 768px) {
    .site-logo .custom-logo {
        width: 230px;
        max-width: 100%;
        height: auto;
    }
}

/* CandleStan: Single post title typography */
@media (min-width: 992px) {
    body.single .single-page .page-header-content .entry-header .entry-title {
        font-size: 32px;
    }
}
/* CandleStan: Single post H2 color */
body.single .entry-content h2 {
    color: #082252;
}
/* CandleStan: Single post H3 typography */
body.single .entry-content h3 {
    font-size: 20px;
}
/* CandleStan: Single post body typography */
@media (min-width: 992px) {
    body.single .entry-content p {
        font-size: 17px;
        line-height: 28px;
    }
}
/* CandleStan: Single post content reading width */
@media (min-width: 992px) {
    body.single .entry-content {
        max-width: 820px;
        margin-left: auto;
        margin-right: 0;
    }
}
/* CandleStan: Single post body typography */
@media (min-width: 992px) {
    body.single .entry-content p {
        font-size: 17px;
        line-height: 28px;
        text-align: justify;
    }
}
/* CandleStan: Mobile single post title typography */
@media (max-width: 991px) {
    body.single .single-page .page-header-content .entry-header .entry-title {
        font-size: 24px;
    }
}
/* CandleStan: Mobile single post body typography */
@media (max-width: 991px) {
    body.single .entry-content p {
        font-size: 16px;
        line-height: 26px;
    }
}
/* CandleStan: Single Post H1 Typography */

body.single .entry-title {
    font-size: 34px;
    line-height: 1.35;
    font-weight: 700;
    color: #082252;
}
/* CandleStan: Article body typography */

body.single .entry-content p.wp-block-paragraph {
    font-size: 18px;
    line-height: 32px;
    color: #172033;
}
/* CandleStan: Paragraph spacing */

body.single .entry-content p.wp-block-paragraph {
    margin-bottom: 24px;
}
/* CandleStan: Article Heading Spacing */

body.single .entry-content h2.wp-block-heading {
    margin-top: 40px;
    margin-bottom: 20px;
}
/* CandleStan Article Links */

body.single .entry-content a {
    color: #008F8D;
    text-decoration: none;
    font-weight: 500;
}

body.single .entry-content a:hover {
    color: #082252;
}
/* CandleStan: Article list typography */

/* CandleStan Article Lists */

body.single .entry-content ul.wp-block-list li {
    text-align: justify;
    margin-bottom: 24px;
}
/* CandleStan: List Titles */

body.single .entry-content ul.wp-block-list li strong {
    color: #082252;
    font-weight: 700;
}
/* CandleStan: Custom List Bullet */

body.single .entry-content ul.wp-block-list {
    list-style: none;
    padding-right: 0;
}

body.single .entry-content ul.wp-block-list li {
    position: relative;
    padding-right: 18px;
}

body.single .entry-content ul.wp-block-list li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: #008F8D;
    border-radius: 50%;
}
/* CandleStan: Article Disclaimer Box */

body.single .candlestan-disclaimer {
    background-color: #f7f9fb;
    border-right: 4px solid #00b8b8;
    padding: 24px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 8px;
}

body.single .candlestan-disclaimer h3 {
    color: #082252;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}

body.single .candlestan-disclaimer p {
    color: #172033;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 12px;
}

body.single .candlestan-disclaimer p:last-child {
    margin-bottom: 0;
}

body.single .candlestan-disclaimer img.emoji {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
/* CandleStan: Educational Note Box */

body.single .candlestan-note {
    background-color: #f4f9fb;
    border-right: 4px solid #00b8b8;
    padding: 24px;
    margin-top: 32px;
    margin-bottom: 32px;
    border-radius: 8px;
}

body.single .candlestan-note h3 {
    color: #082252;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 6px;
}

body.single .candlestan-note p {
    color: #172033;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
}

body.single .candlestan-note img.emoji {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
/* Candlestan: Warning Box */

.candlestan-warning {
    background-color: #fff8e6;
    border-right: 5px solid #f2b705;
    padding: 20px 24px;
    margin: 35px 0;
    border-radius: 8px;
}

/* Candlestan Callout System */

.candlestan-note,
.candlestan-warning,
.candlestan-disclaimer,
.candlestan-data {
    padding: 18px 24px;
    margin-bottom: 18px;
}

/* Callout Titles */
.candlestan-note h3,
.candlestan-warning h3,
.candlestan-disclaimer h3,
.candlestan-data h3 {
    margin: 0 0 2px 0 !important;
    line-height: 1.25;
    color: #082252;
    font-size: 20px;
    font-weight: 700;
}

/* Callout Text */
.candlestan-note p,
.candlestan-warning p,
.candlestan-disclaimer p,
.candlestan-data p {
    margin: 0 !important;
    line-height: 1.8;
    text-align: justify;
}


/* Warning Style */

.candlestan-warning {
    background: #fff8e6;
    border-right: 4px solid #e6b800;
}


/* Disclaimer Style */

.candlestan-disclaimer {
    background: #f4f5f7;
    border-right: 4px solid #64748b;
    margin-bottom: 55px;
}
/* Data Style */

/* Data Style */

.candlestan-data {
    background-color: #eef8f1;
    border-right: 4px solid #2e8b57;
    padding: 24px;
    margin: 32px 0;
    border-radius: 8px;
}

.candlestan-data h3 {
    color: #082252;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 6px;
}

.candlestan-data p {
    color: #172033;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
}
.candlestan-spacer {
    height: 8px;
}
/* Article Paragraph Spacing */
.entry-content > p {
    margin-bottom: 14px;
}

.entry-content > p:last-child {
    margin-bottom: 0;
}
/* CandleStan Keypoint Callout */

.candlestan-keypoint {
    background-color: #fff9e8;
    border-right: 4px solid #d9a441;
    padding: 18px 24px;
    margin: 35px 0;
    border-radius: 8px;
}


/* CandleStan Summary Callout */

.candlestan-summary {
    background-color: #f1f7ff;
    border-right: 4px solid #3b82f6;
    padding: 18px 24px;
    margin: 35px 0;
    border-radius: 8px;
}


/* CandleStan Analysis Callout */

.candlestan-analysis {
    background-color: #f5f3ff;
    border-right: 4px solid #6366f1;
    padding: 18px 24px;
    margin: 35px 0;
    border-radius: 8px;
}


/* CandleStan Bullish Callout */

.candlestan-bullish {
    background-color: #eefbf3;
    border-right: 4px solid #2e8b57;
    padding: 18px 24px;
    margin: 35px 0;
    border-radius: 8px;
}


/* CandleStan Bearish Callout */

.candlestan-bearish {
    background-color: #fff2f2;
    border-right: 4px solid #c94c4c;
    padding: 18px 24px;
    margin: 35px 0;
    border-radius: 8px;
}
/* =====================================
   CandleStan Brand Design Tokens
   ===================================== */

:root {

    /* Brand Colors */

    --candlestan-navy: #16315C;

    --candlestan-blue: #21D4D6;

    --candlestan-white: #FFFFFF;


    /* Neutral Colors */

    --candlestan-text: #1F2937;

    --candlestan-muted: #6B7280;

    --candlestan-border: #E5E7EB;

    --candlestan-background: #FFFFFF;


    /* UI */

    --candlestan-radius-sm: 8px;

    --candlestan-radius-md: 14px;

    --candlestan-radius-lg: 20px;


    /* Shadows */

    --candlestan-shadow-soft:
    0 10px 30px rgba(22,49,92,0.08);

}
/* =====================================
   CandleStan Single Post Header v1.0
   ===================================== */


/* Article Header Wrapper */

body.single .candlestan-post-header {

    margin-bottom: 35px;

}


/* Category Badge */

body.single .candlestan-post-category {

    margin-bottom: 18px;

}


body.single .candlestan-post-category a {

    display: inline-block;

    background-color: var(--candlestan-blue);

    color: var(--candlestan-navy);

    padding: 6px 16px;

    border-radius: 20px;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

}


/* Post Title */

body.single .candlestan-post-title {

    color: var(--candlestan-navy);

    font-size: 38px;

    line-height: 1.45;

    font-weight: 800;

    margin-top: 10px;

    margin-bottom: 18px;

}


/* Meta */

body.single .candlestan-post-meta {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    color: var(--candlestan-muted);

    font-size: 14px;

    padding: 0;

    margin: 0;

    list-style: none;

}



/* Mobile */

@media (max-width: 768px) {


    body.single .candlestan-post-title {

        font-size: 25px;

        line-height: 1.5;

    }


    body.single .candlestan-post-meta {

        font-size: 13px;

    }


    body.single .candlestan-post-excerpt {

        padding: 15px;

    }


}
/* =====================================
   CandleStan Single Post Meta v1.0
   ===================================== */


body.single .candlestan-post-meta {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 14px;

    margin-top: 12px;

    padding: 0;

    color: var(--candlestan-muted);

    font-size: 14px;

}


body.single .candlestan-post-meta li {

    display: flex;

    align-items: center;

    margin: 0;

    padding: 0;

}


body.single .candlestan-post-meta a {

    color: var(--candlestan-navy);

    font-weight: 600;

    text-decoration: none;

}


body.single .candlestan-post-meta a:hover {

    color: var(--candlestan-blue);

}


/* Separate meta items */

body.single .candlestan-post-meta li:not(:last-child)::after {

    content: "•";

    margin-right: 14px;

    color: var(--candlestan-blue);

}


/* Mobile */

@media (max-width:768px) {


    body.single .candlestan-post-meta {

        justify-content: center;

        font-size: 13px;

        gap: 8px;

    }


}
/* =====================================
   CandleStan Meta Fix v1.1
   ===================================== */


body.single .candlestan-post-meta {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 14px;

    margin-top: 12px;

    padding: 0;

    list-style: none;

}


/* Author */

body.single .candlestan-post-meta .post-author {

    color: var(--candlestan-muted);

    font-size: 14px;

}


body.single .candlestan-post-meta .post-author a {

    color: var(--candlestan-navy);

    font-weight: 700;

    text-decoration: none;

}


/* Time */

body.single .candlestan-post-meta .relative-time {

    color: var(--candlestan-muted);

    font-size: 14px;

}


/* Separator */

body.single .candlestan-post-meta .relative-time::before {

    content: "•";

    color: var(--candlestan-blue);

    margin-left: 12px;

}


/* Hover */

body.single .candlestan-post-meta a:hover {

    color: var(--candlestan-blue);

}


/* Mobile */

@media (max-width:768px) {


    body.single .candlestan-post-meta {

        justify-content: center;

        font-size: 13px;

    }


}
/* =====================================
   CandleStan Meta Category Fix
   ===================================== */


body.single .candlestan-post-meta .candlestan-category a {

    color: var(--candlestan-muted);

    font-size: inherit;

    font-weight: 400;

    text-decoration: none;

}


body.single .candlestan-post-meta .candlestan-category a:hover {

    color: var(--candlestan-blue);

}


/* Keep category same as other meta items */

body.single .candlestan-post-meta .candlestan-category {

    display: flex;

    align-items: center;

}
/* =====================================
   CandleStan Meta Category Polish
   ===================================== */


body.single .candlestan-post-meta .candlestan-category {

    margin-right: 6px;

}


body.single .candlestan-post-meta .candlestan-category a {

    color: var(--candlestan-muted);

    font-weight: 400;

    font-size: inherit;

    text-decoration: none;

}


body.single .candlestan-post-meta .candlestan-category a:hover {

    color: var(--candlestan-blue);

}
/* =====================================
   CandleStan Article Header Spacing
   ===================================== */


body.single .page-header-content {

    margin-bottom: 25px;

}


body.single .single-page .post-thumbnail {

    margin-top: 0;

}
/* CandleStan Meta Category Alignment */

body.single .candlestan-post-meta .candlestan-category,
body.single .candlestan-post-meta .candlestan-category a {

    color: var(--candlestan-muted);

    font-size: 14px;

    font-weight: 400;

    line-height: inherit;

}


body.single .candlestan-post-meta .candlestan-category a {

    display: inline-flex;

    align-items: center;

}


body.single .candlestan-post-meta .candlestan-category {

    margin-right: 4px;

}
body.single .candlestan-post-meta {

    margin-top: 18px;

    margin-bottom: 10px;

}
/* CandleStan Header Meta Position */

/* =====================================
   CandleStan Header Spacing Fix
   ===================================== */


/* =====================================
   CandleStan Meta Vertical Alignment
   ===================================== */


body.single .candlestan-post-meta {

    position: relative;

    top: 12px;

    margin-top: 0;

    margin-bottom: 12px;

}


body.single .single-page .page-header-content {

    padding-bottom: 0;

    margin-bottom: 0;

}


body.single .single-page > .post-thumbnail {

    margin-top: 15px;

}


body.single .single-page .page-header-content {

    padding-bottom: 0 !important;
    
}
/* =====================================
   CandleStan Category Meta Link Fix
   ===================================== */

body.single .candlestan-post-meta .candlestan-category a {

    color: inherit;

    font-size: inherit;

    font-weight: inherit;

    line-height: inherit;

    text-decoration: none;

    display: inline;

}


body.single .candlestan-post-meta .candlestan-category a:hover {

    color: var(--candlestan-blue);

}
/* =====================================
   CandleStan Featured Image
   ===================================== */

.single-page .post-thumbnail img {

    border-radius: var(--candlestan-radius-md);

    box-shadow: var(--candlestan-shadow-soft);

    width:100%;

    aspect-ratio:16 / 9;

    object-fit:cover;
}
/* =====================================
   CandleStan Meta Final Alignment Fix
   ===================================== */

body.single .candlestan-post-meta {

    position: static;

    top: auto;

    margin-top: 8px;

    margin-bottom: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 12px;

}


body.single .candlestan-post-meta .candlestan-category,
body.single .candlestan-post-meta .post-author,
body.single .candlestan-post-meta .relative-time {

    display: inline-flex;

    align-items: center;

    color: var(--candlestan-muted);

    font-size: 14px;

    font-weight: 400;

}


body.single .candlestan-post-meta .relative-time::before {

    margin-left: 10px;

}


@media (max-width:768px) {

    body.single .candlestan-post-meta {

        font-size: 13px;

        gap: 8px;

    }


}
@media (max-width: 768px) {

    body.single .single-page .post-thumbnail img {
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

}
/* =====================================
   CandleStan Featured Image Content Gap
   ===================================== */

body.single .entry-content {
    margin-top: 30px;
}
/* =====================================
   CandleStan Article Summary Box Final
   ===================================== */

body.single .entry-content .candlestan-post-excerpt {

    margin: 35px 0 45px;

    padding: 22px 28px;

    background: #f7fbfc;

    border-right: 4px solid var(--candlestan-blue);

    border-radius: 14px;

    box-shadow: var(--candlestan-shadow-soft);

}


body.single .candlestan-excerpt-title {

    color: var(--candlestan-navy);

    font-size: 15px;

    font-weight: 800;

    margin-bottom: 14px;

}


body.single .candlestan-excerpt-content {

    color: #374151;

    font-size: 16px;

    line-height: 2;

}


body.single .candlestan-excerpt-content p {

    margin: 0;


}
/* =====================================
   CandleStan Meta Left Alignment Fix
   ===================================== */

body.single .candlestan-post-meta {

    justify-content: flex-start;

}
/* Desktop */
@media (min-width: 992px) {

    body.single .candlestan-post-meta {

        justify-content: flex-start;

    }

}


/* Mobile */
@media (max-width: 991px) {

    body.single .candlestan-post-meta {

        justify-content: center;

    }

}
/* =====================================
   CandleStan Header Vertical Balance
   ===================================== */

body.single .candlestan-entry-header {

    margin-bottom: 18px;

}


body.single .candlestan-post-meta {

    margin-top: 0;

    margin-bottom: 22px;

}


body.single .candlestan-post-header {

    margin-bottom: 0;

}


body.single .post-thumbnail {

    margin-top: 22px;

}