/* ============================================
   ELFSIGHT-CUSTOM.CSS - Elfsight Widget Overrides
   Custom styling for Elfsight LinkedIn Feed
   ============================================ */

/* Override widget title */
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="title"],
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 h2,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 h3 {
  color: var(--text-primary) !important;
  font-family: var(--font-primary) !important;
}

/* Widget container styling */
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 {
  font-family: var(--font-primary) !important;
}

/* Override ALL widget backgrounds - aggressive selectors (excluding buttons and SVGs) */
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 div[class]:not(button):not([class*="nav"]):not([class*="arrow"]),
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 article[class],
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 section[class] {
  background-color: transparent !important;
}

/* Widget cards/posts */
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="card"],
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="post"],
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="item"],
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 article,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [role="article"] {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="card"]:hover,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="post"]:hover,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="item"]:hover,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 article:hover,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [role="article"]:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--cts-green) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(25, 100, 54, 0.2) !important;
}

/* Widget text colors */
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 p,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 span,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 div {
  color: var(--text-primary) !important;
}

/* Widget links */
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 a {
  color: var(--cts-green) !important;
  transition: all 0.3s ease;
}

.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 a:hover {
  color: var(--cts-green-hover) !important;
  text-decoration: underline;
}

/* Widget navigation buttons (arrows) - ensure green stays */
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 button[class*="nav"],
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 button[class*="arrow"],
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="navigation"] button {
  background-color: var(--cts-green) !important;
  fill: rgb(255, 255, 255) !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 button[class*="nav"]:hover,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 button[class*="arrow"]:hover,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="navigation"] button:hover {
  background-color: var(--cts-green-hover) !important;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(25, 100, 54, 0.4) !important;
}

/* Widget arrow SVG/icons inside navigation buttons */
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 button[class*="nav"] svg,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 button[class*="arrow"] svg,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="navigation"] button svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Widget buttons (general) */
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 button:not([class*="nav"]):not([class*="arrow"]),
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="button"]:not([class*="nav"]):not([class*="arrow"]),
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="btn"]:not([class*="nav"]):not([class*="arrow"]) {
  background: var(--cts-green) !important;
  color: #ffffff !important;
  border: 2px solid var(--cts-green) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-family: var(--font-primary) !important;
  font-weight: var(--font-weight-semibold) !important;
  transition: all 0.3s ease !important;
}

.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 button:not([class*="nav"]):not([class*="arrow"]):hover,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="button"]:not([class*="nav"]):not([class*="arrow"]):hover,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="btn"]:not([class*="nav"]):not([class*="arrow"]):hover {
  background: var(--cts-green-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(25, 100, 54, 0.3) !important;
}

/* Fix emoji and icon visibility (like, comment, share) */
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 svg,
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 img[alt*="emoji"],
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="icon"],
.elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="emoji"] {
  filter: none !important;
  opacity: 1 !important;
}

/* ============================================
   DARK MODE - Elfsight Widget
   ============================================ */

body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="title"],
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 h2,
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 h3 {
  color: #ffffff !important;
}

body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 p,
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 span,
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 div {
  color: rgba(255, 255, 255, 0.9) !important;
}

body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="card"],
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="post"],
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="item"],
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 article,
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [role="article"] {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="card"]:hover,
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="post"]:hover,
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="item"]:hover,
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 article:hover,
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [role="article"]:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--cts-green) !important;
}

/* Dark mode - fix icon/emoji visibility (like, comment, share) */
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 svg:not([class*="nav"]):not([class*="arrow"]) {
  fill: #ffffff !important;
  color: #ffffff !important;
  filter: brightness(0) invert(1) !important;
}

body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="icon"]:not([class*="nav"]):not([class*="arrow"]),
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="action"] svg,
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="reaction"] svg {
  filter: brightness(0) invert(1) !important;
}

/* Dark mode - ensure emojis stay colorful */
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 img[alt*="emoji"],
body.dark-mode .elfsight-app-09871f84-09f7-43e9-9bc7-c0a7b53c8aa8 [class*="emoji"] {
  filter: none !important;
}