/* ============================================================
 * Vouchiro News Center v0.1.9
 * Restyled to match Storefront / Feed / Layout design language.
 * Tokens prefixed --vnc-* to namespace.
 * ============================================================ */

.vouchiro-news-home,
.vouchiro-news-center{
  --vnc-blue:#0067d8;
  --vnc-blue-dark:#0054b3;
  --vnc-navy:#012266;
  --vnc-teal:#01be97;
  --vnc-teal-dark:#018d72;
  --vnc-green:#0a9a70;
  --vnc-green-soft:#e7f7f0;
  --vnc-red:#e11d48;
  --vnc-red-dark:#be1239;
  --vnc-red-soft:#fef1f4;
  --vnc-amber:#b45309;
  --vnc-amber-soft:#fef3c7;
  --vnc-text:#0a1830;
  --vnc-text-strong:#07111f;
  --vnc-muted:#65758a;
  --vnc-muted-2:#94a3b8;
  --vnc-line:#e3ecf6;
  --vnc-line-strong:#cfddee;
  --vnc-soft:#f7fafc;
  --vnc-soft-2:#eef4fb;
  --vnc-radius:12px;
  --vnc-radius-lg:16px;
  --vnc-radius-xl:20px;
  --vnc-shadow-card:0 1px 0 rgba(15,23,42,.02), 0 6px 18px rgba(15,23,42,.04);
  --vnc-shadow-pop:0 1px 0 rgba(15,23,42,.02), 0 14px 32px rgba(15,23,42,.07);
  --vnc-glow-soft:0 0 0 1px rgba(10,154,112,.30), 0 0 22px -2px rgba(10,154,112,.24), 0 0 44px -10px rgba(10,154,112,.18);

  font-family:inherit;
  color:var(--vnc-text);
  box-sizing:border-box;
}
.vouchiro-news-home *,
.vouchiro-news-center *{box-sizing:border-box;}

/* Legacy style modifiers — unified palette now */
.vouchiro-news-style-midnight,
.vouchiro-news-style-violet,
.vouchiro-news-style-ocean{}

/* ============ Homepage section ============ */
.vouchiro-news-home{
  max-width:1180px;
  margin:32px auto 40px;
  padding:0 4px;
}

.vouchiro-news-home__head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  margin:0 0 14px;
  padding:0 4px;
}
.vouchiro-news-home__title{min-width:0;}
.vouchiro-news-home__head h2{
  margin:0;
  color:var(--vnc-text-strong);
  font-size:22px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.018em;
}
.vouchiro-news-home__head span,
.vouchiro-news-home__head p{display:none;}

/* "View all" CTA — filled teal */
.vouchiro-news-home__all{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  height:38px;
  padding:0 16px;
  border-radius:9px;
  background:var(--vnc-teal) !important;
  color:#fff !important;
  border:1px solid var(--vnc-teal);
  font-size:13px;
  font-weight:700;
  letter-spacing:.005em;
  text-decoration:none !important;
  white-space:nowrap;
  box-shadow:0 1px 0 rgba(15,23,42,.04), 0 6px 14px -4px rgba(1,190,151,.50);
  transition:background .15s ease, border-color .15s ease, transform .12s ease, box-shadow .15s ease;
}
.vouchiro-news-home__all::after{
  content:"→";
  font-size:14px;
  font-weight:700;
  transition:transform .15s ease;
}
.vouchiro-news-home__all:hover{
  background:var(--vnc-teal-dark) !important;
  border-color:var(--vnc-teal-dark);
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 1px 0 rgba(15,23,42,.04), 0 10px 22px -6px rgba(1,190,151,.65);
}
.vouchiro-news-home__all:hover::after{transform:translateX(3px);}

/* Homepage grid */
.vouchiro-news-home__grid{
  display:grid;
  grid-template-columns:repeat(var(--vnc-cols,3), minmax(0,1fr));
  gap:14px;
}

/* ============ News card ============ */
.vouchiro-news-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--vnc-line);
  border-radius:var(--vnc-radius);
  padding:18px;
  box-shadow:var(--vnc-shadow-card);
  transition:transform .18s ease, box-shadow .22s ease, border-color .18s ease;
  overflow:hidden;
}

