/* ДУЖЕ АГРЕСИВНІ ПРАВИЛА ДЛЯ ПРИБИРАННЯ ВСІХ РАМОК */
@media (max-width: 1024px) {
  /* Прибираємо ВСІ можливі рамки з карток новин */
  .news-card,
  .news-card.card,
  .news-card .card-body,
  .news-card .card-footer,
  .news-card .card-img-top,
  .news-card .card-img,
  .news-card img,
  .news-card div,
  .news-card p,
  .news-card h1,
  .news-card h2,
  .news-card h3,
  .news-card h4,
  .news-card h5,
  .news-card h6,
  .news-card small,
  .news-card span,
  .news-card a {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
  }
  
  /* НАЙБІЛЬШ АГРЕСИВНЕ ПРАВИЛО - прибираємо рамки з УСІХ елементів */
  .news-card * {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
  }
}

/* Mobile-specific styles for news cards */
@media (max-width: 1024px) {
  .mobile-dark {
    background-color: #1e293b !important;
    color: #ffffff !important;
  }
  /* Фон всієї картки новини (перекриває bootstrap .card-bg) */
  /* Make the outer card fully transparent; move dark bg to inner body */
  .news-card,
  .news-card.card,
  .news-card .card {
    --bs-card-bg: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  /* На випадок, якщо білий фон задається body картки */
  .news-card .card-body {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    /* Paint over any residual light gutters from inner elements */
    box-shadow: inset 0 0 0 9999px #1e293b !important;
  }
  .news-card .card-img-top {
    border-radius: 10px 10px 0 0 !important;
  }
  /* Eliminate white gutters by removing margins and painting rows dark */
  .news-card .card-title,
  .news-card .card-text,
  .news-card .d-flex {
    background-color: #1e293b !important;
    margin: 0 !important;
    border: none !important;
  }
  /* Remove white gutter around dark bars by collapsing paddings */
  .news-card {
    --bs-card-inner-border-radius: 0 !important;
    background-color: #1e293b !important; /* ensure outer card is dark */
  }
  .news-card .card-body {
    padding: 0 !important; /* remove inner spacing that shows outer bg */
  }
  .news-card .card-body > .card-title,
  .news-card .card-body > .card-text,
  .news-card .card-body > .d-flex {
    padding: 10px 14px !important; /* add padding directly to content */
  }
  /* Change white outline to dark green on mobile */
  .news-card,
  .news-card.card {
    border: 2px solid #14532d !important; /* dark green */
    border-radius: 12px !important;
  }
  .news-card .card-body,
  .news-card .card-footer,
  .news-card .card-img-top {
    border: none !important;
  }
  .news-card .card-footer {
    background-color: #1e293b !important;
    color: #ffffff !important;
  }
  .news-card .card-title,
  .news-card .card-text,
  .news-card small {
    color: #ffffff !important;
  }

  /* Універсально: фарбуємо всі прямі/вкладені блоки під карткою на темний фон */
  .news-card * {
    background-color: transparent !important;
    color: inherit;
    border-color: transparent !important;
  }
  .news-card > *,
  .news-card .card > *,
  .news-card .card-body > *,
  .news-card .card-footer > * {
    background-color: #1e293b !important;
    border: none !important;
    box-shadow: none !important;
  }
  /* Якщо якийсь бордер все ж задається десь локально – фарбуємо його в темний колір карти,
     щоб він зливався і не виглядав білим на мобільній головній */
  .news-card,
  .news-card * {
    border-color: #1e293b !important;
  }
  
  /* ЗМІНЮЄМО КОЛІР БІЛОЇ ЛІНІЇ НА ТЕМНИЙ */
  .news-card .card-text,
  .news-card .card-text *,
  .news-card .card-text div,
  .news-card .card-text p,
  .news-card .card-text span,
  .news-card .card-text strong,
  .news-card .card-text em,
  .news-card .card-text b,
  .news-card .card-text i {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: #1e293b !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    border-image: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-decoration-break: slice !important;
  }
  
  /* Спеціально для горизонтальних ліній */
  .news-card .card-text hr,
  .news-card .card-text div[style*="border-top"],
  .news-card .card-text div[style*="border-bottom"],
  .news-card .card-text p[style*="border-top"],
  .news-card .card-text p[style*="border-bottom"] {
    border-color: #1e293b !important;
    border-top-color: #1e293b !important;
    border-bottom-color: #1e293b !important;
    background-color: #1e293b !important;
  }
  /* Забираємо фокус-обводку/контур у посилань всередині картки */
  .news-card a:focus,
  .news-card a:focus-visible,
  .news-card a:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
  }
  
  /* Прибираємо білу обводку з опису новин */
  .news-card .card-body,
  .news-card .card-body *,
  .news-card .card-footer,
  .news-card .card-footer * {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }
  
  /* Агресивно прибираємо всі можливі обводки */
  .news-card * {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
  }
  
  /* Спеціально для excerpt контенту - прибираємо ВСІ можливі рамки */
  .news-card .card-text,
  .news-card .card-text *,
  .news-card .card-text div,
  .news-card .card-text p,
  .news-card .card-text span,
  .news-card .card-text strong,
  .news-card .card-text em,
  .news-card .card-text b,
  .news-card .card-text i,
  .news-card .card-text u,
  .news-card .card-text a,
  .news-card .card-text h1,
  .news-card .card-text h2,
  .news-card .card-text h3,
  .news-card .card-text h4,
  .news-card .card-text h5,
  .news-card .card-text h6,
  .news-card .card-text ul,
  .news-card .card-text ol,
  .news-card .card-text li,
  .news-card .card-text table,
  .news-card .card-text td,
  .news-card .card-text th,
  .news-card .card-text tr {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
  }
  
  /* Прибираємо рамки Bootstrap карток */
  .news-card.card {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
  }
  
  .news-card .card-img-top {
    border-bottom: none !important;
  }
  /* Якщо існують спеціальні "плейсхолдери"/порожні блоки з висотою під текст – теж затемнюємо */
  .news-card [style*="background: #fff"],
  .news-card [style*="background:#fff"],
  .news-card [style*="background-color: #fff"],
  .news-card [style*="background-color:#fff"],
  .news-card [style*="background: white"],
  .news-card [style*="background:white"],
  .news-card [style*="background-color: white"],
  .news-card [style*="background-color:white"] {
    background-color: #1e293b !important;
    color: #ffffff !important;
  }
}

/* Desktop reset to original */
@media (min-width: 1025px) {
  .mobile-dark,
  .mobile-dark .card-body,
  .mobile-dark .card-footer {
    background-color: transparent !important;
    color: inherit !important;
  }
}