/*
 Theme Name: MM Elementor Blank
 Theme URI: https://example.com/
 Author: Marian Mario (custom)
 Author URI: https://marianmario.ro/
 Description: Blank theme minimalist, optimizat pentru Elementor (full width, SEO, schema & security ready).
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: mm-elementor-blank
*/

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}

.site-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.site-main--fullwidth {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.site-header,
.site-footer {
  padding: 1rem 1.5rem;
}

.site-header {
  border-bottom: 1px solid rgba(148, 163, 184, 0.4);
}

.site-footer {
  border-top: 1px solid rgba(148, 163, 184, 0.4);
  font-size: 0.9rem;
  text-align: center;
}

.primary-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.primary-menu li {
  margin: 0;
  padding: 0;
}

.primary-menu a {
  text-decoration: none;
  color: inherit;
}

/* ==========================================================
   MM – CATEGORII DUPĂ SLUG
   Skin LISTĂ – Liga Sportivilor / People of Light
   – pentru .mm-ecbs-wrapper.mm-ecbs-skin-list
   – arată ca un meniu de secțiuni / rubrici sportive
========================================================== */

.mm-ecbs-wrapper.mm-ecbs-skin-list {
  width: 100%;
  margin: 0 auto;
}

/* Grid = o singură coloană, listă verticală */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0; /* liniile fac separarea */
}

/* Fiecare rând din listă */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-item {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: #ffffff;
  padding: 0.75rem 0;
}

/* Linie colorată pe stânga – accent sportiv */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-item::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 4px;
  background: linear-gradient(180deg, #06B6D4, #16A34A);
  opacity: 0.95;
}

/* Link + conținut interior */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-left: 1.1rem;   /* ținem cont de bara colorată */
  padding-right: 0.5rem;
}

/* Icon + titlu pe aceeași linie */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #0A1A44;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

/* Icon mic, sportiv */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-icon {
  display: inline-flex;
  font-size: 1rem;
  line-height: 1;
  color: #06B6D4;
}

/* Descrierea devine un subtitlu discret */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-desc {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.4;
  color: #4b5563;
}

/* Container text (titlu + descriere) */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-title-text,
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-desc {
  display: block;
}

/* Layout pe două linii:
   – sus: titlu + icon
   – jos: descriere + chip count (în dreapta) */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-link {
  flex-wrap: wrap;
}

.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-title,
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-desc {
  flex: 1 1 auto;
}

/* Chip count în dreapta, ca un badge */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-count {
  margin-left: auto;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  border: 1px solid rgba(6, 182, 212, 0.5);
  background: rgba(15, 118, 110, 0.03);
  color: #0A1A44;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-count::before {
  content: "●";
  font-size: 0.6rem;
  color: #16A34A;
}

/* Hover – evidențiem rândul */
.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-item:hover {
  background: #F8FAFC;
}

.mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-item:hover .mm-ecbs-title {
  color: #06B6D4;
}

/* Responsivitate – doar ajustăm paddingul pe mobil */
@media (max-width: 768px) {
  .mm-ecbs-wrapper.mm-ecbs-skin-list .mm-ecbs-link {
    padding-left: 0.9rem;
  }
}

/* ==========================================================
   ELEMENTOR POSTS – LIGA SPORTIVILOR / PEOPLE OF LIGHT
   Se aplică doar în secțiunea #ls-rubrici-articole
   pe widgetul Posts cu clasa .ls-posts-elementor
========================================================== */

#ls-rubrici-articole .ls-posts-elementor {
  /* ne asigurăm că widgetul se întinde corect */
  width: 100%;
}

/* Wrapper general pentru lista de postări */
#ls-rubrici-articole .ls-posts-elementor .elementor-posts-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: rgba(15, 23, 42, 0.92);
  border-radius: 18px;
  padding: 1.3rem 1.4rem;
  border: 1px solid rgba(56, 189, 248, 0.5);
}

/* Fiecare articol */
#ls-rubrici-articole .ls-posts-elementor .elementor-post {
  border-radius: 12px;
  padding: 0.65rem 0.75rem;
  margin: 0; /* anulăm marginile default */
  transition: background 0.2s ease, transform 0.2s ease;
}

/* Linie discretă între articole */
#ls-rubrici-articole .ls-posts-elementor .elementor-post + .elementor-post {
  border-top: 1px solid rgba(148, 163, 184, 0.35);
}

/* Link wrapper general */
#ls-rubrici-articole .ls-posts-elementor .elementor-post__title a {
  text-decoration: none;
}

/* Titlu articol */
#ls-rubrici-articole .ls-posts-elementor .elementor-post__title {
  margin: 0 0 0.25rem;
  font-size: 0.98rem;
  font-weight: 700;
}

#ls-rubrici-articole .ls-posts-elementor .elementor-post__title a {
  color: #f9fafb;
}

/* Meta (data, categorie, autor etc.) */
#ls-rubrici-articole .ls-posts-elementor .elementor-post__meta-data {
  margin-bottom: 0.15rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #7dd3fc;
}

/* Excerpt */
#ls-rubrici-articole .ls-posts-elementor .elementor-post__excerpt p {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.6;
  color: #cbd5f5;
}

/* Scoatem butonul "Read More" (dacă e activ) */
#ls-rubrici-articole .ls-posts-elementor .elementor-post__read-more {
  display: none;
}

/* Hover efect */
#ls-rubrici-articole .ls-posts-elementor .elementor-post:hover {
  background: linear-gradient(
    90deg,
    rgba(56, 189, 248, 0.18),
    rgba(45, 212, 191, 0.1)
  );
  transform: translateX(2px);
}

/* Imagine (dacă o lași activă) – o micșorăm sus de tot */
#ls-rubrici-articole .ls-posts-elementor .elementor-post__thumbnail {
  margin-bottom: 0.4rem;
  border-radius: 10px;
  overflow: hidden;
}

#ls-rubrici-articole .ls-posts-elementor .elementor-post__thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

/* Responsivitate */
@media (max-width: 600px) {
  #ls-rubrici-articole .ls-posts-elementor .elementor-posts-container {
    padding: 1.1rem 1.1rem;
    border-radius: 14px;
  }

  #ls-rubrici-articole .ls-posts-elementor .elementor-post {
    padding: 0.55rem 0.55rem;
  }
}