/* Animated left bar — normal cards use the green accent */
.vouchiro-news-card::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:4px;
  background:var(--vnc-green);
  border-radius:0 4px 4px 0;
  opacity:0;
  transform:scaleY(.35);
  transform-origin:center;
  transition:opacity .25s ease, transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease;
  pointer-events:none;
  z-index:2;
}
.vouchiro-news-card:hover{
  transform:translateY(-2px);
  border-color:rgba(10,154,112,.36);
  box-shadow:
    0 1px 0 rgba(15,23,42,.02),
    0 8px 22px rgba(15,23,42,.06),
    var(--vnc-glow-soft);
}
.vouchiro-news-card:hover::before{
  opacity:1;
  transform:scaleY(1);
  box-shadow:0 0 12px rgba(10,154,112,.50), 0 0 22px rgba(10,154,112,.28);
}

/* Important priority — blue accent (brand) */
.vouchiro-news-card.is-important{
  background:linear-gradient(180deg,#fdfeff 0%,#fff 50%);
}
.vouchiro-news-card.is-important::before{
  background:var(--vnc-blue);
  opacity:.85;
  transform:scaleY(1);
}
.vouchiro-news-card.is-important:hover{
  border-color:rgba(0,103,216,.40);
  box-shadow:
    0 1px 0 rgba(15,23,42,.02),
    0 8px 22px rgba(15,23,42,.06),
    0 0 0 1px rgba(0,103,216,.30),
    0 0 22px -2px rgba(0,103,216,.24),
    0 0 44px -10px rgba(0,103,216,.18);
}
.vouchiro-news-card.is-important:hover::before{
  box-shadow:0 0 12px rgba(0,103,216,.50), 0 0 22px rgba(0,103,216,.28);
}

/* Critical priority — red accent + soft tint */
.vouchiro-news-card.is-critical{
  background:linear-gradient(180deg,var(--vnc-red-soft) 0%,#fff 60%);
  border-color:#f5b6c5;
}
.vouchiro-news-card.is-critical::before{
  background:var(--vnc-red);
  opacity:1;
  transform:scaleY(1);
  width:4px;
  box-shadow:0 0 12px rgba(225,29,72,.45), 0 0 22px rgba(225,29,72,.22);
}
.vouchiro-news-card.is-critical:hover{
  border-color:var(--vnc-red);
  box-shadow:
    0 1px 0 rgba(15,23,42,.02),
    0 8px 22px rgba(15,23,42,.06),
    0 0 0 1px rgba(225,29,72,.32),
    0 0 22px -2px rgba(225,29,72,.26),
    0 0 44px -10px rgba(225,29,72,.20);
}
.vouchiro-news-card.is-critical:hover::before{
  box-shadow:0 0 14px rgba(225,29,72,.65), 0 0 28px rgba(225,29,72,.34);
}

/* Card top — type pill + date */
.vouchiro-news-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 12px;
  flex-wrap:wrap;
}
.vouchiro-news-card__type{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 10px;
  border-radius:7px;
  background:var(--vnc-soft);
  border:1px solid var(--vnc-line);
  color:var(--vnc-text);
  font-size:10.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  line-height:1;
}
.vouchiro-news-card.is-important .vouchiro-news-card__type{
  background:#eaf2fd;
  border-color:#c2dbfc;
  color:var(--vnc-blue);
}
.vouchiro-news-card.is-critical .vouchiro-news-card__type{
  background:#fff;
  border-color:#f5b6c5;
  color:var(--vnc-red);
}
.vouchiro-news-card__type::before{
  content:"●";
  font-size:8px;
  line-height:1;
  margin-right:1px;
}
.vouchiro-news-card.is-important .vouchiro-news-card__type::before{color:var(--vnc-blue);}
.vouchiro-news-card.is-critical .vouchiro-news-card__type::before{color:var(--vnc-red);}
.vouchiro-news-card:not(.is-important):not(.is-critical) .vouchiro-news-card__type::before{color:var(--vnc-green);}

.vouchiro-news-card time{
  font-size:11.5px;
  color:var(--vnc-muted);
  font-weight:600;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.vouchiro-news-card h3{
  margin:0 0 10px;
  color:var(--vnc-text-strong);
  font-size:17px;
  line-height:1.28;
  font-weight:800;
  letter-spacing:-.012em;
}

.vouchiro-news-card__text{
  color:var(--vnc-text);
  font-size:13.5px;
  line-height:1.6;
  font-weight:500;
  flex:1;
}
.vouchiro-news-card__text p{margin:0 0 10px;}
.vouchiro-news-card__text p:last-child{margin-bottom:0;}
.vouchiro-news-card__text strong{color:var(--vnc-text-strong);font-weight:700;}
.vouchiro-news-card__text a{
  color:var(--vnc-blue) !important;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .15s ease;
}
.vouchiro-news-card__text a:hover{border-bottom-color:var(--vnc-blue);}
.vouchiro-news-card__text ul,
.vouchiro-news-card__text ol{margin:8px 0 10px;padding-left:20px;}
.vouchiro-news-card__text li{margin-bottom:5px;}

.vouchiro-news-card__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--vnc-line);
  color:var(--vnc-muted);
  font-size:12px;
  font-weight:600;
}
.vouchiro-news-card__foot > span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.vouchiro-news-card__foot strong{
  color:var(--vnc-text-strong);
  font-weight:700;
}

