/* ============================================================
   IA · COURSES — Academy course card (content-layout-three)
   File: intelligence-art-frontend/assets/css/ia-course.css
   Consolidated 2026-07-19 (supersedes the patched night build).

   Cascade contract:
   - Sheet is enqueued AFTER all Academy/AcademyEA styles
     (ACADEMY_STYLE_DEPS, wp_enqueue_scripts prio 100).
   - Vendor hits cards with 2 classes → we answer with 2
     (.academy-course.academy-course) as the WORKING weight.
   - Triple weight (.academy-course ×3) ONLY where empirically
     required: card bg/hover, header relative, wishlist anchor,
     header-meta reset. Do not add new triple rules casually.
   - Card block order is driven by display:contents on __content
     + `order`. DOM: category → content(title/rating/author) → more.
     Target: category → title → subtitle → desc → READ MORE → author.
   ============================================================ */

/* ============================================================
   1. CARD SHELL — glass
   ============================================================ */
.academy-course.academy-course{
  position:relative; isolation:isolate;
  display:flex; flex-direction:column;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--glass-edge, rgba(230,242,243,.14));
  -webkit-backdrop-filter:blur(20px) saturate(140%);
          backdrop-filter:blur(20px) saturate(140%);
  box-shadow:var(--glass-inner, inset 0 1px 0 rgba(230,242,243,.07)),
             0 20px 50px -20px rgba(0,0,0,.65);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
/* dense base — card must not depend on the page backdrop */
.academy-course.academy-course.academy-course{
  background:rgba(16,32,37,.88);
}

/* gradient border ring */
.academy-course::before{
  content:""; position:absolute; inset:0;
  border-radius:inherit; padding:1px;
  background:linear-gradient(135deg,
            rgba(230,242,243,0.40) 0%,
            rgba(230,242,243,0.04) 28%,
            rgba(95,198,212,0.06) 60%,
            rgba(230,242,243,0.14) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; z-index:4;
}

/* hover: kill vendor white glow, glacier glow + lift */
.academy-course.academy-course.academy-course:hover{
  transform:translateY(-8px);
  background:rgba(22,42,47,.92);
  box-shadow:var(--glass-inner, inset 0 1px 0 rgba(230,242,243,.07)),
             0 0 0 1px rgba(95,198,212,.20),
             0 0 32px -6px rgba(95,198,212,.42),
             0 30px 60px -24px rgba(0,0,0,.72);
  outline:none;
}

/* ============================================================
   2. COVER — 6:5 (design-system standard)
   ============================================================ */
/* header MUST stay relative — anchor for wishlist + badge */
.academy-course.academy-course.academy-course .academy-course__header{
  position:relative; margin:0; padding:0;
}
.academy-course.academy-course .academy-course__thumbnail{
  position:relative; margin:0; padding:0;
  aspect-ratio:6 / 5;
  height:auto !important; max-height:none !important;
  overflow:hidden;
  background:rgba(10,26,31,.6);
}
.academy-course__thumbnail > a{ display:block; width:100%; height:100%; }
.academy-course.academy-course .academy-course__thumbnail-image{
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  display:block; margin:0; border-radius:0;
  transition:transform .4s cubic-bezier(.4,0,.2,1);
}
.academy-course:hover .academy-course__thumbnail-image{ transform:scale(1.06); }
/* bottom scrim under badge/heart (rgba, never `transparent`) */
.academy-course__thumbnail::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:34%;
  background:linear-gradient(180deg, rgba(14,26,27,0), rgba(14,26,27,.5));
  pointer-events:none; z-index:2;
}

/* ============================================================
   3. BADGE over cover (pill + colored dot; markup = product card)
   ============================================================ */
