/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/components/ui/BlogCard.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.BlogCard_card__znaTN {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 6px;
  padding: 1.85rem 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.BlogCard_card__znaTN:hover {
  box-shadow: var(--card-hover-shadow);
  transform: translateY(-3px);
}

.BlogCard_meta__HJyOz {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.BlogCard_category__g_ZWI {
  background: var(--col-accent);
  color: var(--col-primary);
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 11px;
  border-radius: 4px;
  border: 1px solid #ece4d6;
}

.BlogCard_date__Wofgb {
  color: var(--text-muted);
  font-family: var(--font-ui);
  font-size: 0.85rem;
}

.BlogCard_title__ucGsX {
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--col-primary);
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.BlogCard_excerpt__mjQ0V {
  color: var(--text-page);
  font-family: var(--font-body);
  font-size: 0.96rem;
  line-height: 1.65;
  flex: 1 1;
}

.BlogCard_link__LQTvP {
  color: var(--col-primary);
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 0.92rem;
  transition: color 0.25s ease;
}

.BlogCard_link__LQTvP:hover { color: var(--col-dark); }

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/components/ui/Pagination.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.Pagination_pagination__w8tzS {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 3rem;
}

.Pagination_btn__J8yrU {
  padding: 0.55rem 1rem;
  border: 1px solid var(--card-border);
  border-radius: 6px;
  color: var(--col-primary);
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 0.92rem;
  background: #ffffff;
  transition: background 0.25s ease, color 0.25s ease;
}

.Pagination_btn__J8yrU:hover { background: var(--col-primary); color: #fff; }

.Pagination_active__2oAD1 {
  background: var(--col-primary);
  color: #fff !important;
  border-color: var(--col-primary);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/app/[lang]/blog/page.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.page_hero__cSY8T {
  background: linear-gradient(135deg, #3d1a5e, #1a0a2e);
  padding: 6.5rem 1.5rem 4.5rem;
  text-align: center;
  color: #fff;
}

.page_hero__cSY8T h1 { font-family: var(--font-display); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 600; color: #fff; margin-bottom: 0.85rem; }
.page_hero__cSY8T p { color: rgba(255,255,255,0.85); font-size: 1.15rem; font-style: italic; }

.page_filters__kA3Qe {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2.5rem;
  justify-content: center;
}

.page_filter__qeID_ {
  padding: 0.5rem 1.1rem;
  border: 1px solid var(--card-border);
  border-radius: 20px;
  font-family: var(--font-ui);
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--text-page);
  background: #ffffff;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.page_filter__qeID_:hover { background: var(--col-primary); color: #fff; border-color: var(--col-primary); }
.page_filterActive__DBIIu { background: var(--col-primary); color: #fff !important; border-color: var(--col-primary); }

.page_empty__HYH5g { color: var(--text-muted); text-align: center; padding: 3rem 0; font-family: var(--font-body); font-style: italic; }

@media (max-width: 600px) { .page_hero__cSY8T { padding: 5.5rem 1.5rem 3rem; } }