/* === BLOG SAYFALARI=== */
.blog-date {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: var(--breadcrumb-4);
margin: 6px 0 12px;
opacity: 0.85; text-align:center;}


.blog-date i {font-size: 13px;color: var(--breadcrumb-4);}
.article-date {font-size: 14px;color: var(--breadcrumb-4);margin-bottom: 18px;}
.subtitle {font-size: 26px;
color: #225278;
font-weight: 600;
margin-top: -5px;
margin-bottom: 10px;}
.intro {font-size: 17px;font-weight: 500;line-height: 1.6;}
.fina-mini-section {
background: #ffffff;
}

.fina-box {
background: #eaf2f7;
padding: 30px;
border-radius: 18px;
}

.fina-mini-title {
font-size: 26px;
font-weight: 700;
color: #2a5d7c;
margin-bottom: 10px;
}

.fina-mini-desc {
font-size: 15px;
color: #555;
margin-bottom: 25px;
max-width: 900px;
}

/* KART */
.fina-mini-card {
display: flex;
gap: 15px;
background: #f5f7fa;
padding: 18px;
border-radius: 12px;
align-items: flex-start;
}

/* IKON */
.fina-mini-icon {
width: 42px;
height: 42px;
background: #2f5f7a;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 18px;
flex-shrink: 0;
}

/* BASLIK */
.fina-mini-card h3 {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
color: #2a5d7c;
}

/* METIN */
.fina-mini-card p {
font-size: 14px;
color: #555;
margin: 0;
}

/* CHECK ICON */
.fina-mini-card i.bi-check {
color: #2a5d7c;
margin-right: 5px;
}

/* === BLOG SAYFALARI FNISH=== */


.blog-meta {
display: flex;
align-items: center;
gap: 16px;
font-size: 14px;
color: var(--breadcrumb-4);
flex-wrap: wrap;
background-color: var(--breadcrumb-1);
padding: 3px 10px;
border-radius: 8px;
margin: 5px 0px;
}

.meta-item {
display: flex;
align-items: center;
gap: 6px;
}

.share-btn {
cursor: pointer;
margin-left: auto; /* saga iter */
transition: 0.3s;
}

.share-btn:hover {
color: var(--color-1);
}