/* "Read more" pill — small filled teal */
.vouchiro-news-card__foot a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 13px;
  border-radius:8px;
  background:var(--vnc-teal) !important;
  color:#fff !important;
  border:1px solid var(--vnc-teal);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.005em;
  text-decoration:none !important;
  white-space:nowrap;
  box-shadow:0 1px 0 rgba(15,23,42,.04), 0 4px 10px -3px rgba(1,190,151,.45);
  transition:background .15s ease, border-color .15s ease, transform .12s ease, box-shadow .15s ease;
}
.vouchiro-news-card__foot a::after{
  content:"→";
  font-size:12px;
  font-weight:700;
  transition:transform .15s ease;
}
.vouchiro-news-card__foot a:hover{
  background:var(--vnc-teal-dark) !important;
  border-color:var(--vnc-teal-dark);
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 1px 0 rgba(15,23,42,.04), 0 8px 16px -4px rgba(1,190,151,.60);
}
.vouchiro-news-card__foot a:hover::after{transform:translateX(2px);}

.vouchiro-news-empty{
  background:#fff;
  border:1px solid var(--vnc-line);
  border-radius:var(--vnc-radius-lg);
  padding:36px 24px;
  text-align:center;
  color:var(--vnc-muted);
  font-size:13.5px;
  font-weight:600;
  box-shadow:var(--vnc-shadow-card);
}

/* ============ News center (full page) ============ */
.vouchiro-news-center{
  max-width:1180px;
  margin:0 auto 60px;
  padding:32px 16px;
}

.vouchiro-news-center__hero{
  background:#fff;
  border:1px solid var(--vnc-line);
  border-radius:var(--vnc-radius-xl);
  padding:24px 28px;
  margin:0 0 18px;
  box-shadow:var(--vnc-shadow-card);
  position:relative;
  overflow:hidden;
}
.vouchiro-news-center__hero::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  background:linear-gradient(180deg, var(--vnc-teal), var(--vnc-green));
  border-radius:0 4px 4px 0;
}
.vouchiro-news-center__hero h1{
  margin:0;
  color:var(--vnc-text-strong);
  font-size:28px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
  padding-left:8px;
}
.vouchiro-news-center__hero span,
.vouchiro-news-center__hero p{display:none;}

.vouchiro-news-center__list{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.vouchiro-news-card--center{
  padding:22px 24px;
}
.vouchiro-news-card--center::before{
  top:18px;
  bottom:18px;
}
.vouchiro-news-card--center h3{
  font-size:22px;
  margin-bottom:12px;
  letter-spacing:-.018em;
}
.vouchiro-news-card--center .vouchiro-news-card__text{
  font-size:14.5px;
  color:var(--vnc-text);
  line-height:1.65;
  font-weight:500;
}
.vouchiro-news-card--center .vouchiro-news-card__foot a{display:none;}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .vouchiro-news-home *,
  .vouchiro-news-center *{transition:none !important;}
  .vouchiro-news-card::before{transform:scaleY(1);}
}

/* Responsive */
@media (max-width:960px){
  .vouchiro-news-home__grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width:720px){
  .vouchiro-news-home{margin:24px auto 30px;}
  .vouchiro-news-home__head{
    grid-template-columns:1fr;
    gap:10px;
    margin-bottom:12px;
  }
  .vouchiro-news-home__head h2{font-size:19px;}
  .vouchiro-news-home__all{justify-self:start;width:auto;}
  .vouchiro-news-home__grid{grid-template-columns:1fr;gap:12px;}
  .vouchiro-news-card{padding:16px;}
  .vouchiro-news-card h3{font-size:16px;}
  .vouchiro-news-center{padding:20px 12px;}
  .vouchiro-news-center__hero{padding:20px 22px;}
  .vouchiro-news-center__hero h1{font-size:22px;}
  .vouchiro-news-card--center{padding:18px 20px;}
  .vouchiro-news-card--center h3{font-size:19px;}
}
@media (max-width:480px){
  .vouchiro-news-card__top{gap:8px;}
  .vouchiro-news-card__type{font-size:9.5px;padding:4px 8px;}
  .vouchiro-news-card__foot{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .vouchiro-news-card__foot a{
    width:100%;
    justify-content:center;
    padding:9px 14px;
  }
}