.academy-course .ia-card__badge{
  position:absolute; top:14px; left:14px; z-index:3;
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 16px;
  border-radius:100px;
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:11px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--ice-white, #E6F2F3);
  background:rgba(10,22,26,.72);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid rgba(230,242,243,.14);
  box-shadow:0 6px 20px -8px rgba(0,0,0,.6);
}
.academy-course .ia-card__badge::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:var(--glacier, #5FC6D4);
  box-shadow:0 0 10px rgba(95,198,212,.8);
}
.academy-course .ia-card__badge--hot,
.academy-course .ia-card__badge--bestseller{ border-color:rgba(232,148,60,.35); }
.academy-course .ia-card__badge--hot::before,
.academy-course .ia-card__badge--bestseller::before{
  background:var(--ember, #E8943C);
  box-shadow:0 0 10px rgba(232,148,60,.8);
}
.academy-course .ia-card__badge--soon::before{
  background:var(--frost-grey, #8FA6AB); box-shadow:none;
}

/* ============================================================
   4. WISHLIST HEART — glass circle, top-right of the cover.
      Wrapper is taken OUT of layout; the <a> itself is anchored
      absolutely to __header (relative pinned above).
   ============================================================ */
.academy-course.academy-course.academy-course .academy-course-header-meta{
  position:static; margin:0; padding:0; line-height:0;
}
.academy-course.academy-course.academy-course a.academy-course__wishlist,
.academy-course.academy-course.academy-course .academy-add-wishlist-btn{
  position:absolute; top:12px; right:14px; z-index:5;
  margin:0;
  display:inline-flex; align-items:center; justify-content:center;
  width:35px; height:35px;
  border-radius:50%;
  background:rgba(10,22,26,.72);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid rgba(230,242,243,.14);
  color:var(--ice-white, #E6F2F3);
  cursor:pointer;
  transition:border-color .2s ease, color .2s ease, transform .2s ease;
}
.academy-course.academy-course.academy-course a.academy-course__wishlist:hover{
  border-color:rgba(232,148,60,.55);
  color:var(--ember, #E8943C);
  background:rgba(10,22,26,.72);
  transform:scale(1.08);
}
.academy-course.academy-course.academy-course .academy-course__wishlist i,
.academy-course.academy-course.academy-course .academy-course__wishlist .academy-icon{
  color:inherit; font-size:16px; line-height:1;
}

/* ============================================================
   5. BODY — layout + block order
   ============================================================ */
.academy-course.academy-course .academy-course__body{
  display:flex; flex-direction:column; flex:1;
  background:transparent;
  margin:0;
  padding:clamp(22px,1.8vw,30px);
  padding-bottom:18px;
  gap:0;                     /* vendor gap breaks our margins + margin-top:auto */
  text-align:left;
}
.academy-course.academy-course .academy-course__content{ display:contents; }

.academy-course.academy-course .academy-course__meta--category{ order:1; }
.academy-course.academy-course .academy-course__title{ order:2; }
.academy-course.academy-course .academy-entry-content{ order:3; }  /* vendor Excerpt = subtitle */
.academy-course.academy-course .ia-card__desc{ order:4; }
.academy-course.academy-course .ia-card__more{ order:5; }
.academy-course.academy-course .academy-course__author-meta{ order:6; }

.academy-course.academy-course .academy-course__rating{ display:none; }  /* until real reviews */

/* ── category: glacier caps, non-clickable, vendor pill killed ── */
.academy-course.academy-course .academy-course__meta--category,
.academy-course.academy-course .academy-course__meta--category a{
  background:transparent;
  padding:0; margin:0 0 12px;
  border:none; border-radius:0;
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:12px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--glacier, #5FC6D4);
  text-decoration:none;
  pointer-events:none;
}

/* ── title: Playfair, normal case, 2-line clamp ── */
.academy-course.academy-course .academy-course__title{
  margin:0 0 8px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  letter-spacing:-.01em;
}
.academy-course.academy-course .academy-course__title,
.academy-course.academy-course .academy-course__title a{
  font-family:var(--font-display, "Playfair Display", serif);
  font-weight:900;
  font-size:clamp(21px,1.7vw,27px);
  line-height:1.18;
  text-transform:none;
  color:var(--ice-white, #E6F2F3);
  text-decoration:none;
  transition:color .2s ease;
}
.academy-course.academy-course .academy-course__title a:hover{ color:var(--glacier, #5FC6D4); }

/* ── subtitle = vendor Excerpt: one muted line under the title ── */
.academy-course.academy-course .academy-entry-content{
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:15px; font-weight:400;
  color:rgba(230,242,243,.55);
  margin:-4px 0 14px;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ── description: post_content (~40 words server-side), 4-line clamp ── */
.academy-course.academy-course .ia-card__desc{
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:15px; line-height:1.6;
  color:rgba(230,242,243,.75);
  margin:0 0 14px;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ── READ MORE ↗ ── */
.academy-course.academy-course .ia-card__more{
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:12px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--glacier, #5FC6D4);
  text-decoration:none;
  margin:0 0 16px;           /* air before the author */
  transition:color .2s ease, gap .2s ease;
}
.academy-course.academy-course .ia-card__more:hover{ color:var(--ice-white, #E6F2F3); gap:10px; }
.academy-course .ia-card__more-arrow{ font-size:13px; line-height:1; }

/* ── author: no avatar, "By Name", pinned to the bottom ── */
.academy-course.academy-course .academy-course__author-meta{
  margin-top:auto;           /* works only with gap:0 on the body */
  padding-top:4px;
  display:flex; align-items:center;
}
.academy-course__author-meta > img{ display:none; }   /* gravatar stub */
.academy-course__author .author{ font-size:0; }        /* mutes vendor "BY -" */
.academy-course__author .author::before{
  content:"By ";
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:14px;
  color:rgba(230,242,243,.6);
}
.academy-course.academy-course .academy-course__author .author a{
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:14px; font-weight:700;
  color:rgba(230,242,243,.92);
  text-decoration:none;
  pointer-events:none;       /* until the author page exists */
}

/* ============================================================
   6. FOOTER — gradient divider, price left / button right
   ============================================================ */
.academy-course.academy-course .academy-course__footer{
  position:relative;
  border:none; border-top:none;
  margin:0;
  padding:18px clamp(22px,1.8vw,30px) clamp(22px,1.8vw,30px);
  background:transparent;
  gap:14px;
}
.academy-course.academy-course .academy-course__footer::before{
  content:"";
  position:absolute; top:0;
  left:clamp(22px,1.8vw,30px); right:clamp(22px,1.8vw,30px);
  height:1px;
  background:linear-gradient(90deg,
            rgba(230,242,243,0),
            rgba(230,242,243,.16),
            rgba(230,242,243,0));
}

/* vendor white plates under price/CTA → glass */
.academy-course.academy-course .academy-widget-enroll__continue,
.academy-course.academy-course .ia-card__cta,
.academy-course.academy-course .academy-course-type,
.academy-course.academy-course .academy-course__price,
.academy-course.academy-course .academy-course__price *:not(.ia-card__btn){
  background:transparent;
  box-shadow:none;
  border:none;
  padding:0; margin:0;
}

/* ============================================================
   7. PRICE — mirrors the shop card
   ============================================================ */
.academy-course.academy-course .academy-course__price{
  display:flex; align-items:baseline; gap:8px;
  line-height:1;
}
.academy-course.academy-course .academy-course__price .storeengine-price,
.academy-course.academy-course .academy-course__price .academy-course-price{
  display:inline-flex; align-items:baseline; gap:3px;
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:clamp(24px,1.9vw,30px); font-weight:800; line-height:1;
  color:var(--ice-white, #E6F2F3);
  text-shadow:0 0 20px rgba(95,198,212,.45);
}
.academy-course__price .storeengine-price--currency-symbol{
  font-size:.68em; font-weight:700;
}
/* discount: del MUST be display:inline or line-through won't draw */
.academy-course.academy-course .academy-course__price del .storeengine-price{
  display:inline;
  font-size:clamp(14px,1.15vw,17px); font-weight:600;
  color:var(--frost-grey, #8FA6AB);
  text-shadow:none;
  text-decoration:line-through;
  text-decoration-thickness:1.5px;
  text-decoration-color:rgba(230,242,243,.55);
}
.academy-course__price del .storeengine-price--currency-symbol{
  font-size:.85em; color:inherit; text-shadow:none;
}
.academy-course__price del{ margin-right:8px; }
.academy-course.academy-course .academy-course__price ins{ text-decoration:none; }
/* FREE */
.academy-course.academy-course .ia-card__price--free,
.academy-course.academy-course .ia-card__price--free *{
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:clamp(19px,1.5vw,24px); font-weight:800;
  letter-spacing:.08em; text-transform:uppercase;
  color:var(--glacier, #5FC6D4);
  text-shadow:0 0 20px rgba(95,198,212,.45);
}

/* ============================================================
   8. BUTTONS — BUY (amber) / START (dark glass) / SOON (dead)
   ============================================================ */
.academy-course.academy-course .ia-card__btn{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center;
  padding:15px 28px;
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:13px; font-weight:700; letter-spacing:2px;
  text-transform:uppercase; line-height:1;
  border-radius:15px;
  text-decoration:none;
  color:var(--ice-white, #E6F2F3);
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
/* shine sweep */
.academy-course .ia-card__btn::after{
  content:""; position:absolute; top:0; bottom:0; left:-60%; width:45%;
  background:linear-gradient(100deg, rgba(230,242,243,0), rgba(230,242,243,.3), rgba(230,242,243,0));
  transform:skewX(-18deg);
  transition:left .55s cubic-bezier(.4,0,.2,1);
  z-index:3;
}
.academy-course .ia-card__btn:hover::after{ left:130%; }

/* BUY — amber */
.academy-course.academy-course .ia-card__btn--buy{
  background:linear-gradient(160deg, rgba(232,148,60,.42), rgba(201,122,58,.30));
  border:1px solid rgba(232,148,60,.55);
  color:var(--ice-white, #E6F2F3);
  box-shadow:inset 0 1px 0 rgba(255,225,190,.35),
             0 14px 38px -12px rgba(232,148,60,.55);
}
.academy-course.academy-course .ia-card__btn--buy:hover{
  transform:scale(1.03);
  box-shadow:inset 0 1px 0 rgba(255,225,190,.45),
             0 18px 48px -10px rgba(232,148,60,.75);
}
/* START — dark glass (--enroll kept as a defensive alias) */
.academy-course.academy-course .ia-card__btn--start,
.academy-course.academy-course .ia-card__btn--enroll{
  background:rgba(22,40,42,.45);
  border:1px solid rgba(230,242,243,.18);
  color:var(--ice-white, #E6F2F3);
  box-shadow:var(--glass-inner, inset 0 1px 0 rgba(230,242,243,.07));
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
.academy-course.academy-course .ia-card__btn--start:hover,
.academy-course.academy-course .ia-card__btn--enroll:hover{
  transform:scale(1.03);
  border-color:rgba(95,198,212,.5);
  box-shadow:var(--glass-inner, inset 0 1px 0 rgba(230,242,243,.07)),
             0 0 26px -8px rgba(95,198,212,.5);
}
/* SOON — dead plate (span, no link) */
.academy-course.academy-course .ia-card__btn--soon{
  color:rgba(230,242,243,.45);
  background:rgba(22,40,42,.3);
  border:1px solid rgba(230,242,243,.12);
  cursor:default; user-select:none;
}
.academy-course .ia-card__btn--soon::after{
  background:linear-gradient(100deg, rgba(230,242,243,0), rgba(230,242,243,.22), rgba(230,242,243,0));
}
.academy-course.academy-course .ia-card__btn--soon:hover{
  border-color:rgba(230,242,243,.22);
  color:rgba(230,242,243,.6);
}

/* SOON — "Coming Soon" on the SINGLE course page (enroll widget). The card rules
   above are scoped to .academy-course, which the single page is not, so this is a
   self-contained dead plate (base button props + soon colours). */
.single-academy_courses .ia-card__btn--soon{
  display:inline-flex; align-items:center; justify-content:center;
  padding:15px 28px;
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:13px; font-weight:700; letter-spacing:2px;
  text-transform:uppercase; line-height:1;
  border-radius:15px;
  text-decoration:none;
  color:rgba(230,242,243,.45);
  background:rgba(22,40,42,.3);
  border:1px solid rgba(230,242,243,.12);
  cursor:default; user-select:none;
}

/* ============================================================
   9. ARCHIVE CHROME — vendor sorting + result count amputated
   ============================================================ */
form.academy-courses__header-ordering,
select.academy-courses__header-orderby,
p.academy-courses__header-result-count{
  display:none !important;
}

/* ============================================================
   10. КАСТОМНАЯ СТРАНИЦА КУРСОВ — скоуп .ia-courses-page
   Сетка: вендор рисует ряд .academy-row + колонки .academy-col-*.
   Мы переводим ряд в грид 3/2/1 — колоночные классы вендора
   перестают решать, ширину диктует грид.
   Равная высота: грид сам растягивает ячейки ряда до самой
   высокой; колонке и карточке даём height:100%, чтобы они
   заполнили ячейку, а футер прижался к низу.
   Геометрия секции (отступы, выравнивания) — в Elementor.
   ============================================================ */

/* ряд → грид */
.ia-courses-page .academy-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:clamp(18px, 2vw, 32px);
  margin:0;
}

/* колонка: гасим бутстрап-ширины, растягиваем на ячейку */
.ia-courses-page .academy-row > [class*="academy-col-"]{
  width:100%; max-width:none;
  flex:none; float:none;
  margin:0; padding:0;
  display:flex;            /* карточка заполняет колонку по высоте */
}

/* карточка заполняет колонку целиком → все в ряду одной высоты */
.ia-courses-page .academy-course.academy-course{
  width:100%;
  height:100%;
}

/* планшет: 2 колонки, мобила: 1 */
@media (max-width:1200px){
  .ia-courses-page .academy-row{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:767px){
  .ia-courses-page .academy-row{ grid-template-columns:1fr; gap:18px; }
}

/* воздух: чипы → сетка */
.ia-courses-page .ia-filters{ margin-bottom:clamp(24px, 3vw, 40px); }

/* пустое состояние фильтра: стеклянная плашка на всю ширину сетки */
.ia-courses-page .ia-courses-empty{
  grid-column:1 / -1;              /* на все колонки грида */
  padding:clamp(40px, 5vw, 72px) clamp(24px, 3vw, 48px);
  border-radius:24px;
  background:rgba(16,32,37,.88);
  border:1px solid rgba(230,242,243,.14);
  box-shadow:inset 0 1px 0 rgba(230,242,243,.07),
             0 20px 50px -20px rgba(0,0,0,.65);
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:16px; line-height:1.6;
  color:rgba(230,242,243,.75);
  text-align:center;
}
.ia-courses-page .ia-courses-empty strong{
  color:var(--ice-white, #E6F2F3);
  font-weight:700;
}

/* ── ЧИПЫ ФИЛЬТРА (перенос из глобального Custom Code, скоуп страницы) ──
   Логика активного цвета — ледяная подсветка, как у активного пункта меню.
   Геометрия ряда чипов (выравнивание, отступы секции) — в Elementor. */
.ia-courses-page .ia-filters{
  display:flex; flex-wrap:wrap; gap:12px;
}
.ia-courses-page .ia-filters .ia-filter{
  padding:12px 24px;
  border-radius:100px;
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-weight:700; font-size:13px;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--frost-grey, #8FA6AB);
  background:rgba(22,40,42,.32);
  border:1px solid rgba(230,242,243,.14);
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  cursor:pointer;
  transition:color .2s ease, border-color .2s ease, box-shadow .2s ease,
             background .2s ease, transform .2s ease;
}
.ia-courses-page .ia-filters .ia-filter:hover{
  color:var(--ice-white, #E6F2F3);
  border-color:rgba(95,198,212,.5);
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06), 0 10px 28px -14px rgba(95,198,212,.4);
  transform:translateY(-2px);
}
.ia-courses-page .ia-filters .ia-filter.is-active{
  color:var(--ice-white, #E6F2F3);
  background:rgba(95,198,212,.14);
  border-color:rgba(95,198,212,.55);
  box-shadow:inset 0 1px 0 rgba(230,242,243,.12),
             0 0 0 1px rgba(95,198,212,.18),
             0 0 26px -6px rgba(95,198,212,.5);
}
.ia-courses-page .ia-filters .ia-filter:focus,
.ia-courses-page .ia-filters .ia-filter:focus-visible{ outline:none; }

/* адаптив чипов */
@media (max-width:680px){
  .ia-courses-page .ia-filters{ gap:9px; }
  .ia-courses-page .ia-filters .ia-filter{ padding:10px 18px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce){
  .ia-courses-page .ia-filter{ transition:none; }
  .ia-courses-page .ia-filter:hover{ transform:none; }
}

/* ── EXPIRED-состояние плашки ── */
body.single-academy_courses .ia-course-single__expired-info{
  margin:0 0 12px;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(232,148,60,.08);
  border:1px solid rgba(232,148,60,.35);
  font-size:14px; line-height:1.55;
  color:rgba(230,242,243,.85);
  box-shadow:inset 0 1px 0 rgba(255,225,190,.12);
}
body.single-academy_courses .ia-card__btn--reenroll{
  width:100%;
  padding:14px 24px;
  font-size:14px; letter-spacing:2px;
}

/* ── RE-ENROLL: бейдж скидки на карточке ── */
.ia-card__price--reenroll{
  display:flex; align-items:baseline; flex-wrap:wrap; gap:8px;
}
.ia-card__discount-badge{
  display:inline-flex; align-items:center;
  padding:3px 9px;
  border-radius:9px;
  font-size:12px; font-weight:700;
  letter-spacing:.06em;
  color:var(--ice-white, #E6F2F3);
  background:linear-gradient(160deg, rgba(232,148,60,.42), rgba(201,122,58,.30));
  border:1px solid rgba(232,148,60,.55);
  box-shadow:inset 0 1px 0 rgba(255,225,190,.3);
}
.ia-card__price--reenroll del,
.ia-card__price--reenroll del *{
  font-size:15px !important;
  color:var(--frost-grey, #9FB8BC) !important;
  text-shadow:none !important;
}