/* Knowledge Centre Plugin Styles */ 

/* CSS Variables */
:root {
  --lc-primary: #201747;
  --lc-secondary: #005a87;
  --lc-accent: #00a0d2;
} 

/* License required message */
.lc-license-required {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  padding: 15px;
  border-radius: 4px;
  text-align: center;
  font-weight: 500;
  margin: 20px 0;
}
.single-lc_article hr, .tax-lc_topic hr {
margin:0;
}

span#lc-hub-results-text {
    color: var(--lc-text);
}

header.lc-plugin-wrapper.lc-oxygen-header {
width: 100%;
background-color: #201747 !important;
}

.lc-plugin-wrapper div#new_columns-652-15 {
  width: 1120px;
  margin: 0 auto;
  padding-right: 40px;
  padding-left: 40px;
}
.single-lc_article div#footer, .single-lc_article section#section-79-12, 
.single-lc_article div#inner_content-42-4, .single-lc_article div#header {
display: none;
}

.lc-plugin-wrapper img#image-657-15 {
  width: 250px;
}
.lc-plugin-wrapper .oxy-nav-menu-list {
  gap: 10px;
}
.lc-plugin-wrapper .ct-new-columns {
justify-content: space-between;
}

.lc-plugin-wrapper ul.sub-menu {
padding:20px !important;
}

/* Oxygen Hamburger Menu Styles */
.lc-plugin-wrapper .oxy-menu-toggle {
display: none;
cursor: pointer;
padding: 8px;
background: none;
border: none;
z-index: 1000;
}

.lc-plugin-wrapper .oxy-nav-menu-hamburger {
  width: 40px;
  height: 25px;
position: relative;
transform: none;
}

.lc-plugin-wrapper .oxy-nav-menu-hamburger-line {
display: block;
height: 8px;
background-color: #fff;
border-radius: 1.5px;
transition: all 0.3s ease;
margin-bottom: 8px;
}

.lc-plugin-wrapper .oxy-nav-menu-hamburger-line:last-child {
margin-bottom: 0;
}

/* Hamburger animation when open */
.lc-plugin-wrapper .oxy-menu-toggle.oxy-nav-menu-open .oxy-nav-menu-hamburger-line:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}

.lc-plugin-wrapper .oxy-menu-toggle.oxy-nav-menu-open .oxy-nav-menu-hamburger-line:nth-child(2) {
opacity: 0;
}

.lc-plugin-wrapper .oxy-menu-toggle.oxy-nav-menu-open .oxy-nav-menu-hamburger-line:nth-child(3) {
transform: rotate(-45deg) translate(7px, -6px);
}

header#page-header {
display: none;
}

.keydesign-container {
padding: 0; 
width: 100%;
max-width: 100%;
display: block;
}

/* Mobile menu styles */
@media (max-width: 768px) {
.lc-plugin-wrapper .oxy-menu-toggle {
  display: block;
}

.lc-plugin-wrapper .menu-main-container {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #aa2485;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 999;
  height: 100%
}

.lc-plugin-wrapper .oxy-nav-menu-list {
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

.lc-plugin-wrapper .oxy-nav-menu-list li.menu-item {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.lc-plugin-wrapper .oxy-nav-menu-list li.menu-item:last-child {
  border-bottom: none;
}

.lc-plugin-wrapper .oxy-nav-menu-list li.menu-item a {
  display: block;
  padding: 15px 20px;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.lc-plugin-wrapper .oxy-nav-menu-list li.menu-item a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
} 

/* Submenu styles for mobile */
.lc-plugin-wrapper .oxy-nav-menu-list .sub-menu {
  position: static;
  display: none;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
  padding-left: 20px;
}

.lc-plugin-wrapper .oxy-nav-menu-list .menu-item-has-children > a::after {
  content: "▼";
  float: right;
  font-size: 12px;
  transition: transform 0.3s ease;
}

.lc-plugin-wrapper .oxy-nav-menu-list .menu-item-has-children.active > a::after {
  transform: rotate(180deg);
}
}

.lc-plugin-wrapper .oxy-nav-menu .oxy-nav-menu-list li.menu-item a {
color: white;
}

.lc-plugin-wrapper .oxy-nav-menu .oxy-nav-menu-list li.menu-item a:hover{
color: #aa2585;
}

.lc-plugin-wrapper .oxy-nav-menu .sub-menu li.menu-item a {
color: #aa2585;
}

.lc-plugin-wrapper div#div_block-654-15 {
justify-content: center;
}

.lc-plugin-wrapper,
.lc-plugin-main-content {
/* Default color fallbacks - these will be overridden by admin panel */
--lc-primary: #201747;
--lc-secondary: #f5a623;
--lc-accent: #27ae60;
--lc-background: #ffffff;
--lc-text: #111827;

--lc-taxonomy-card-bg: #f9fafb;
--lc-taxonomy-card-bg-hover: #f3f4f6;

/* Static design tokens - these are not controlled by admin panel */
--lc-primary-dark: #059669;
--lc-bg: #f9fafd;
--lc-card-bg: #fff;
--lc-border: #e0e6ed;
--lc-radius: 8px;
--lc-shadow: 0 2px 8px rgba(0,0,0,0.04);
--lc-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
--lc-icon-filter: brightness(0) saturate(100%) invert(13%) sepia(94%) saturate(7472%) hue-rotate(0deg) brightness(88%) contrast(119%);
background-color: var(--lc-background) !important;
box-sizing: border-box;
}


.a11y-toolbar {
display: none;
}
.wrapper {
padding-top: 0;
} 
.css-1n451hs {
height: auto !important;
}
#page-wrapper .container:nth-child(-n+2) {
display: none;
}
/*
.single-lc_article {
padding:0;
}

.page-id-9984 .container:nth-of-type(4),
.page-id-9984 .container:nth-of-type(5) {
  display: none;
} */

.lc-plugin-wrapper .jet-filters-pagination__load-more .jet-filters-pagination__link {
cursor: pointer;
display: inline-block;
padding: 8px 16px;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;
border: none;
border-radius: 4px;
box-shadow: none;
transition: all .3s ease;
color: white;
background-color: #241F40;
}

.lc-page-container.lc-related-articles-section { 
max-width: 850px !important; 
margin-left: auto !important; 
margin-right: auto !important; 
}


.lc-plugin-wrapper .lc-plugin-main-content {
padding-left: 1.5em !important;
padding-right: 1.5em !important;
margin-top: 2rem !important;
}

/* Inherit theme font for all headings and body text in plugin */
.lc-plugin-wrapper,
.lc-plugin-wrapper h1,
.lc-plugin-wrapper h2,
.lc-plugin-wrapper h3,
.lc-plugin-wrapper h4,
.lc-plugin-wrapper h5,
.lc-plugin-wrapper h6,
.lc-plugin-wrapper p,
.lc-plugin-wrapper .entry-content,
.lc-plugin-wrapper .wp-block-post-content {
font-family: inherit !important;
}

:where(.wp-site-blocks *:focus) {
outline-width: 0;
}
.lc-plugin-wrapper {
  padding:0;
}

.lc-plugin-wrapper .jet-listing-grid__item p {
display: none;
}

.lc-plugin-wrapper .lc-clean-item {
 border-top: none !important;
 padding-top: 0 !important;

}

.lc-plugin-wrapper .lc-checkbox-er {
display: inline-flex;
    gap: 5px;
    margin: 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}
.lc-plugin-wrapper .jet-checkboxes-list .lc-checkbox-regular .jet-checkboxes-list__item .jet-checkboxes-list__decorator {
border-radius: 9999px;
}
/*
.lc-plugin-wrapper .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__decorator {
border-radius: 9999px; 
}*/ 
.lc-plugin-wrapper .lc-checkbox-er span.jet-checkboxes-list__label {
font-weight: 600;
white-space: nowrap; 
} 

.lc-plugin-wrapper  .lc-checkbox-er input.jet-checkboxes-list__input {
margin:0 !important
}
.lc-plugin-wrapper .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__decorator {
margin-top: 4px;
}
.lc-plugin-wrapper .entry-content p {
color: var(--lc-text);
opacity: 0.85;
text-align: left;
margin-block-start: 1em;
margin-block-end: 1em;
}
.lc-plugin-wrapper ul.wp-block-list {
margin-block-start: 1em;
margin-block-end: 1em;
padding-inline-start: 40px;
}

.lc-plugin-wrapper em {
font-style: normal;
  font-size: 1.125rem;
  color: #374151;
  font-weight: 400;
  line-height: 1.625; 
}
.lc-plugin-wrapper figure {
display: block;
margin-top: 1em !important;
margin-bottom: 1em !important;

}

.lc-plugin-wrapper .lc-checkbox-er input.jet-checkboxes-list__input {
margin: 0 !important;
margin-top: 3px;
margin-right: 5px;
position: relative;
width: 16px;
height: 15px;
min-width: 14px;
min-height: 14px;
border: 1px solid #ccc;
border-radius: 3px;
/* color: red; */
}

.lc-plugin-wrapper .lc-checkbox-er .jet-checkboxes-list__button {
/*  height: 31px; */
}

.lc-plugin-wrapper .lc-mobile-filters-container .lc-checkbox-er .jet-checkboxes-list__button {
height: auto;
} 

.lc-plugin-wrapper .lc-topic-icon {
font-size: 2rem;
color: var(--lc-primary);
transition: color 0.2s ease;
width: 40px;
height: 40px;
display: flex; 
align-items: center;
justify-content: center;  
filter: brightness(0.5);
}

.lc-plugin-wrapper .lc-topic-icon img {
filter: brightness(0.5);
}

.lc-plugin-wrapper :where(.wp-site-blocks *:focus) {
     outline-width: 0px;
  outline-style: none;
} 
.entry-content.alignfull.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
padding: 0;
margin-top: 0;
}
.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
padding-top: 0 !important;
}
main#wp--skip-link--target {
margin-top: 0 !important;
}
.lc-plugin-wrapper .jet-listing.jet-listing-dynamic-terms.lc-listing-term .jet-listing-dynamic-terms__link:not(:first-child),
.lc-plugin-wrapper .jet-listing.jet-listing-dynamic-terms.lc-listing-term .jet-listing-dynamic-terms__delimiter {
  display: none;
}

.lc-plugin-wrapper .lc-article h2, .lc-plugin-wrapper .lc-article h2 strong {
margin: 1rem 0 0.8rem;
}

.lc-plugin-wrapper .lc-article h3, .lc-plugin-wrapper .lc-article h3 strong {
margin: 1.4rem 0 0.6rem;
}

.lc-plugin-wrapper .lc-header-content.lc-article {
z-index:10;
}

.lc-plugin-wrapper .lc-article ul {
list-style: disc;
margin: 1rem 0 2rem;
}

.lc-plugin-wrapper .lc-article li {
margin: 0.2rem 0;
}

h1.wp-block-post-title {
  display: none;
}
/* Full Width Override CSS - Add this to your plugin's CSS file  HEADER SECTION START */
.lc-full-width-override {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}



.lc-full-width-content {
width: 100% !important;
max-width: 100% !important;
}

/* Override theme constraints */
.lc-plugin-wrapper .wp-block-group {
max-width: none !important;
}

.lc-plugin-wrapper .jet-listing-dynamic-image a {
height:100%;
}

.lc-plugin-wrapper .wp-block-group.lc-header-container,
.lc-plugin-wrapper .wp-block-group.lc-header-background, 
.lc-plugin-wrapper .lc-header-container,
.lc-plugin-wrapper .lc-header-background {
width: 100% !important;
max-width: 100% !important;
}

/* Ensure header background spans full width */
.lc-header-background {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
/* height: 320px;*/
}

.lc-article .lc-header-background {
height: auto;
}
/* Header curve SVG full width */
.lc-header-curve svg {
width: 100% !important;
height: auto !important;
display: block;
}


/* Mobile responsive adjustments */
@media (max-width: 1024px) {
.lc-plugin-wrapper img#image-657-15 {
  width: 155px;
}
.lc-plugin-wrapper .oxy-nav-menu .oxy-nav-menu-list li.menu-item a {
  color: #fff;
}
.lc-plugin-wrapper div#new_columns-652-15 {
  width: 100%;
  padding:0;
} 
@media (max-width: 839px) {
  .lc-plugin-wrapper .desktop-clear-filters {
    display: none !important;
  }
}
.lc-plugin-wrapper .lc-article-content-container {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}
.lc-page-container.lc-related-articles-section { 
        max-width: 100% !important;
      padding-left: 1.5em !important;
      padding-right: 1.5em !important;

}
.lc-full-width-override {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
}

/* Ensure content containers respect their intended widths */
.lc-page-container {
margin: 0 auto !important;
}
.lc-page-container .lc-no-gap {
gap:0;
}
/* HEADER SECTION END */

/* Topic Grid Layout - Updated to match your system */
.lc-plugin-wrapper .jet-listing-grid__item {
position: relative;
cursor: pointer;
}

.lc-plugin-wrapper .jet-search-filter__submit.apply-filters__button {
position: relative;
padding-right: 13px;
padding-left: 2em;
background: #047857;
backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 9999px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 1rem;
line-height: 1.5;
transition: all 0.2s ease;
outline: none;
color: #374151;
margin-top: 0;
cursor: pointer;
}

.lc-plugin-wrapper .jet-smart-filters-search .jet-search-filter__input-clear {
  cursor: pointer;
  right: 6px;
  margin-top: -20px;
}

.lc-plugin-wrapper .jet-search-filter__submit.apply-filters__button::before {
content: '';
display: inline-block;
position: absolute;
left: 0.9em;
top: 50%;
transform: translateY(-50%);
width: 1.2em;
height: 1.2em;
/* Updated search icon with longer handle */
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23ffffff' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='7' stroke-width='2'/%3E%3Cline x1='21' y1='21' x2='14.5' y2='14.5' stroke-width='2'/%3E%3C/svg%3E") no-repeat center center;
background-size: 1.2em 1.2em;
pointer-events: none;
}

.lc-plugin-wrapper.lc-no-margin-bottom {
margin-bottom: 0;
}

.lc-plugin-wrapper.lc-no-margin-top, .lc-plugin-wrapper .lc-no-margin-top {
margin-top: 0;
}

.lc-plugin-wrapper .lc-no-padding-top, .lc-plugin-wrapper.lc-no-padding-top {
padding-top: 0;
}

.lc-plugin-wrapper.lc-no-padding, .lc-plugin-wrapper .lc-no-padding {
padding: 0;
}

.lc-plugin-wrapper .lc-margin-top-10, .lc-plugin-wrapper.lc-margin-top-10 {
padding: 10px;
}

.lc-plugin-wrapper iframe {
width: 100%;
height: 480px;
border-radius: 6px;
}
.lc-plugin-wrapper.lc-header-container.lc-article {
position: relative;
min-height: 400px;
width: 100%;
overflow: visible;
}

.lc-plugin-wrapper .jet-listing-dynamic-field__icon.is-svg-icon {
margin-right: 6px;
color: #6b7280;
width: 15px;
} 

.lc-plugin-wrapper .lc-header-pattern.lc-article  {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
/* background-image: url(/wp-content/plugins/learning-centre-plugin/assets/images/lc-background-pattern.jpg) !important;*/
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
opacity: 0.3 !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2;
max-width: none;
}

.lc-plugin-wrapper .lc-topics-container {
padding: 1rem;
height: 10rem;
border-radius: var(--lc-radius);
background-color: var(--lc-taxonomy-card-bg);
transition: all 0.2s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
position: relative;
box-shadow: var(--lc-shadow);
}

.lc-plugin-wrapper .lc-topics-container:hover {
background-color: var(--lc-taxonomy-card-bg-hover);
border-color: var(--lc-primary);
transform: translateY(-2px);
box-shadow: var(--lc-shadow-hover);
}

.lc-plugin-wrapper .lc-topics-container:hover .lc-topic-icon {
color: var(--lc-primary);
}

.lc-plugin-wrapper .lc-topic-title {
text-align: center;
}

.lc-plugin-wrapper .lc-topic-title a {
color: var(--lc-text);
font-size: 1rem;
font-weight: 500;
text-decoration: none;
line-height: 1.25;
transition: color 0.2s ease;
font-family: inherit;
width: 100%;
}

.lc-plugin-wrapper .lc-topics-container:hover .lc-topic-title a {
color: var(--lc-primary);
}

.lc-plugin-wrapper .jet-engine-listing-overlay-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}

/* Responsive adjustments for topics */
@media (min-width: 768px) {
.lc-plugin-wrapper .lc-topics-container {
  padding: 1.5rem;
  height: 10rem;
}

.lc-plugin-wrapper .lc-topic-icon span {
  font-size: 2.5rem;
  width:100%;
}

.lc-plugin-wrapper .lc-topic-icon i {
  font-size: 2.5rem;
}

.lc-plugin-wrapper .lc-topic-title a {
  font-size: 1rem;
}
}

/* Additional integration with your existing overlay styles */
.lc-plugin-wrapper .jet-listing-grid__item.jet-equal-columns .jet-engine-listing-overlay-wrap .lc-topics-container {
background-color: var(--lc-taxonomy-card-bg);
height: 100%;
}

.lc-plugin-wrapper .jet-listing-grid__item.jet-equal-columns .jet-engine-listing-overlay-wrap:hover .lc-topics-container {
background-color: var(--lc-taxonomy-card-bg-hover);
border-color: var(--lc-primary);
}

.lc-plugin-wrapper .lc-article-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 2rem;
margin: 2rem 0;
}

.lc-plugin-wrapper .lc-article-card {
background: var(--lc-card-bg);
border: 1px solid var(--lc-border);
border-radius: var(--lc-radius);
box-shadow: var(--lc-shadow);
padding: 1.5rem;
transition: box-shadow 0.2s, border 0.2s;
display: flex;
flex-direction: column;
min-height: 220px;
}

.lc-plugin-wrapper .lc-article-card:hover,.lc-plugin-wrapper .lc-listing-container:hover {
border-color: var(--lc-primary);
box-shadow: 0 4px 16px rgba(42,122,226,0.08);
}

.lc-plugin-wrapper .lc-article-title {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: var(--lc-primary);
}

.lc-plugin-wrapper .lc-article-excerpt {
color: #444;
margin-bottom: 1rem;
flex: 1 1 auto;
}

.lc-plugin-wrapper .lc-badges {
display: flex;
gap: 0.5rem;
margin-bottom: 1rem;
}

.lc-plugin-wrapper .lc-badge {
display: inline-block;
background: var(--lc-primary);
color: #fff;
border-radius: 999px;
font-size: 0.85rem;
padding: 0.25em 0.9em;
font-weight: 500;
}

.lc-plugin-wrapper .lc-badge.lc-badge-difficulty {
background: var(--lc-secondary);
}

.lc-plugin-wrapper .lc-badge.lc-badge-beginner {
background: var(--lc-accent);
}

.lc-plugin-wrapper .lc-badge.lc-badge-intermediate {
background: var(--lc-secondary);
}

.lc-plugin-wrapper .lc-badge.lc-badge-advanced {
background: #e74c3c;
}

.lc-plugin-wrapper .lc-topic-filters {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 1.5rem;
}

.lc-plugin-wrapper .lc-topic-filter {
background: #fff;
border: 1px solid var(--lc-border);
border-radius: var(--lc-radius);
padding: 0.5em 1em;
cursor: pointer;
transition: background 0.2s, border 0.2s;
}

.lc-plugin-wrapper .lc-topic-filter.active,
.lc-plugin-wrapper .lc-topic-filter:hover {
background: var(--lc-primary);
color: #fff;
border-color: var(--lc-primary);
}

.lc-plugin-wrapper .lc-search-box {
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}

.lc-plugin-wrapper .lc-search-input {
flex: 1 1 auto;
padding: 0.5em 1em;
border: 1px solid var(--lc-border);
border-radius: var(--lc-radius) 0 0 var(--lc-radius);
font-size: 1rem;
outline: none;
}

.lc-plugin-wrapper .lc-search-btn {
background: var(--lc-primary);
color: #fff;
border: none;
border-radius: 0 var(--lc-radius) var(--lc-radius) 0;
padding: 0.5em 1.2em;
cursor: pointer;
font-size: 1rem;
transition: background 0.2s;
}

.lc-plugin-wrapper .lc-search-btn:hover {
background: #1a5bb8;
}

.lc-plugin-wrapper .lc-pagination {
display: flex;
gap: 0.5rem;
justify-content: center;
margin: 2rem 0 0 0;
}

.lc-plugin-wrapper .lc-pagination-btn {
background: #fff;
border: 1px solid var(--lc-border);
border-radius: var(--lc-radius);
padding: 0.5em 1em;
cursor: pointer;
transition: background 0.2s, border 0.2s;
}

.lc-plugin-wrapper .lc-pagination-btn.active,
.lc-plugin-wrapper .lc-pagination-btn:hover {
background: var(--lc-primary);
color: #fff;
border-color: var(--lc-primary);
}

.lc-plugin-wrapper .lc-breadcrumbs {
font-size: 0.95rem;
color: #888;
margin-bottom: 1.2rem;
}

.lc-plugin-wrapper .lc-breadcrumbs a {
color: var(--lc-primary);
text-decoration: none;
margin-right: 0.5em;
}

.lc-plugin-wrapper .lc-breadcrumbs a:hover {
text-decoration: underline;
}

.lc-plugin-wrapper .lc-block-columns-no-padding-left-right {
padding-left:0 !important;
padding-right:0 !important;
}

.lc-plugin-wrapper .lc-block-columns-no-padding-left-right-bottom {
padding-left:0 !important;
padding-right:0 !important;
padding-bottom:0 !important;
}

.lc-plugin-wrapper .lc-block-columns-no-margin-left-right {
margin-left:0 !important;
margin-right:0 !important;
}

.lc-plugin-wrapper .lc-block-columns-no-padding {
padding:0;
}

/* Main container styling */
.lc-plugin-wrapper .lc-page-container {
width: 1240px;
max-width: 1240px;
}

.lc-plugin-wrapper .lc

.lc-plugin-wrapper .lc-listing-container {
background: white;
border: 1px solid #e5e7eb;
border-radius: 0.5rem;
overflow: hidden;
transition: all 0.2s ease;
cursor: pointer;
height: 100%;
display: flex;
flex-direction: column;
}

.lc-plugin-wrapper .lc-listing-container:hover {
box-shadow: var(--lc-shadow-hover);
border-color: #d1d5db;
}

/* Featured image styling */
/*
.lc-plugin-wrapper .lc-listing-featured-image {
position: relative;
aspect-ratio: 16/9;
background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
overflow: hidden;
}

.lc-plugin-wrapper .lc-listing-featured-image {
width: 100% !important;
margin: 0 !important;
}

.lc-plugin-wrapper .lc-listing-featured-image img {
width: 100% !important;
height: auto !important;
transition: transform 0.2s ease;
aspect-ratio: 1.5 / 1; 
} */

.lc-plugin-wrapper .lc-listing-featured-image {
position: relative;
aspect-ratio: 1.5 / 1 !important;
background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
overflow: hidden;
width: 100% !important;
margin: 0 !important;
}

.lc-plugin-wrapper .lc-listing-featured-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.2s ease;
/* ELIMINĂ aspect-ratio de pe imagine */
}

.lc-plugin-wrapper .lc-listing-internal-container {
padding: 1.25rem;
flex: 1;
display: flex;
flex-direction: column;
}

/* Title styling */
.lc-plugin-wrapper .lc-listing-title {
margin-top: 8px;
/*margin-bottom: 8px;*/
display: flex;
align-items: flex-start;
margin-left:0 !important;
margin-right:0 !important
}

.lc-plugin-wrapper .lc-listing-title .jet-listing-dynamic-field__content, .lc-plugin-wrapper .lc-listing-title .jet-listing-dynamic-field__content a {
font-weight: 600;
color: var(--lc-text);
font-size: 1.4rem;
line-height: 1.85rem;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
transition: color 0.2s ease;
}

.lc-plugin-wrapper .lc-listing-container:hover .lc-listing-title .jet-listing-dynamic-field__content {
color: var(--lc-primary);
}

/* Category/Term badge styling */
.lc-plugin-wrapper .lc-listing-term {
justify-content: flex-start;
}
.lc-plugin-wrapper .lc-terms-container {
margin: 0 !important;
z-index: 12;
}

.lc-plugin-wrapper .lc-listing-term p {
margin:0;
}

.lc-listing-term {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}

.jet-listing-dynamic-terms__link {
background-color: #f3f4f6;
color: #374151;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
text-decoration: none;
font-size: 0.875rem;
font-weight: 500;
transition: all 0.2s ease;
border: 1px solid #e5e7eb;
}

.jet-listing-dynamic-terms__link:hover {
background-color: #10b981;
color: white;
border-color: #10b981;
}

.jet-listing-dynamic-terms__delimiter {
display: none;
}

.lc-plugin-wrapper .lc-listing-term .jet-listing-dynamic-field__content {
display: inline-flex;
align-items: center;
border: 1px solid #e5e7eb;
background: transparent;
color: #374151;
font-size: 0.75rem;
font-weight: 500;
padding: 0.25rem 0.625rem;
border-radius: 9999px;
}

.lc-plugin-wrapper a.jet-listing-dynamic-terms__link {
display: inline-flex;
align-items: center;
border: 1px solid #e5e7eb;
background: transparent;
color: #374151;
font-size: 0.75rem;
font-weight: 500;
padding: 0.25rem 0.625rem;
border-radius: 9999px;
z-index: 999;
}

/* Content/excerpt styling */
.lc-plugin-wrapper .lc-listing-content {
margin-top: 0.5rem;
margin-bottom: 1rem;
flex: 1;
}

.lc-plugin-wrapper .lc-listing-content .jet-listing-dynamic-field__content {
font-size: 0.875rem;
color: #6b7280;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

/* Date and author section */
.lc-plugin-wrapper .wp-block-columns {
margin-top: 0.75rem;
margin-top: auto;
border-top: 1px solid #f3f4f6;
padding-top: 0.75rem;
margin-bottom:0; 
gap: 2rem;
}

.lc-plugin-wrapper .lc-listing-date .jet-listing-dynamic-field__content,
.lc-plugin-wrapper .lc-listing-author .jet-listing-dynamic-field__content,
.lc-plugin-wrapper .lc-listing-author .jet-listing-dynamic-field__content a,
.lc-plugin-wrapper .lc-listing-date .jet-listing-dynamic-field__content a {
font-size: 14px;
color: #6b7280;
display: flex;
align-items: center;
gap: 0.25rem;
}

.lc-plugin-meta {
gap:6px !important;
}

.lc-plugin-wrapper .lc-listing-date .dashicons,
.lc-plugin-wrapper .lc-listing-author .dashicons {
font-size: 1em;
width:1em;
height: 1em;
}

/* Ensure consistent card heights if needed */
.lc-plugin-wrapper .jet-listing-grid__item {
display: flex;
flex-direction: column;
}

.lc-plugin-wrapper .lc-listing-container {
height: 100%;
display: flex;
flex-direction: column;
}

/* Additional hover effects for better UX */
.lc-plugin-wrapper .lc-listing-container a {
text-decoration: none;
}


@media (min-width: 1024px) {
.lc-plugin-wrapper .lc-header-content {
  padding: 0 2rem;
}
.lc-plugin-wrapper .lc-margin-top-15rem {
  margin-top: 1.5rem !important;
}
.lc-plugin-wrapper .lc-related-articles-listing {
  margin-top:0; 
}
.lc-plugin-wrapper .lc-header-title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  color: white;
  letter-spacing: -0.025em;
  margin-bottom: 1rem;
}

.lc-plugin-wrapper .grid-col-desk-3 {
  grid-template-columns: repeat(3, 1fr);
}

.lc-plugin-wrapper .lc-page-container {
  width: 100%;
  max-width: 100%;
  padding:0;
}

.lc-plugin-wrapper .lc-listing-internal-container {
  margin: 0 !important;
  justify-content: space-between;
}
}


@media (max-width: 900px) {
.lc-plugin-wrapper .lc-article-grid {
  grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 600px) {
.lc-plugin-wrapper .lc-header-background {
  /*min-height: 300px; */
}

.lc-plugin-wrapper .grid-col-tablet-3,
.lc-plugin-wrapper .grid-col-desk-3 {
  grid-template-columns: 1fr;
}
}

@media (max-width: 600px) {
.lc-plugin-wrapper {
  /*padding: 0rem 1.5rem !important;*/
}
  .lc-article {
  padding: 0 !important;
}

.lc-plugin-wrapper .lc-header-container {
 /* height: 320px;*/
}

.lc-plugin-wrapper .lc-article-grid {
  grid-template-columns: 1fr;
  gap: 1rem;
}

.lc-plugin-wrapper .lc-article-card {
  padding: 1rem;
}

.lc-plugin-wrapper .lc-topic-filters {
  gap: 0.25rem;
}

.lc-plugin-wrapper .lc-listing-internal-container {
  padding: 1rem;
}

.lc-plugin-wrapper .jet-ajax-search__field,
.lc-plugin-wrapper .jet-search-filter__input {
  padding: 0.625rem 2.5rem 0.625rem 2.5rem !important;
}

.lc-plugin-wrapper .lc-header-search-input {
  padding: 0.75rem 2.25rem 0.75rem 2.25rem;
}
}

/* filters style */
.lc-plugin-wrapper .lc-filter-checkbox .jet-filter-label {
  margin-top: 16px;
  font-weight:600;
  color:var(--lc-text);
  font-size: 16px;
  margin-bottom:16px;
  font-family: inherit;
}

.lc-plugin-wrapper .jet-filter-label {
margin-top: 16px;
font-weight:600;
color:var(--lc-text);
font-size: 16px;
margin-bottom:10px;
font-family: inherit;
}


.lc-plugin-wrapper .lc-filter-checkbox .jet-checkboxes-list__label {
  font-size:16px;
  line-height:24px;
  font-family: inherit;
}

.lc-plugin-wrapper .jet-checkboxes-list__label {
font-size:16px;
line-height:24px;
font-family: inherit;
text-transform: capitalize;
color:#212529;
}

.lc-plugin-wrapper .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button .jet-checkboxes-list__decorator {
  background: var(--lc-primary);
}

/* Header utility classes */
.lc-plugin-wrapper .lc-header-no-padding {
padding: 0 !important;
}

.lc-no-padding {
padding: 0 !important;
}

.lc-plugin-wrapper .lc-header-no-margin {
margin: 0 !important;
}

/* WordPress Header Structure Styling - Updated to match React landing page */

/* Main header container - full width wrapper */
.lc-plugin-wrapper .lc-header-container {
position: relative;
width: 100%;
/*min-height: 300px;*/
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
/*min-height: inherit;*/
}

@media (min-width: 768px) {
.lc-plugin-wrapper .lc-header-container {
 /* min-height: 320px;*/
}

}

/* Pattern overlay - keep your original link */
.lc-plugin-wrapper .lc-header-pattern {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
/*background-image: url('/wp-content/plugins/learning-centre-plugin/assets/images/lc-background-pattern.jpg') !important; */
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
opacity: 0.3 !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2;
}

/* Content container - centered and positioned */
.lc-plugin-wrapper .lc-header-content {
position: relative ;
z-index: 10 ;
display: flex ;
flex-direction: column ;
justify-content: center ;
align-items: center;
text-align: center;
/*min-height: 320px;*/
padding: 2rem 1rem;
margin: 0 auto;
max-width: 64rem;
}
/* Pagination Styles - WordPress Plugin */
.lc-plugin-wrapper .jet-smart-filters-pagination { 
display: flex;
justify-content: center;
margin: 0; 
font-family: inherit;
}

.lc-plugin-wrapper .jet-filters-pagination {
display: flex;
align-items: center;
gap: 0.25rem;
margin-bottom: 1.5em; 
}

.lc-plugin-wrapper .jet-filters-pagination__item {
background: var(--lc-card-bg);
border: none;
border-radius: var(--lc-radius);
transition: all 0.2s ease;
cursor: pointer;
}

.lc-plugin-wrapper .jet-filters-pagination__item:hover {
background: var(--lc-taxonomy-card-bg-hover);
/* border: 1px solid var(--lc-primary); */
}

.lc-plugin-wrapper .jet-filters-pagination__item.jet-filters-pagination__current {
background: var(--lc-card-bg);
border: 1px solid var(--lc-border);
color: var(--lc-text);
}

.lc-plugin-wrapper .jet-filters-pagination__item.jet-filters-pagination__current:hover {
background: var(--lc-taxonomy-card-bg-hover);
border: 1px solid var(--lc-border);
color: var(--lc-text);
}

.lc-plugin-wrapper .jet-filters-pagination__link {
padding: 0.5rem 1rem;
color: var(--lc-text);
font-size: 0.875rem;
font-weight: 500;
text-decoration: none;
display: block;
transition: color 0.2s ease;
text-align: center;
}
.lc-plugin-wrapper .jet-filters-pagination__link:hover {
color: var(--lc-text);
border:none;
}

.lc-plugin-wrapper .jet-filters-pagination__item:hover .jet-filters-pagination__link {
color: var(--lc-text);
}

.lc-plugin-wrapper .jet-filters-pagination__item.jet-filters-pagination__current .jet-filters-pagination__link {
color: var(--lc-text);
}

.lc-plugin-wrapper .jet-filters-pagination__item.jet-filters-pagination__current:hover .jet-filters-pagination__link {
color: var(--lc-text);
}

/* Previous/Next button styling */
.lc-plugin-wrapper .jet-filters-pagination__item.prev-next {
background: var(--lc-card-bg);
}

.lc-plugin-wrapper .jet-filters-pagination__item.prev-next:hover {
background: var(--lc-taxonomy-card-bg-hover);
color: var(--lc-text);
}

.lc-plugin-wrapper .jet-filters-pagination__item.prev-next:hover .jet-filters-pagination__link {
color: var(--lc-text);
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
.lc-plugin-wrapper .jet-filters-pagination {
  gap: 0.25rem;
}

.lc-plugin-wrapper .jet-filters-pagination__link {
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
}

.lc-plugin-wrapper .jet-filters-pagination__item.prev-next .jet-filters-pagination__link {
  padding: 0.375rem 0.625rem;
}
}

/* Disabled state (if needed) */
.lc-plugin-wrapper .jet-filters-pagination__item.disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}

.lc-plugin-wrapper .jet-filters-pagination__item.disabled:hover {
background: var(--lc-card-bg);
border: none;
}

@media (min-width: 1024px) {
.lc-plugin-wrapper .lc-header-content {
  padding: 4rem 2rem 3rem !important;
}
}

/* Header title styling */
.lc-plugin-wrapper .lc-header-title {
font-size: 2.5rem;
line-height: 32px;
font-weight: 600;
/* color: white; */
color:var(--lc-text);
letter-spacing: -0.025em;
margin-bottom: 1rem;
}

@media (min-width: 768px) {
.lc-plugin-wrapper .lc-header-title:not(.lc-article) {
  font-size: 50px !important;
  font-weight: 600;
  line-height: 1.2em !important;
  margin-bottom:  0.8rem;
}
}

/* Header subtitle styling */
.lc-plugin-wrapper .lc-header-subtitle {
font-size: 1.125rem ;
font-weight: 400 ;
color: var(--lc-text);
line-height: 1.625 ;
margin: 0 auto 2rem auto;
max-width: 42rem;
font-family: 'Inter', 'Roboto', 'Open Sans', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

@media (min-width: 767px) {
.lc-plugin-wrapper .lc-header-subtitle {
  font-size: 1.125rem !important;
  margin-bottom: 1.5rem !important;
}
}

@media (min-width: 1024px) {
.lc-plugin-wrapper .lc-header-subtitle {
  font-size: 1.25rem !important;
  margin-bottom: 1.5rem !important; 
}
}

@media (max-width: 767px) {
  .lc-plugin-wrapper .lc-header-subtitle {
    margin: 0 auto 0.7rem auto !important;
  }
    .lc-plugin-wrapper .lc-hub-results-count {
        margin: 24px 0 0 0 !important;
        height: fit-content !important;
    }
}

/* Curved bottom section - exact same SVG as React landing page */
.lc-plugin-wrapper .lc-header-curve {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 120px !important;
z-index: 20 ;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
display: none;
}

/* SVG curve - exact same as React */
.lc-plugin-wrapper .lc-header-curve svg {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 120px !important;
fill: white !important;
}

/* Search filter container in header */
.lc-plugin-wrapper .lc-header-content .jet-smart-filters-search {
width: 100% !important;
max-width: 32rem !important;
margin: 0 auto !important;
z-index: 9999999999;
}

.lc-plugin-wrapper .lc-header-content .jet-search-filter {
position: relative !important;
width: 100% !important;
display: flex;
gap: 0.5em; 
}

.lc-plugin-wrapper .lc-header-content .jet-search-filter__input-wrapper {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}

/*
.lc-plugin-wrapper .lc-header-content .jet-search-filter__input {
width: 512px;
padding: 0.5rem 2rem 0.5rem 1rem;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 9999px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 1rem;
line-height: 1.5;
transition: all 0.2s ease;
outline: none;
color: #374151;
} */

.lc-plugin-wrapper .lc-header-content .jet-search-filter__input {
width: 512px;
padding: 0.5rem 2rem 0.5rem 2.5rem; /* Added left padding for icon */
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 9999px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 1rem;
line-height: 1.5;
transition: all 0.2s ease;
outline: none;
color: #374151;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b7280' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='7' stroke-width='2'/%3E%3Cline x1='21' y1='21' x2='14.5' y2='14.5' stroke-width='2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0.75rem center;
background-size: 1.2em 1.2em;
}

.lc-plugin-wrapper .lc-header-content .jet-search-filter__input:focus {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
ring: 2px solid rgba(255, 255, 255, 0.5) !important;
}

.lc-plugin-wrapper .lc-header-content .jet-search-filter__input::placeholder {
color: #6b7280 !important;
}

/* Remove the old icon from the input wrapper */
.lc-plugin-wrapper .lc-header-content .jet-search-filter__input-wrapper::before {
display: none !important;
}

/* Add the search icon to the button using ::before */
.lc-plugin-wrapper .jet-search-filter__submit.apply-filters__button {
position: relative;
padding-right: 13px;
background: #047857; /* Changed to dark green */
backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 9999px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 1rem;
line-height: 1.5;
transition: all 0.2s ease;
outline: none;
color: #374151;
margin-top: 0;
cursor: pointer; /* Added cursor pointer */
}

.lc-plugin-wrapper .jet-search-filter__submit.apply-filters__button::before {
content: '';
display: inline-block;
position: absolute;
left: 0.9em;
top: 50%;
transform: translateY(-50%);
width: 1.2em;
height: 1.2em;
/* Updated search icon with longer handle */
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23ffffff' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='7' stroke-width='2'/%3E%3Cline x1='21' y1='21' x2='14.5' y2='14.5' stroke-width='2'/%3E%3C/svg%3E") no-repeat center center;
background-size: 1.2em 1.2em;
pointer-events: none;
}

/* Hide the S text if you want only the icon visible */
.lc-plugin-wrapper .jet-search-filter__submit .jet-search-filter__submit-text {
font-size: 0;
color: transparent;
display: inline-block;
width: 0;
height: 0;
overflow: hidden;
}

/* Override WordPress default paddings and margins */
.lc-plugin-wrapper .lc-header-container .has-global-padding {
padding-left: 0 ;
padding-right: 0 ;
}

.lc-plugin-wrapper .lc-header-container .is-layout-constrained {
max-width: none;
}

/* Clear All Filters Button */
.lc-plugin-wrapper .lc-clear-all-filters-btn {
font-size: 0.875rem;
line-height: 1.25rem;
color: #374151;
transition: color 0.2s ease;
display: flex;
align-items: center;
gap: 0.25rem;
background: none;
border: none;
cursor: pointer;
flex-direction: row;
font-weight: 500;
padding: 0;
}

.lc-plugin-wrapper .lc-clear-all-filters-btn:hover {
color: #111827;
}

.lc-plugin-wrapper .lc-clear-all-filters-text {
font-size: 0.875rem;
line-height: 1.25rem;
color: #374151;
transition: color 0.2s ease;
display: flex;
align-items: center;
gap: 0.25rem;
background: none;
border: none;
flex-direction: row;
font-weight: 500;
padding: 0;
}

/* Remove force display block, reserve space instead */
.lc-plugin-wrapper .jet-smart-filters-remove-filters-wrapper {
width: fit-content;
min-width: fit-content;
display: flex;
align-items: center;
justify-content: center;
}

.lc-plugin-wrapper .jet-smart-filters-remove-filters-wrapper[style*="display: none"] {
display: flex !important;
}

.lc-plugin-wrapper .jet-smart-filters-remove-filters-wrapper[style*="display: none"] > button {
visibility: hidden !important;
pointer-events: none;
}

.lc-plugin-wrapper .lc-resource-toggle-container {
display: flex;
justify-content: center;
margin-bottom: 24px;
min-height: 52px;
}

.lc-plugin-wrapper .lc-toggle-switch {
display: inline-flex;
align-items: center;
background-color: #f3f4f6;
border-radius: 9999px;
padding: 8px 4px 8px 4px;
border: 1px solid #e5e7eb;
gap: 8px;
}

.lc-plugin-wrapper .lc-toggle-btn {
padding: 8px 24px;
border-radius: 9999px;
font-size: 14px;
font-weight: 500;
transition: all 0.2s ease;
border: none;
cursor: pointer;
background: none;
color: #6b7280;
}

.lc-plugin-wrapper .lc-toggle-btn:hover {
color: #374151;
}

.lc-plugin-wrapper .lc-toggle-btn.lc-toggle-active {
background-color: #16a34a;
color: white;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.lc-plugin-wrapper .lc-toggle-btn[data-filter="recent"].lc-toggle-active {
background-color: white;
color: #111827;
border: 1px solid #e5e7eb;
}

/* Animation for smooth transitions */
.lc-plugin-wrapper * {
transition: all 0.2s ease;
}

/* Section Separator */
.lc-plugin-wrapper .lc-section-separator {
/* display: none; */
/* border-top: 1px solid #e5e7eb; */
border-top: none !important;
padding-bottom: 8rem;
}

@media (min-width: 768px) {
.lc-plugin-wrapper .lc-section-separator {
  padding-bottom: 2rem;
}
}

.lc-plugin-wrapper .lc-section-separator > * + * {
margin-top: 1.5rem;
}

/* Section Heading */
.lc-plugin-wrapper .lc-section-heading {
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 600;
color: #111827;
text-align: center;
}

/* JetEngine Listing Overlay */
.lc-plugin-wrapper .jet-listing-grid__item.jet-equal-columns .jet-engine-listing-overlay-wrap {
height: 100%;
background-color: #f9fafb !important;
border-radius: 8px !important;
}

/* Active Filters Container */
.lc-plugin-wrapper .lc-active-filters-container {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 1rem;
}

/* Remove Button */
.lc-plugin-wrapper .jet-active-filter__remove {
margin-left: 10px;
padding-top: 9px;
line-height: 1;
transition: background-color 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
min-width: 1.5rem;
}

.lc-plugin-wrapper .jet-active-filter__remove:hover {
color: var(--lc-secondary);
}

/* Alternative light theme variant */
.lc-plugin-wrapper .jet-active-filter.lc-filter-light {
background-color: #f3f4f6;
color: #374151;
border-color: #e5e7eb;
}

.lc-plugin-wrapper .jet-active-filter.lc-filter-light:hover {
background-color: #e5e7eb;
}

.lc-plugin-wrapper .jet-active-filter.lc-filter-light .jet-active-filter__remove {
background-color: rgba(0, 0, 0, 0.1);
color: #6b7280;
border-left-color: rgba(0, 0, 0, 0.1);
}

.lc-plugin-wrapper .jet-active-filter.lc-filter-light .jet-active-filter__remove:hover {
background-color: rgba(0, 0, 0, 0.15);
color: #374151;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.lc-plugin-wrapper .lc-active-filters-container {
  gap: 0.375rem;
}

.lc-plugin-wrapper .jet-active-filter {
  font-size: 0.8125rem;
}
/*
.lc-plugin-wrapper .jet-active-filter__val {
  padding: 0.3125rem 0.625rem;
}*/

.lc-plugin-wrapper .jet-active-filter__remove {
  padding: 0.3125rem 0.4375rem;
  min-width: 1.5rem;
}
.lc-plugin-wrapper .lc-header-content .jet-search-filter__input-wrapper::before {
  left: 2em;
}
.lc-plugin-wrapper .lc-plugin-main-content {
margin-top:0;
padding-top:0;
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
.lc-plugin-wrapper .lc-listing-featured-image img {
width: 100% !important;
}
.lc-plugin-wrapper .lc-listing-featured-image {
aspect-ratio: auto;
margin: 0 !important;
width: 100% !important;
}
}

/* Fix the curve container to be full width */
.lc-plugin-wrapper .lc-header-curve {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100vw !important;
max-width: none !important;
margin-left: calc(-50vw + 50%) !important;
}
.lc-plugin-wrapper .lc-listing-author {
/*margin-top: 8px; */
}

.lc-plugin-wrapper .lc-listing-author.display-inline {
justify-content: flex-start;
}

.lc-plugin-wrapper .lc-listing-read-time.display-inline {
justify-content: flex-end;
}

.lc-plugin-wrapper .lc-listing-read-time .jet-listing-dynamic-field__content, .lc-plugin-wrapper .lc-listing-read-time .jet-listing-dynamic-field__content a {
font-size: 15px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* Remove constrained width */
.lc-plugin-wrapper .lc-header-curve.has-global-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}

.lc-no-margin {
margin: 0 !important;
}

.lc-plugin-wrapper .lc-header-curve.is-layout-constrained {
max-width: none !important;
}

.jet-smart-filters-active.jet-active-filters.jet-filter {
width: fit-content;
}

.lc-plugin-wrapper .lc-border-none {
border: none;
}

.jet-filters-counter {
align-self: center;
padding: 0 0 0 5px;
font-size: 16px;
line-height: 24px;
min-width: 36px;
color:#212529;
}

/* Active Filter Badges - Fix for WordPress */

/* Active filters list container */
.lc-plugin-wrapper .jet-active-filters__list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: flex-start;
flex-direction: column;
}

.lc-plugin-wrapper .jet-active-filter__remove:hover {
color: #dc2626;
}

/* Normal Badge - generic styling */
.lc-badge-split {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.375rem 0.75rem;
background-color: #f3f4f6;
color: #374151;
border-radius: 0.375rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
border: 1px solid #e5e7eb;
width: max-content; 
}

.lc-badge-split:hover {
background-color: #e5e7eb;
border-color: #d1d5db;
}

.lc-plugin-wrapper .lc-no-message-found {
padding-left: 20px;
max-width: 500px;
font-size: 0.8em;
margin-top: 50px;
text-align: left;
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 0; 
}

.lc-plugin-wrapper .lc-clear-icon {
height: auto; 
}

.lc-plugin-wrapper span.lc-back-icon-wrapper {
height: 15px; 
}
/* Remove button inside normal badge */
.lc-badge-split .lc-badge-remove {
color: #374151;
transition-property: color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
cursor: pointer;
width: 0.75rem;
height: 0.75rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5em;
}

.lc-badge-split .lc-badge-remove:hover {
color: #dc2626;
}

.lc-plugin-wrapper .jet-active-filter__val {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}

.lc-plugin-wrapper .lc-badge-remove:hover {
color: #b91c1c;
}

/* Ensure the main container has relative positioning for absolute badge positioning */
.lc-plugin-wrapper .lc-listing-container {
position: relative;
background: white;
border: 1px solid #e5e7eb;
border-radius: 0.5rem;
overflow: hidden;
transition: all 0.2s ease;
cursor: pointer;
height: 100%;
display: flex;
flex-direction: column;
}

/* Essential Resource Card Badge - positioned relative to the card container */
.lc-plugin-wrapper .lc-card-badge {
position: absolute;
top: 8px;
right: 8px;
background-color: #8B278C;
color: var(--lc-background);
padding: 4px 8px;
border-radius: var(--lc-radius);
font-size: 12px;
line-height: 16px;
font-weight: 500;
font-family: inherit;
z-index: 10;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
transition: background-color 0.2s ease;
}

/* Hover effect for the badge when card is hovered */
/*
.lc-plugin-wrapper .lc-listing-container:hover .lc-card-badge {
background-color: #047857;
} */

/* Responsive adjustments */
@media (max-width: 600px) {
.lc-plugin-wrapper .lc-card-badge {
  font-size: 11px;
  padding: 3px 6px;
  top: 6px;
  right: 6px;
}
}


/* Essential Badge - copying styles from the blue badge */
.lc-badge-split.lc-essential-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.375rem 0.75rem;
background-color: #b1b1b1;
color: var(--lc-background);
border-radius: 0.375rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
/* border: 1px solid black; */
}
.lc-plugin-wrapper .lc-essential-badge .lc-badge-remove {
color: black;
}

/* Remove button inside the badge */
.lc-badge-remove {
color: #2563eb;
transition-property: color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
cursor: pointer;
width: 0.75rem;
height: 0.75rem;
display: flex;
align-items: center;
justify-content: center;
}

.lc-badge-remove:hover {
color: #1e40af;
}

.lc-plugin-wrapper .dashicons.dashicons-trash {
font-size: 16px;
}

.lc-plugin-wrapper .jet-smart-filters-active .jet-active-filter {
padding-right: 0px;
}

.lc-plugin-wrapper .lc-listing-results-count {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
color: #4b5563;
width: fit-content;
flex-shrink: 0;
}

.lc-plugin-wrapper .lc-filters-group {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
}

.lc-plugin-wrapper .lc-filters-groups {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
gap: 12px;
min-height: 34px;
flex-direction: row; 
}

.lc-plugin-wrapper .lc-filters-groups-mobile {
display: none;
justify-content: space-between;
align-items: flex-start;
flex-wrap: nowrap;
gap: 12px; 
}
.lc-plugin-wrapper span#active-filters-display {
margin-right: 12px;
}
/* Remove the full width from badges container so it starts on the same line */
.lc-plugin-wrapper .jet-smart-filters-active.jet-active-filters.jet-filter {
width: auto;
order: 2;
flex-shrink: 1;
margin-right: 12px;
}

/* Keep the active filters text at the top */
.lc-plugin-wrapper .lc-clear-all-filters-text {
order: 1;
flex-shrink: 0;
/*  align-self: flex-start;*/
}

/* Clear button comes after badges */
.lc-plugin-wrapper .jet-smart-filters-remove-filters-wrapper {
order: 3;
flex-shrink: 0;
/*align-self: flex-start;*/
}

/* Keep the results count in its own group, top right */
.lc-plugin-wrapper .lc-listing-results-count {
flex-shrink: 0;
align-self: flex-start;
}

/* Ensure the badges list wraps properly */
.lc-plugin-wrapper .jet-active-filters__list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: flex-start;
flex-direction: row;
}

.lc-filters-sidebar {
display: block;
}

.lc-mobile-filter-trigger {
display:none;
align-items: center !important;
gap: 8px  !important;
padding: 12px  !important;
background-color: var(--lc-taxonomy-card-bg) !important;
color: var(--lc-text) !important;
border-radius: var(--lc-radius) !important;
font-size: 14px !important;
font-weight: 500 !important;
border: 1px solid var(--lc-border) !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
font-family: inherit !important;
}

.lc-mobile-filter-trigger:hover {
background-color: var(--lc-taxonomy-card-bg-hover);
border-color: var(--lc-primary);
}

.lc-mobile-filter-trigger .lc-filter-icon {
width: 16px;
height: 16px;
stroke: currentColor;
}


/* Mobile Filter Drawer - WordPress Plugin Integration */
/* Mobile Filter Drawer - Fixed at Bottom */
.lc-plugin-wrapper .lc-mobile-filter-drawer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 2000;
display: none;
font-family: inherit;
}

/* Apply Filters Button Styling */
.lc-plugin-wrapper .lc-apply-filters-btn {
/* Typography */
font-size: 0.875rem; /* text-sm */
font-weight: 500; /* font-medium */

/* Colors */
color: #ffffff; /* text-white */
background-color: #16a34a; /* bg-green-600 */
border: 1px solid #16a34a; /* border-green-600 */

/* Spacing */
padding: 0.375rem 0.75rem; /* py-1.5 px-3 */

/* Border radius */
border-radius: 0.375rem; /* rounded-md */

/* Transitions */
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

/* Layout */
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;

/* Remove default button styles */
border-style: solid;
cursor: pointer;
text-decoration: none;
outline: none;
}

.lc-plugin-wrapper .lc-apply-filters-btn:hover {
color: #ffffff; /* hover:text-white */
background-color: #15803d; /* hover:bg-green-700 */
border-color: #15803d;
}

.lc-plugin-wrapper .lc-apply-filters-btn:focus {
outline: 2px solid #16a34a;
outline-offset: 2px;
}

.lc-plugin-wrapper .lc-apply-filters-btn:active {
background-color: #14532d;
border-color: #14532d;
}

/* Drawer Actions Container */
.lc-plugin-wrapper .lc-drawer-actions {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: 1rem 0;
border-top: 1px solid #e5e7eb;
margin-top: auto;
}

/* Apply Filters Button in Drawer Actions */
.lc-plugin-wrapper .lc-drawer-actions .lc-apply-filters-btn {
/* Typography */
font-size: 0.875rem; /* text-sm */
font-weight: 500; /* font-medium */

/* Colors */
color: white;
background-color: #16a34a; /* bg-green-600 */
border: 1px solid #16a34a;

/* Spacing */
padding: 0.375rem 0.75rem; /* py-1.5 px-3 */

/* Border radius */
border-radius: 0.375rem; /* rounded-md */

/* Transitions */
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

/* Layout */
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;

/* Remove default button styles */
border-style: solid;
cursor: pointer;
text-decoration: none;
outline: none;
font-family: inherit;
}

.lc-plugin-wrapper .lc-drawer-actions .lc-apply-filters-btn:hover {
background-color: #15803d; /* hover:bg-green-700 */
border-color: #15803d;
}

.lc-plugin-wrapper .lc-drawer-actions .lc-apply-filters-btn:focus {
outline: 2px solid #16a34a;
outline-offset: 2px;
}

/* Clear All Filters Button in Drawer Actions */
.lc-plugin-wrapper .lc-drawer-actions .jet-remove-all-filters.lc-clear-all-filters-btn {
font-size: 0.875rem;
  font-weight: 500;
  color: #5B8ED5;
  background-color: white;
  border:1px solid #5B8ED5;
  padding: 0.375rem 0.75rem; /* py-1.5 px-3 */
  border-radius: 7px;
  transition: color 0.15s ease-in-out, background-color 0.15s  ease-in-out, border-color 0.15s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-style: solid;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

.lc-plugin-wrapper .lc-drawer-actions .jet-remove-all-filters.lc-clear-all-filters-btn:hover {
color: #1e40af; /* hover:text-blue-800 */
background-color: #dbeafe; /* hover:bg-blue-100 */
border-radius: 7px;
}

.lc-plugin-wrapper .lc-drawer-actions .jet-remove-all-filters.lc-clear-all-filters-btn:focus {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}

/* Icon styling in Drawer Actions */
.lc-plugin-wrapper .lc-drawer-actions .lc-clear-icon {
display: inline-flex;
align-items: center;
font-size: 1rem;
}

.lc-plugin-wrapper .lc-drawer-actions .lc-clear-icon svg {
width: 1rem;
height: 1rem;
stroke: currentColor;
}


/* Show only on mobile and tablet */
@media (max-width: 1024px) {
.lc-filters-sidebar {
  display: none;
}
.lc-plugin-wrapper .lc-header-content.lc-article {
 /* min-height: 0 !important; */ /* Allow expansion on mobile */
  height: auto !important;
}

.lc-plugin-wrapper.lc-header-container.lc-article {
  min-height: 300px !important; /* Base minimum only */
  height: auto !important;
}
.lc-plugin-wrapper .lc-header-content.lc-article {
  min-height: 400px; 
}

.lc-plugin-wrapper .lc-page-container.lc-article-top-margin {
  margin-bottom: 1.5em !important; 
}

.lc-plugin-wrapper .wp-block-post-featured-image {
  bottom:0;
}
.lc-mobile-filter-trigger {
  display: inline-flex;
  width: auto;
}
.lc-plugin-wrapper span#active-filters-display-mobile {
  height: 40px;
  width: 110px;
}
.lc-plugin-wrapper .grid-col-desk-3 {
  grid-template-columns: repeat(2, 1fr);
}

.lc-plugin-wrapper .lc-page-container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.lc-plugin-wrapper .lc-listing-internal-container {
  margin: 0 !important;
}
/*
.lc-plugin-wrapper .lc-header-title {
  font-size: 28px;
  line-height: 32px;

}
*/ 
.lc-plugin-wrapper .lc-header-content {
  padding: 2rem 1rem !important;
}
.lc-plugin-wrapper .lc-header-curve svg {
  width: 100% !important;
  height: 60px !important;
}
}

/* Backdrop */
.lc-plugin-wrapper .lc-drawer-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 1999;
}

.lc-plugin-wrapper .lc-drawer-backdrop.lc-active {
opacity: 1;
visibility: visible;
}

/* Drawer Container */
.lc-plugin-wrapper .lc-drawer-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: var(--lc-background);
border-radius: var(--lc-radius) var(--lc-radius) 0 0;
box-shadow: var(--lc-shadow-hover);
border: 1px solid var(--lc-border);
border-bottom: none;
height: 90px; /* Increased to ensure handle and header are fully visible */
overflow: hidden;
transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 2001;
}

.lc-plugin-wrapper .lc-drawer-container.lc-open {
height: 70vh;
min-height: 400px;
}

.lc-plugin-wrapper .lc-drawer-container.lc-preview {
height: 300px;
}

/* Handle with Header inside */
.lc-plugin-wrapper .lc-drawer-handle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 90px; /* Match container height */
cursor: grab;
touch-action: none;
/* padding: 12px 0;  */
background: #eff5f6;
flex-shrink: 0;
gap: 12px;
position: relative; /* Changed from sticky to avoid clipping */
z-index: 2002;
}

.lc-plugin-wrapper .lc-drawer-handle:active {
cursor: grabbing;
}

.lc-plugin-wrapper .lc-handle-bar {
width: 40px;
height: 4px;
background-color: #d1d5db;
border-radius: 2px;
transition: background-color 0.2s ease;
order: 1;
}

.lc-plugin-wrapper .lc-drawer-handle:hover .lc-handle-bar {
background-color: var(--lc-primary);
}

.lc-plugin-wrapper .lc-drawer-header {
display: flex;
justify-content: center;
align-items: center;
padding: 8px 20px;
background: transparent;
height: auto;
flex-shrink: 0;
order: 2;
width: 100%; /* Ensure header takes full width */
}

.lc-plugin-wrapper .lc-drawer-title {
font-size: 1.2rem;
line-height: 1.7;
font-weight: 600;
color: var(--lc-text);
margin: 0;
text-align: center;
}

.lc-plugin-wrapper .lc-drawer-content {
padding: 20px;
height: calc(100% - 90px); /* Adjusted for increased handle height */
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

/* Animation for auto-preview on page load */
@keyframes lc-show-preview {
0% {
  height: 100px;
}
50% {
  height: 300px;
}
100% {
  height: 100px;
}
}

.lc-plugin-wrapper .lc-drawer-container.lc-auto-preview {
animation: lc-show-preview 3s ease forwards;
}

/* Filter sections */
.lc-plugin-wrapper .lc-filter-section {
margin-bottom: 24px;
}

.lc-plugin-wrapper .lc-filter-section-title {
font-size: 16px;
font-weight: 600;
color: var(--lc-text);
margin: 0 0 12px 0;
font-family: inherit;
}

.lc-plugin-wrapper .lc-filter-options {
display: flex;
flex-direction: column;
gap: 12px;
}

/* Mobile filters container */
.lc-plugin-wrapper .lc-mobile-filters-container {
display: flex;
flex-direction: column;
/*gap: 20px; */
margin-bottom: 20px;
padding-bottom:20px; 
}

/* Override JetSmartFilters styles for mobile drawer */
.lc-plugin-wrapper .lc-drawer-content .jet-smart-filters-checkbox {
margin-bottom: 0;
}

.lc-plugin-wrapper .lc-drawer-content .jet-filter-label {
margin-top: 0;
font-weight: 600;
color: var(--lc-text);
font-size: 16px;
margin-bottom: 12px;
font-family: inherit;
}

.lc-plugin-wrapper .lc-drawer-content .jet-checkboxes-list__label {
font-size: 15px !important;
line-height: 22px !important;
color: var(--lc-text) !important;
font-family: inherit;
}

.lc-plugin-wrapper .lc-drawer-content .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button .jet-checkboxes-list__decorator {
background: var(--lc-primary);
}

.lc-plugin-wrapper .lc-drawer-content .jet-checkboxes-list__item {
margin-bottom: 8px;
}

.lc-plugin-wrapper .lc-drawer-content .jet-checkboxes-list-wrapper {
border: none;
padding: 0;
}

/* Hide apply buttons from individual filters since we have global ones */
.lc-plugin-wrapper .lc-drawer-content .jet-filters-apply-button {
display: none;
}

/* Apply/Clear buttons */
.lc-plugin-wrapper .lc-drawer-actions {
padding: 16px 20px;
border-top: 1px solid var(--lc-border);
display: flex;
gap: 12px;
background: var(--lc-background);
margin: 0 0 -20px 0;
justify-content: center;
flex-direction: row-reverse;
justify-content: space-between;
}

.lc-plugin-wrapper .lc-btn {
padding: 12px 24px;
border-radius: var(--lc-radius);
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
border: none;
flex: 1;
font-family: inherit;
text-align: center;
}

.lc-plugin-wrapper .lc-btn-primary {
background-color: var(--lc-primary);
color: var(--lc-background);
}

.lc-plugin-wrapper .lc-btn-primary:hover {
background-color: var(--lc-primary-dark);
}

.lc-plugin-wrapper .lc-btn-secondary {
background-color: var(--lc-taxonomy-card-bg);
color: var(--lc-text);
border: 1px solid var(--lc-border);
}

.lc-plugin-wrapper .lc-btn-secondary:hover {
background-color: var(--lc-taxonomy-card-bg-hover);
border-color: var(--lc-primary);
}

/* Prevent body scroll when drawer is open */
body.lc-drawer-open {
overflow: hidden;
/* Remove position: fixed to prevent automatic scroll to top */
/* position: fixed; */
/* width: 100%; */
}

/* Mobile-specific responsive adjustments */
@media (max-width: 600px) {
.lc-plugin-wrapper .lc-drawer-container {
  height: 90px; /* Match desktop for consistency */
}
.lc-plugin-wrapper .lc-header-title.lc-article {
  font-size: 1.6rem !important;
  line-height: 1.2;
  padding-bottom: 0;
}
.lc-plugin-wrapper .lc-drawer-handle {
  height: 90px; /* Match container */
 /* gap: 10px; */
}

.lc-plugin-wrapper .lc-drawer-container.lc-open {
  height: 80vh;
  min-height: 350px;
}

.lc-plugin-wrapper .lc-drawer-container.lc-preview {
  height: 280px;
}

.lc-plugin-wrapper .lc-drawer-content {
  padding: 16px;
  height: calc(100% - 90px);
}

.lc-plugin-wrapper .lc-drawer-actions {
  padding: 12px 16px;
  margin: 0 0 -16px 0;
}

.lc-plugin-wrapper .lc-btn {
  padding: 10px 20px;
  font-size: 13px;
}

.lc-plugin-wrapper .lc-filter-section-title {
  font-size: 15px;
}
}

/* Tablet adjustments */
@media (min-width: 601px) and (max-width: 1023px) {
.lc-plugin-wrapper .lc-drawer-container.lc-open {
  height: 60vh;
  min-height: 450px;
}
}

@media (min-width: 600px) and (max-width: 767px) {
.lc-plugin-wrapper .lc-header-content {
 /* min-height: 320px;*/
}
.lc-plugin-wrapper .lc-header-container {
 /* min-height: 320px;*/
}
}

/* Ensure drawer doesn't interfere with main content layout */
.lc-plugin-wrapper .lc-filters-sidebar {
display: block;
}

/* Add space for mobile drawer */
@media (max-width: 1024px) {

  .lc-plugin-wrapper .lc-article {
    padding: 0.5rem 1rem !important;
  }

.lc-plugin-wrapper .lc-filters-group {
  margin-top:0;
  justify-content: space-between;
}
.lc-plugin-wrapper #lc-listing-results-count-mobile {
  width: 100%;
  text-align: center;
}

.lc-plugin-wrapper .mobile-only {
  display: block;
}
/*
.lc-plugin-wrapper .wp-block-jet-engine-container.lc-page-container.jet-container.jet-container--content-direction-vertical.jet-container--content-justify-flex-start.jet-container--content-align-center.wp-block-jet-engine-container.lc-page-container {
  padding-top: 8.4px;
}*/
.lc-plugin-wrapper .lc-no-margin-bottom-mobile {
  margin-bottom: 0;
}
.lc-plugin-wrapper .lc-no-margin-top-mobile {
  margin-top: 0;
}
.lc-plugin-wrapper .lc-no-padding-top-mobile {
  padding-top: 0;
}
.lc-plugin-wrapper .lc-no-padding-mobile {
  padding: 0;
}
.lc-plugin-wrapper .lc-plugin-meta {
  flex-wrap: nowrap !important;
}
.lc-plugin-wrapper .lc-section-separator {
  padding-bottom: 2rem;
}
}

@media (min-width: 1025px) {
.mobile-only {
    display: none !important;
}
.mobile-clear-filters {
  display: none !important;
}
}
/* Force active filters to new line on tablet */
@media (max-width: 1024px) and (min-width: 601px) {
.lc-plugin-wrapper .lc-listing-featured-image img {
  width: 100% !important;
  height: 180px !important;
  min-width: 100%;
}
.lc-plugin-wrapper .lc-listing-featured-image {
  aspect-ratio: auto;
  height: 180px !important;
  margin: 0 !important;
  width: 100% !important;
  min-width: 100%;
}
.lc-plugin-wrapper .lc-plugin-main-content {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}

.lc-plugin-wrapper div#lc-landing-page-articles {
  margin-top: 10px;
}

.lc-plugin-wrapper .lc-header-content .jet-search-filter__input-wrapper::before {
left: 0.5em;
}

.lc-plugin-wrapper .lc-clear-all-filters-text {
  order: 1;
}

}


/* iPhone XR specific adjustments */
@media only screen and (max-width: 414px) {
.lc-plugin-wrapper .lc-header-content .jet-search-filter__input-wrapper::before {
  left: 2.0em;
}
.lc-plugin-wrapper .lc-header-title.lc-article {
font-size: 1.4rem !important;
line-height: 1.2;
padding-bottom: 0;
}
}

/* iPhone 12 Pro - Portrait */
@media only screen 
and (device-width: 390px) 
and (device-height: 844px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: portrait) {
  .lc-plugin-wrapper .lc-header-content .jet-search-filter__input-wrapper::before {
    left: 2.2em;
}
}
@media only screen 
and (device-width: 320px) 
and (device-height: 568px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation: portrait) {
  .lc-plugin-wrapper .lc-header-content .jet-search-filter__input-wrapper::before {
    left: 2.0em;
}
}
@media only screen 
and (device-width: 375px) 
and (device-height: 667px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation: portrait) {
  .lc-plugin-wrapper .lc-header-content .jet-search-filter__input-wrapper::before {
    left: 2.0em;
}
}

/* iPhone 14 Pro Max specific adjustments */
@media only screen and (max-width: 430px) and (min-width: 415px) {
.lc-plugin-wrapper .lc-header-content .jet-search-filter__input-wrapper::before {
  left: 1.7em;
}
.lc-plugin-wrapper .lc-header-title.lc-article {
font-size: 1.42rem !important;
line-height: 1.2;
padding-bottom: 0;
}
}

/* START ARTICLE PAGE */

.lc-plugin-wrapper .lc-article-back-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
margin: 0 auto 24px auto;
font-size: 0.875rem; 
color: var(--lc-text);
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
padding: 3px 10px;
border-radius: 12px;
background-color: #FFFFFF;
border-style: none;
}

.lc-plugin-wrapper span.lc-back-text {
  color: var(--lc-primary);
}
.lc-plugin-wrapper .lc-article-back-icon {
  color: var(--lc-primary);
}

.lc-plugin-wrapper .lc-article-author {
margin-top: 8px;
}

.lc-plugin-wrapper .lc-article-back-link:hover {
color: var(--lc-primary)
}

.lc-plugin-wrapper .lc-article-back-icon {
width: 1rem;
height: 1rem;
stroke: currentColor;
fill: none;
}
.lc-plugin-wrapper .lc-header-title.lc-article {
margin-top:0;
margin-bottom:0;
}


.lc-plugin-wrapper .lc-article-meta {
text-align: center;
color: rgba(255, 255, 255, 0.9);
font-size: 0.875rem;
line-height: 1.25rem;
font-family: inherit;
margin-bottom: 1rem;
}

.lc-article-meta-container {
gap: 16px;
}

.lc-plugin-wrapper .lc-article-meta-primary {
text-align: center;
color: var(--lc-text);
font-size: 15px;
line-height: 1.25rem;
font-family: inherit;
margin-bottom: 0.5rem;
}

.lc-plugin-wrapper .lc-article-meta-secondary {
align-items: center;
justify-content: center;
gap: 0.25rem;
color: var(--lc-text);
font-size: 0.875rem;
line-height: 1.25rem;
font-family: inherit;
margin-top:0 !important;
}

.lc-plugin-wrapper .lc-meta-emphasis {
font-weight: 500;
color: var(--lc-text);
}

.lc-plugin-wrapper .lc-meta-category-link {
color: var(--lc-text);
text-decoration: underline;
font-weight: 500;
transition: color 0.2s ease;
font-size: 15px;
line-height: 1.25;
}

.lc-plugin-wrapper .lc-meta-category-link:hover {
color: var(--lc-primary);
}

.lc-plugin-wrapper .lc-meta-separator {
margin-left: 0.25rem;
color: rgba(255, 255, 255, 0.7);
}

.lc-plugin-wrapper .lc-meta-updated-mobile {
display: block;
margin-top: 0.25rem;
}

.lc-plugin-wrapper .lc-meta-icon {
display: inline;
width: 1rem;
height: 1rem;
margin-right: 0.25rem;
vertical-align: text-top;
}

/* Desktop display for updated info */
@media (min-width: 768px) {
.lc-plugin-wrapper .lc-article-meta-secondary {
  display: flex;
}

.lc-plugin-wrapper .lc-meta-updated-mobile {
  display: none;
}
}
@media (max-width: 430px) {
.lc-plugin-wrapper .lc-filters-groups {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
gap: 12px;
min-height: 34px;
flex-direction: column-reverse; 
}
.lc-plugin-wrapper .jet-smart-filters-active.jet-active-filters.jet-filter {
width: 100%;
order: 3;
margin-top: 8px;
flex-direction: row;
overflow-x: auto; /* Enable horizontal scrolling */
overflow-y: hidden; /* Hide vertical scrolling */
}
.lc-plugin-wrapper .jet-smart-filters-active .jet-active-filters__list {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 8px;
min-width: max-content;
padding-bottom: 4px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
scrollbar-color: #ccc transparent;
}

.lc-plugin-wrapper .jet-smart-filters-active .jet-active-filters__list::-webkit-scrollbar {
height: 6px;
}

.lc-plugin-wrapper .jet-smart-filters-active .jet-active-filters__list::-webkit-scrollbar-track {
background: transparent;
}

.lc-plugin-wrapper .jet-smart-filters-active .jet-active-filters__list::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 3px;
}

.lc-plugin-wrapper .lc-filters-groups {
align-items: flex-start;
flex-direction: column;
align-items: stretch;
/* display: flex; */
margin-top: 0;
}
.lc-plugin-wrapper .jet-smart-filters-active.jet-active-filters.jet-filter {
width: 100%;
order: 3;
margin-top: 8px;
flex-direction: row;
overflow-x: auto;
overflow-y: hidden;
}
}

/* Mobile adjustments */
@media (max-width: 767px) {
/*
.lc-plugin-wrapper .wp-block-post-featured-image, figure.wp-block-post-featured-image {
padding-left: 1.5em !important;
padding-right:1.5em !important;
}*/
.lc-plugin-wrapper iframe {
height: 100%;
}
.lc-plugin-wrapper .jet-smart-filters-search .jet-search-filter__input-clear {
  margin-top: -16px;
  margin-right: 10px;
}
iframe[src*="youtube.com"], 
  iframe[src*="youtu.be"] {
      height: 220px; 
  }

  iframe[src*="vimeo.com"] {
    height: 100%; 
}
.lc-plugin-wrapper .lc-filters-groups {
  display:none;
  margin-bottom: 100px;
}
.lc-plugin-wrapper .lc-listing-title {
  margin-bottom: 8px;
}
.lc-plugin-wrapper .lc-header-curve {
  z-index: initial !important;
}
.lc-plugin-wrapper .lc-filters-groups-mobile {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  margin-top:0;
}
.lc-plugin-wrapper .lc-filters-group {
  align-items: flex-start;
  gap: 8px;
}
.lc-plugin-wrapper .desktop-only {
  display: none;
}
.lc-plugin-wrapper .jet-smart-filters-active.jet-active-filters.jet-filter {
  width: 100%;
  order: 3;
  margin-top: 8px;
}

.lc-plugin-wrapper .jet-smart-filters-remove-filters-wrapper {
  order: 2;
}
/*
.lc-plugin-wrapper .desktop-clear-filters {
  display: none !important;
}
*/
.lc-plugin-wrapper .lc-filters-sidebar {
  display: none;
}

.lc-plugin-wrapper .lc-header-content.lc-article {
  /*min-height: 320px; */
  z-index:10;
}

.lc-plugin-wrapper .lc-header-content {
/*  min-height: 320px; */
}

.lc-plugin-wrapper .lc-article-meta-primary,
.lc-plugin-wrapper .lc-article-meta-secondary {
  font-size: 15px;
  margin-top: 0.5rem;
}

.lc-plugin-wrapper .lc-meta-updated-mobile {
  font-size: 0.8125rem;
  font-weight: 600;
}
}
@media (max-width: 820px) {
.lc-plugin-wrapper .lc-mobile-filter-drawer {
  display: block;
}
.lc-plugin-wrapper .lc-no-padding-mobile {
  z-index:10;
}
}

/* Small tablet adjustments */
@media (min-width: 767px) and (max-width: 820px) {

.lc-plugin-wrapper .lc-margin-top-12px-small-tablet {
  margin-top: 12px !important;
}

.lc-plugin-wrapper .lc-filters-groups {
  display:none;
  margin-bottom: 100px;
}
.lc-plugin-wrapper .lc-filters-groups-mobile {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  margin-top:0;
}
.lc-plugin-wrapper .jet-smart-filters-active.jet-active-filters.jet-filter {
  width: 100%;
  order: 3;
  flex-shrink: 1;
  margin-right: 12px;
}
.lc-filters-sidebar {
  display: none !important
}
}

/* Smaller tablet adjustments */
@media (min-width: 820px) and (max-width: 1024px) {
.lc-plugin-wrapper .lc-filters-groups {
  align-items: flex-start;
}
.lc-plugin-wrapper .lc-listing-results-count {
  margin-top: 6px;
}
}

.lc-article-meta-container {
max-width: 100% !important;
width: 100% !important;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0px !important;
gap: 0;
flex-flow: column;
}

.lc-plugin-wrapper.lc-header-container.lc-article {
position: relative !important;
min-height: 400px;
width: 100%;
overflow: visible !important;
}




/* Imaginea cu stilurile tale EXACTE + doar poziționarea în header */
.lc-plugin-wrapper .wp-block-post-featured-image {
margin-bottom: 2rem;
width: 100% !important; /* Exact ca în stilurile tale */
z-index: 30 !important;  /* În loc de 1000 */
max-width: 53rem;
}

.lc-plugin-wrapper .wp-block-post-featured-image img.wp-post-image {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
border-radius: var(--lc-radius);
box-shadow: var(--lc-shadow-hover);
transition: all 0.2s ease;
background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
border: 1px solid var(--lc-border);
position: relative;
margin-top: -150px;
}

.lc-plugin-wrapper .wp-block-post-featured-image:hover img.wp-post-image {
transform: translateY(-2px);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Spațiu pentru conținutul de după header */
.lc-plugin-wrapper .lc-page-container.lc-no-padding-top.lc-no-margin-top {
margin-top: 350px;
}

/* Responsive adjustments - EXACT ca în stilurile tale */
@media (max-width: 768px) {
.lc-plugin-wrapper .wp-block-post-featured-image {
  margin-bottom: 1.5rem;
  bottom: -80px;
}

.lc-plugin-wrapper .wp-block-post-featured-image img.wp-post-image {
  aspect-ratio: 16/9;
}

.lc-plugin-wrapper .lc-page-container.lc-no-padding-top.lc-no-margin-top {
  margin-top: 150px;
}
/*
.lc-plugin-wrapper .lc-article-back-link {
  margin-bottom: 1.5rem;
}*/
}

@media (max-width: 600px) {
.lc-plugin-wrapper .wp-block-post-featured-image {
  margin-bottom: 1rem;
  bottom: -60px;
}

.lc-plugin-wrapper .lc-page-container.lc-no-padding-top.lc-no-margin-top {
  margin-top: 120px;
}
}
.lc-plugin-wrapper .lc-header-content.lc-article {
  justify-content: flex-start !important;
}

/* WordPress Post Content - Plugin Structure */
.lc-plugin-wrapper .entry-content.wp-block-post-content {
max-width: 100%;
margin: 0 auto;
padding: 2rem 1rem;
font-family: inherit;
}

.lc-plugin-wrapper .entry-content.wp-block-post-content.lc-article, .lc-plugin-wrapper .lc-article  {
max-width: 650px;
margin: 0 auto;
padding: 2rem 1rem;
font-family: inherit;
}

/* Paragraph styling */
.lc-plugin-wrapper .entry-content p {
color: var(--lc-text);
font-size: 1rem;
line-height: 1.625;
margin-bottom: 1.5rem;
opacity: 0.85;
text-align: left;
margin-block-start: 1em;
margin-block-end: 1em;
}
.lc-plugin-wrapper ul.wp-block-list {
margin-block-start: 1em;
margin-block-end: 1em;
padding-inline-start: 40px;
}

/* Heading styling */
.lc-plugin-wrapper .entry-content h2.wp-block-heading {
color: var(--lc-text);
font-size: 1.5rem;
line-height: 1.4;
font-weight: 600;
margin: 2rem 0 1rem 0; 
letter-spacing: -0.025em;
opacity: 1;
}

/* First paragraph after heading - reduced top margin */
.lc-plugin-wrapper .entry-content h2.wp-block-heading + p {
margin-top: 0;
}

/* Tablet adjustments */
@media (min-width: 768px) {
.lc-plugin-wrapper .entry-content.wp-block-post-content {
  padding: 2.5rem 2rem;
}

.lc-plugin-wrapper .entry-content p {
  font-size: 1.0625rem;
  line-height: 1.7;
}

.lc-plugin-wrapper .entry-content h2.wp-block-heading {
  font-size: 1.75rem;
  line-height: 1.35;
  margin: 3rem 0 1.5rem 0;
}
}

/* Desktop adjustments */
@media (min-width: 1024px) {

.lc-plugin-wrapper .entry-content.wp-block-post-content {
  padding: 0rem 2rem 2rem 2rem;
  max-width: 100%;
}
.lc-plugin-wrapper .entry-content.wp-block-post-content.lc-article {
  max-width: 650px;
  margin: 0 auto;
  padding: 2rem 1rem;
  font-family: inherit;
}
.lc-plugin-wrapper .entry-content p {
  font-size: 1.125rem;
  color: #374151;
  font-weight: 400;
  line-height: 1.625;
}

.lc-plugin-wrapper .entry-content h2.wp-block-heading {
  font-size: 2rem;
  line-height: 1.3;
  margin: 2rem 0 1rem 0;
  font-weight: 700;
}
.lc-plugin-wrapper .lc-article-back-link {
  margin: 0 auto 0px auto;
}
}

/* Mobile adjustments */
@media (max-width: 767px) {
.lc-plugin-wrapper .lc-article {
padding: 1rem 1rem;
}
.lc-plugin-wrapper .entry-content.wp-block-post-content {
  padding: 1.5rem 1rem;
}
.lc-plugin-wrapper .lc-header-title {
  margin-bottom: 8px;
  font-size: 2em;
  line-height: 1.1em;
}

.lc-plugin-wrapper .entry-content h2.wp-block-heading {
  font-size: 1.375rem;
  line-height: 1.35;
  margin: 2rem 0 1rem 0;
}
.lc-plugin-wrapper .lc-header-subtitle {
  margin: 0 auto 0.7rem auto;
}
.lc-plugin-wrapper .lc-header-content .jet-search-filter__input {
  width: 95% !important;
}
}

/* Enhanced readability */
.lc-plugin-wrapper .entry-content p:last-child {
margin-bottom: 0;
}

/* Flow layout adjustments */
.lc-plugin-wrapper .entry-content.is-layout-flow > * + * {
margin-top: 0;
}

@media (max-width: 1024px) {
.lc-plugin-wrapper .entry-content.wp-block-post-content.lc-article {
  padding: 1rem 0rem;
}

.lc-plugin-wrapper .lc-header-content {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.lc-plugin-wrapper.lc-full-width-override {
  padding:0 !important;
}

.lc-plugin-wrapper .lc-margin-top-2rem-mobile {
  margin-top: 2rem !important;
}
.lc-plugin-wrapper .lc-filters-group {
  gap: 12px;
}
.lc-plugin-wrapper .lc-margin-top-05rem-mobile {
  margin-top: 0.5rem !important;
}
/*
figure.wp-block-post-featured-image {
  max-width: 90% !important;
}*/
.lc-plugin-wrapper.lc-header-container.lc-article {
  position: relative;
  min-height: 400px !important;
}
.lc-plugin-wrapper .lc-page-container.lc-no-padding-top.lc-no-margin-top {
  margin-top: 150px;
}
}

@media (min-width: 767px) and (max-width: 1024px) {
.lc-plugin-wrapper .lc-page-container.lc-no-padding-top.lc-no-margin-top {
  margin-top: 300px;
}
}

/* WordPress Block Heading with Plugin Styling */
.lc-plugin-wrapper .wp-block-heading.lc-section-heading.lc-article {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
color: #111827;
font-family: inherit;
letter-spacing: -0.025em;
}

/* Center alignment */
.lc-plugin-wrapper .wp-block-heading.has-text-align-center {
text-align: center;
}

/* Large font size modifier */
.lc-plugin-wrapper .wp-block-heading.has-large-font-size {
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 600;
}

/* Combined large size with center alignment */
.lc-plugin-wrapper .wp-block-heading.has-text-align-center.has-large-font-size.lc-section-heading {
font-size: 24px !important;
line-height: 32px;
font-weight: 600;
text-align: left;
letter-spacing: -0.05em;
}
h2.wp-block-heading.lc-section-heading.lc-related-article.has-large-font-size.has-text-align-center {
font-size: 24px !important;
line-height: 32px;
font-weight: 600;
text-align: center;
letter-spacing: -0.05em;
}

h2.wp-block-heading.lc-section-heading.lc-related-article.has-large-font-size.has-text-align-center {
font-size: 24px !important;
line-height: 32px;
font-weight: 600;
text-align: center;
letter-spacing: -0.05em;
}

/* Dark mode support */
.lc-plugin-wrapper.dark .wp-block-heading.lc-section-heading {
color: #f9fafb;
}

/* Responsive adjustments */
@media (max-width: 640px) {
.lc-plugin-wrapper .wp-block-heading.has-large-font-size.lc-section-heading {
  font-size: 1.75rem;
  line-height: 2.25rem;
}
}

@media (min-width: 768px) {
.lc-plugin-wrapper .wp-block-heading.has-large-font-size.lc-section-heading {
  font-size: 2.5rem;
  line-height: 1;
}
}

@media (min-width: 1024px) {
.lc-plugin-wrapper .wp-block-heading.has-large-font-size.lc-section-heading {
  font-size: 3rem;
  line-height: 1;
  margin:0;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.lc-plugin-wrapper .lc-margin-top-desktop {
  margin-top: 2rem;
  margin-bottom:0;
}
.jet-listing-grid.jet-listing {
margin-bottom: 10px;
}
}

/** Article page featured Image styles START **/
.lc-plugin-wrapper .lc-article-top-margin {
margin-top: 300px;
}

/* 0px – 320px */
@media screen and (max-width: 320px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 90px;
}
.lc-plugin-wrapper .lc-header-title.lc-article {
  font-size: 1.16rem !important;
  line-height: 1.2;
  padding-bottom: 0;
}
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image, .lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
width: 100% !important;
margin: -90px auto 1.5rem auto !important;
}
}

/* 321px – 375px */
@media screen and (min-width: 321px) and (max-width: 375px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 90px;
}
.lc-plugin-wrapper .lc-header-title.lc-article {
  font-size: 1.15rem !important;
  line-height: 1.2;
  padding-bottom: 0;
}
}

/* 376px – 425px */
@media screen and (min-width: 376px) and (max-width: 425px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 130px;
}
}

/* 426px – 480px */
@media screen and (min-width: 426px) and (max-width: 480px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 150px;
}
}

/* 481px – 568px */
@media screen and (min-width: 481px) and (max-width: 568px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 180px;
}
}

/* 569px – 640px */
@media screen and (min-width: 569px) and (max-width: 640px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 220px;
}
}

/* 641px – 667px */
@media screen and (min-width: 641px) and (max-width: 667px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 280px;
}
}

/* 668px – 720px */
@media screen and (min-width: 668px) and (max-width: 720px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 280px;
}
} 

/* 721px – 750px */
@media screen and (min-width: 721px) and (max-width: 750px) {
/* edge large phones */
}

/* 751px – 767px */
@media screen and (min-width: 751px) and (max-width: 767px) {
/* upper-end mobile devices before tablet breakpoint */
}
@media screen and (min-width: 768px) and (max-width: 800px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 250px;
}
}

/* 801px – 900px */
@media screen and (min-width: 801px) and (max-width: 900px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 290px;
}
}

/* 901px – 960px */
@media screen and (min-width: 901px) and (max-width: 960px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 330px;
}
}

/* 961px – 1024px */
@media screen and (min-width: 961px) and (max-width: 1024px) {
.lc-plugin-wrapper .lc-article-top-margin {
  margin-top: 360px;
}
}
/** Article page featured Image styles END **/

/* Mobile Clear All Filters Button Styling */

.mobile-clear-filters .lc-clear-all-filters-btn {
font-size: 0.875rem;
font-weight: 500;
color: #5B8ED5;
background-color: white;
border: 1px solid #5B8ED5;
padding: 10.5px;
border-radius: 7px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
white-space: nowrap;
border-style: solid;
cursor: pointer;
text-decoration: none;
outline: none;

}

.mobile-clear-filters .lc-clear-all-filters-btn:hover {
color: #1e40af; 
background-color: #dbeafe; 
border-radius: 7px;
}

.mobile-clear-filters .lc-clear-all-filters-btn:focus {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}


.mobile-clear-filters .lc-clear-icon {
display: inline-flex;
align-items: center;
font-size: 1rem;
}

.mobile-clear-filters .lc-clear-icon .dashicons {
width: 1rem;
height: 1rem;
font-size: 1rem;
}

/* IMPROVED FEATURED IMAGE POSITIONING - NATURAL FLOW */
/* FINAL FEATURED IMAGE SOLUTION - CLEAN VERSION WITHOUT !important */

/* JetEngine container overflow fix */
.lc-plugin-wrapper .jet-container--content-justify-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow: visible;
}

.lc-plugin-wrapper.lc-article-content-container {
overflow: visible;
}

/* 1. Header container setup - lower z-index */ 
.lc-plugin-wrapper.lc-header-container.lc-article {
position: relative;
min-height: 400px; 
width: 100%;
overflow: visible; 
margin-bottom: 0;
z-index: 1; 
}

/* 2. All header elements stay below featured image */
.lc-plugin-wrapper .lc-header-background,
.lc-plugin-wrapper .lc-header-pattern,
.lc-plugin-wrapper .lc-header-content,
.lc-plugin-wrapper .lc-header-curve {
/* z-index: 1 !important; */
z-index: 1;
}

/* 3. Content container - pull up to create overlap */
.lc-plugin-wrapper .lc-page-container.lc-article-top-margin,
.lc-plugin-wrapper .lc-page-container.lc-no-padding-top.lc-no-margin-top {
margin-top: -100px !important;
padding-top: 0 !important;
position: relative !important;
z-index: 10 !important;
}

/* 5. Featured image itself - OVERRIDE ALL EXISTING IMAGE RULES */
.lc-plugin-wrapper .wp-block-post-featured-image img,
.lc-plugin-wrapper .wp-block-post-featured-image img.wp-post-image,
.lc-plugin-wrapper .wp-block-post-featured-image img.attachment-post-thumbnail,
.lc-plugin-wrapper .wp-block-post-featured-image img.attachment-post-thumbnail.size-post-thumbnail,
.lc-plugin-wrapper .wp-block-post-featured-image img.wp-post-image.attachment-post-thumbnail,
figure.wp-block-post-featured-image img,
figure.wp-block-post-featured-image img.wp-post-image {
position: relative !important;
z-index: 1000 !important;

/* Image styling */
width: 100% !important;
height: auto !important;
aspect-ratio: 16/9 !important;
object-fit: cover !important;
border-radius: 8px !important;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
border: 1px solid #e0e6ed !important;

/* CRITICAL: Reset ALL conflicting transforms or margins */
transform: none !important;
margin: 0 !important;
margin-top: 0 !important; /* OVERRIDE the existing -150px rule */
margin-bottom: 0 !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
}

/* 6. Hover effect */
.lc-plugin-wrapper .wp-block-post-featured-image:hover img,
figure.wp-block-post-featured-image:hover img {
transform: translateY(-2px) !important;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

/* 7. Content container holding featured image */
.lc-plugin-wrapper .wp-block-group.lc-no-padding, .lc-plugin-wrapper .lc-no-padding {
position: relative !important;
z-index: 10 !important;
}

/* 8. Article content */
.lc-plugin-wrapper .entry-content.wp-block-post-content.lc-article,  .lc-plugin-wrapper .lc-article{
max-width: 650px !important;
margin: 0 auto !important;
padding: 2rem 1rem ;
position: relative !important;
z-index: 15 !important;
}

/* 9. Related Articles section */
.lc-plugin-wrapper .lc-section-separator {
/* border-top: 1px solid #e5e7eb !important; */
padding-top: 4rem !important;
margin-top: 3rem !important;
}

/* 10. RESPONSIVE ADJUSTMENTS */

/* Mobile devices */
@media (max-width: 767px) {
/*.lc-plugin-wrapper .lc-page-container.lc-article-top-margin,
.lc-plugin-wrapper .lc-page-container.lc-no-padding-top.lc-no-margin-top {
  margin-top: -60px !important;
} */


.lc-plugin-wrapper .entry-content.wp-block-post-content.lc-article {
  padding: 0px 0px !important;
  max-width: 100% !important;
}

.lc-plugin-wrapper .lc-section-separator {
  padding-top: 0rem !important;
  margin-top: 0rem !important;
}
}

/* Tablet devices */
@media (min-width: 768px) and (max-width: 1023px) {
.lc-plugin-wrapper .lc-page-container.lc-article-top-margin,
.lc-plugin-wrapper .lc-page-container.lc-no-padding-top.lc-no-margin-top {
  margin-top: -80px !important;
}

.lc-plugin-wrapper .entry-content.wp-block-post-content.lc-article {
  padding: 0rem 0rem !important;
}
.lc-plugin-wrapper .lc-section-separator {
 /* border-top: 1px solid #e5e7eb !important; */
  padding-top: 0rem !important;
  margin-top: 0rem !important;
}
}

/* Desktop and larger screens */
@media (min-width: 1024px) {
.lc-plugin-wrapper .lc-page-container.lc-article-top-margin,
.lc-plugin-wrapper .lc-page-container.lc-no-padding-top.lc-no-margin-top {
  margin-top: -120px !important;
}


.lc-plugin-wrapper .lc-page-container.lc-article-top-margin {
  margin-bottom: 1.5em !important; 
}

.lc-plugin-wrapper .entry-content.wp-block-post-content.lc-article {
  padding: 0rem 2rem !important;
}


.lc-plugin-wrapper .lc-section-separator {
  padding-top: 0rem !important;
  margin-top: 0rem !important;
}
.lc-plugin-wrapper .lc-topics-listing .jet-listing-grid__items {
  width:830px;
}
.lc-plugin-wrapper .lc-topics-listing {
  display: flex;
  justify-content: center;
}
}

/* Hide the S text if you want only the icon visible */
.lc-plugin-wrapper .jet-search-filter__submit .jet-search-filter__submit-text {
font-size: 0;
color: transparent;
display: inline-block;
width: 0;
height: 0;
overflow: hidden;
}

/* Standalone Essential Resources checkbox styling */
.lc-plugin-wrapper .lc-essential-resources-standalone {
margin: 0;
}

/* FINAL SOLUTION: Dynamic header that expands with content */

/* 1. Header container - remove height restrictions */
.lc-plugin-wrapper.lc-header-container.lc-article {
position: relative !important;
min-height: 400px !important; /* Minimum only */
height: auto !important; /* Allow natural expansion */
width: 100% !important;
overflow: visible !important;
margin-bottom: 0 !important;
z-index: 1 !important;

/* Remove any constraints that prevent expansion */
display: block !important;
padding-bottom: 2rem !important;
}

/* 2. Background - follow container height instead of being absolute */
.lc-plugin-wrapper .lc-header-background {
/* position: absolute !important; */
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important; /* This will now follow the container's natural height */
/*background: linear-gradient(135deg, var(--lc-primary) 0%, var(--lc-primary) 100%) !important; */
margin: 0 !important;
padding: 0 !important;
z-index: 1 !important;
/*background-image: linear-gradient(15deg, #201747, #aa2585);*/
/*background-color: #201747;*/
background-color: #15171b !important;

/* Key: Remove min-height that was constraining it */
/* min-height: 0 !important; */
}

/* 3. Pattern - same as background, follows container */
.lc-plugin-wrapper .lc-header-pattern.lc-article {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important; /* Follows container height */
/*background-image: url(/wp-content/plugins/learning-centre-plugin/assets/images/lc-background-pattern.jpg) !important;*/
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
opacity: 0.3 !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2 !important;
max-width: none !important;

/* Remove constraints */
/*  min-height: 0 !important; */
}

/* 4. Header content - allow natural expansion */
.lc-plugin-wrapper .lc-header-content.lc-article {
position: relative !important;
z-index: 10 !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
text-align: center !important;

/* KEY CHANGE: Remove min-height constraint */
min-height: 0 !important;
height: auto !important;
padding: 2rem 1rem 5rem 1rem !important;
/* padding: 2rem 1rem !important;*/
margin: 0 auto !important;
max-width: 64rem !important;
}

/* 5. Title - ensure it can wrap and expand */
.lc-plugin-wrapper .lc-header-title.lc-article {
margin-top: 0 !important;
margin-bottom: 1rem !important;
max-width: none !important;
width: 100% !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
hyphens: auto !important;
white-space: normal !important;
margin-bottom: 0 !important;
padding-top: 0;
line-height: 1.1 !important;
}

/* 6. Curve positioned at actual bottom */
.lc-plugin-wrapper .lc-header-curve {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100vw !important;
height: 120px !important;
z-index: 20;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
max-width: none !important;
margin-left: calc(-50vw + 50%) !important;
}

/* 7. Content container adjusts to header height */
.lc-plugin-wrapper .lc-page-container.lc-article-top-margin,
.lc-plugin-wrapper .lc-page-container.lc-no-padding-top.lc-no-margin-top {
margin-top: var(--header-overlap, -100px) !important;
padding-top: 0 !important;
position: relative !important;
z-index: 10 !important;
}

/* 8. JavaScript will set this dynamic value */
.lc-plugin-wrapper[data-header-height] .lc-page-container.lc-article-top-margin,
.lc-plugin-wrapper[data-header-height] .lc-page-container.lc-no-padding-top.lc-no-margin-top {
margin-top: calc(var(--calculated-header-height) - 100px) !important;
}

/* 9. Responsive adjustments */
@media (max-width: 767px) {
.lc-plugin-wrapper.lc-header-container.lc-article {
  min-height: 300px !important;
  padding-bottom: 1.5rem !important;
}

.lc-plugin-wrapper .lc-header-content.lc-article {
  padding: 3rem 1rem !important;
}

.lc-plugin-wrapper .lc-header-title.lc-article {
  font-size: 1.8rem;
  line-height: 1.2;
  padding-bottom: 0;
}
}

@media (min-width: 1024px) {
.lc-plugin-wrapper .lc-header-title.lc-article {
         font-size: 50px !important;
      font-weight: 600;
      line-height: 1.2em !important;
      margin-bottom: 0.8rem !important;
      padding: 2rem 1rem 0rem;
      }
}

@media (min-width: 840px) {
.mobile-clear-filters .lc-clear-all-filters-btn {
  display: none;
}
}

/* Updated featured image CSS - remove fixed margins */

/* Desktop and larger screens */
@media (min-width: 1024px) {
.lc-plugin-wrapper .wp-block-post-featured-image,
figure.wp-block-post-featured-image {
  width: 100% !important;
  /* margin: -30px auto 2.5rem auto !important; */ /* REMOVED - JavaScript will set this dynamically */
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 2.5rem !important;
  /* margin-top will be set by JavaScript */
}
.lc-plugin-wrapper .lc-filters-groups {
  min-height: 34px;
  margin-bottom: 0.5sacrem;
} 
}

@media (min-width: 768px) and (max-width: 1023px) {
.lc-plugin-wrapper.lc-header-container.lc-article {
  min-height: 350px !important; /* Tablet base minimum */
}
.lc-plugin-wrapper .wp-block-post-featured-image,
figure.wp-block-post-featured-image {
  width: 100% !important;
  margin: -60px auto 1.5rem auto !important;
}
}

@media (max-width: 767px) {
.lc-plugin-wrapper.lc-header-container.lc-article {
  min-height: 300px !important; /* Mobile base minimum */ 
}
}

/* Ensure JavaScript can override these with even higher specificity */
.lc-plugin-wrapper.lc-header-container.lc-article[data-header-height] {
/* JavaScript will set min-height here with !important */
}

.lc-plugin-wrapper .lc-header-content.lc-article[data-header-height] {
/* JavaScript will set min-height here with !important */
}

.lc-plugin-wrapper.lc-header-container.lc-article {
min-height: 600px !important; /* Crește din 400px la 600px */
transition: none !important; /* Elimină orice tranziție */
}

.lc-plugin-wrapper .lc-header-content.lc-article {
/*  min-height: 400px !important;*/ 
transition: none !important;
}

.lc-plugin-wrapper .lc-header-background,
.lc-plugin-wrapper .lc-header-pattern.lc-article {
transition: none !important;
}

/* Article Video Styles */
.lc-plugin-wrapper .lc-article-video {
margin: 2rem 0;
border-radius: var(--lc-radius);
overflow: hidden;
box-shadow: var(--lc-shadow);
}

.lc-plugin-wrapper .lc-article-video video {
display: block;
width: 100%;
height: auto;
max-width: 100%;
border-radius: var(--lc-radius);
}

.lc-plugin-wrapper .lc-article-video:hover {
box-shadow: var(--lc-shadow-hover);
transition: box-shadow 0.3s ease;
}

@media (max-width: 768px) {
.lc-plugin-wrapper .lc-article-video {
  margin: 1.5rem 0;
}
}


/* Soluția principală pentru Vimeo responsive */
.wp-block-post-featured-image iframe[src*="vimeo.com"] {
width: 100% !important; 
height: auto !important;
aspect-ratio: 16/9;
max-width: 100% !important;
}

/* Pentru mobile devices */
@media (max-width: 768px) {

.wp-block-post-featured-image iframe[src*="vimeo.com"] {
    width: 100% !important;
    max-width: 100% !important;
}
}

/*
.lc-plugin-wrapper .jet-smart-filters-remove-filters-wrapper {
width: fit-content;
min-width: 80px;
display: flex !important; 
align-items: center;
justify-content: center;
}

.lc-plugin-wrapper .jet-smart-filters-remove-filters-wrapper[style*="display: none"] {
display: flex !important;
}

.lc-plugin-wrapper .jet-smart-filters-remove-filters-wrapper[style*="display: none"] > button {
visibility: hidden !important; 
pointer-events: none;
}


.lc-plugin-wrapper .jet-smart-filters-active.jet-active-filters.jet-filter {
min-width: 0;
flex-shrink: 1;
} 


.lc-plugin-wrapper .jet-smart-filters-remove-filters-wrapper {
display: flex !important;
align-items: center;
justify-content: center;
min-width: fit-content;
transition: opacity 0.2s ease;
}


.lc-plugin-wrapper .jet-smart-filters-remove-filters-wrapper .lc-clear-all-filters-btn {
white-space: nowrap;
min-width: fit-content;
}*/

/* ================================================
 FIXED ARTICLE CONTENT POSITIONING CSS
 Replaces JavaScript dynamic positioning
 ================================================ */ 

/* 1. Content container needs to be pushed down below header */
.lc-plugin-wrapper .lc-article-content-container {
/* Push content down instead of overlap */
margin-top: 0 !important; /* Reset any existing margin */
position: relative !important;
z-index: 10 !important;
}

/* 2. Page container inside content should have no additional top margin */
.lc-plugin-wrapper .lc-article-content-container .lc-page-container.lc-article-top-margin {
margin-top: 0 !important; /* Remove conflicting margin */
padding-top: 0 !important;
}

/* 3. Featured image should pull up over header with negative margin */
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
position: relative;
width: 90%;  /* În loc de width fix */
max-width: 53rem;
display: block;
background: transparent;
inset: auto;
transform: none;
z-index: 1000 !important;
margin: -50px auto 1rem;  /* IMPORTANT: margin auto pentru centrare */
}

/* 4. Image styling remains the same */
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image img,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image img {
position: relative !important;
z-index: 1000 !important;

/* Image styling */
width: 100% !important;
height: auto !important;
aspect-ratio: 16/9 !important;
object-fit: cover !important;
border-radius: 8px !important;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
border: 1px solid #e0e6ed !important;

/* Reset transforms and margins */
transform: none !important;
margin: 0px !important;  /* CRITICAL: resetează marginile interne */
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
}

/* 5. Article content should be positioned normally after the image */
.lc-plugin-wrapper .lc-article-content-container .lc-article {
max-width: 650px !important;
margin: 0 auto !important;
padding: 2rem 1rem !important;
position: relative !important;
z-index: 15 !important;
}

/* 6. Header container should maintain its height and position */
.lc-plugin-wrapper.lc-header-container.lc-article {
position: relative !important;
min-height: 400px !important;
height: auto !important;
width: 100% !important;
overflow: visible !important;
margin-bottom: 0 !important;
z-index: 1 !important;
}

/* 7. RESPONSIVE ADJUSTMENTS */

/* Desktop screens: 1024px and above */
@media (min-width: 1024px) {
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
  width: 100% !important;
  margin: -50px auto 2.5rem !important;
}

.lc-plugin-wrapper.lc-header-container.lc-article {
 /* min-height: 400px !important;*/
}
}

/* Large tablets: 790px to 1023px */
@media (min-width: 790px) and (max-width: 1023px) {
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
  width: 100% !important;
  margin: -50px auto 1.5rem !important;
}

.lc-plugin-wrapper.lc-header-container.lc-article {
  /*min-height: 400px !important;*/
}
}

/* Tablets: 768px to 789px */
@media (min-width: 768px) and (max-width: 789px) {

.lc-plugin-wrapper.lc-header-container.lc-article {
/*  min-height: 390px !important; */
}
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
  margin: -50px auto 1.5rem !important;
}
}

/* Mobile range: below 768px */
@media (max-width: 767px) {  

.lc-plugin-wrapper.lc-header-container.lc-article {
/*    min-height: 370px !important; */
}

.lc-plugin-wrapper .lc-article-content-container .lc-article {
  padding: 1rem 1rem !important;
  max-width: 100% !important;
}
}

/* Small mobile: below 500px */
@media (max-width: 499px) {
.lc-plugin-wrapper.lc-header-container.lc-article {
 /* min-height: 400px !important; */
}
}

/* Mid-range mobile: 500px to 599px */
@media (min-width: 500px) and (max-width: 599px) {
.lc-plugin-wrapper.lc-header-container.lc-article {
  /*min-height: 370px !important;*/
}

.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
width: 100%;
margin: -30px auto 1.5rem !important;

}
}
/* Mid-range mobile: 599px to 649px */
@media (min-width: 599px) and (max-width: 649px) {
.lc-plugin-wrapper.lc-header-container.lc-article {
/*  min-height: 370px !important; */

}
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
width: 100%;
margin: -25px auto 1rem auto !important;

}
}
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
  width: 100%;
  margin: -50px auto 1.5rem;
}
/*
body {
  padding-top: 140px;
} */


/* Large mobile: 650px to 767px */
@media (min-width: 650px) and (max-width: 767px) {
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
  width: 100%;
  margin: -25px auto 1.5rem !important;
}
.lc-plugin-wrapper.lc-header-container.lc-article {
 /* min-height: 340px !important;*/
  
}
/*
body {
  padding-top: 140px;
}*/ 
}

/* Large mobile phones: 450px to 500px */
@media (min-width: 450px) and (max-width: 500px) {
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
  width: 100%;
  margin: -30px auto 1.5rem !important;
}
.lc-plugin-wrapper .lc-header-title.lc-article {
  font-size: 1.5rem !important;
  line-height: 1.2;
  padding-bottom: 0;
}
.lc-plugin-wrapper.lc-header-container.lc-article {
/*  min-height: 440px !important; */
}

}

/* Medium mobile phones: 415px to 449px */
@media (min-width: 415px) and (max-width: 449px) {

.lc-plugin-wrapper.lc-header-container.lc-article {
/*  min-height: 440px !important; */
}
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
  width: 100% !important;
  margin: -30px auto 1.5rem !important;
}
.lc-plugin-wrapper .lc-header-title.lc-article {
  font-size: 1.5rem !important;
  line-height: 1.2;
  padding-bottom: 0;
}
}

/* Small mobile phones: up to 414px */
@media (max-width: 414px) {
.lc-plugin-wrapper.lc-header-container.lc-article {
/*  min-height: 400px !important; */
}
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
  width: 100% !important;
  margin: -30px auto 1.5rem !important;
}
.lc-plugin-wrapper .lc-filters-group {
  gap: 6px;
  flex-direction: row;
  align-items: center;
}
.lc-mobile-filter-trigger {
      align-items: center !important;
      gap: 4px !important;
      padding: 4px !important;
      background-color: var(--lc-taxonomy-card-bg) !important;
      color: var(--lc-text) !important;
      border-radius: var(--lc-radius) !important;
      font-size: 10px !important;
      font-weight: 500 !important;
      border: 1px solid var(--lc-border) !important;
      cursor: pointer !important;
      transition: all 0.2s ease !important;
      font-family: inherit !important;
}
.lc-plugin-wrapper .lc-plugin-main-content {
margin-top: 0;
padding-top: 0;
padding-left: 1em !important;
padding-right: 1em !important;
}
.mobile-clear-filters .lc-clear-all-filters-btn {
font-size: 10px;
font-weight: 500;
color: #5B8ED5;
background-color: white;
border: 1px solid #5B8ED5;
padding: 4px;
border-radius: 7px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
white-space: nowrap;
border-style: solid;
cursor: pointer;
text-decoration: none;
outline: none;
}

}  

@media (max-width: 378px) {
.lc-plugin-wrapper.lc-header-container.lc-article {
 /* min-height: 400px;*/
}
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
  width: 100% !important;
  margin: -25px auto 1.5rem !important;
}
}

@media (max-width: 347px) {
.lc-plugin-wrapper.lc-header-container.lc-article {
 /* min-height: 400px;*/
}
.lc-plugin-wrapper .lc-article-content-container .wp-block-post-featured-image,
.lc-plugin-wrapper .lc-article-content-container figure.wp-block-post-featured-image {
  width: 100% !important;
  margin: -30px auto 1.5rem !important;
}
}  

.wp-block-post-featured-image img {
width: 100% !important;
height: 100% !important;
object-fit: fill !important; /* ATENȚIE: Deformează imaginea */
transition: transform 0.2s ease;
}

/* Hub Results Count - Similar to lc-listing-results-count but more visible */
.lc-plugin-wrapper .lc-hub-results-count {
font-size: 0.9rem;
line-height: 1.25rem;
font-weight: 500;
color: #ffffff;
text-align: center;
margin: 0;
height: 0;
visibility: hidden;
display: block;
overflow: hidden;
transition: height 0.2s ease, margin 0.2s ease;
}

/* JetEngine "No Matches Found" styling */
.lc-plugin-wrapper .jet-listing-not-found.jet-listing-grid__items {
font-size: 1.2rem;
text-align: left;
font-weight: 600;
padding: 1rem 0;
}

/* Mobile styling for "No Matches Found" */
@media (max-width: 768px) {
.lc-plugin-wrapper .jet-listing-not-found.jet-listing-grid__items {
  text-align: center;
  padding: 2rem 0;
}
}



.lc-plugin-wrapper .lc-hub-results-count.lc-no-results {
color: #ffffff;
}

.lc-plugin-wrapper .lc-hub-results-count.lc-has-results {
color: #ffffff;
}

/* Mobile optimizations */
@media (max-width: 768px) {
.lc-plugin-wrapper .lc-hub-results-count {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0;
  margin: 20px 0;
  border-radius: 12px;
  position: relative;
  z-index: 100;
}
}

@media (max-width: 480px) {
.lc-plugin-wrapper .lc-hub-results-count {
  font-size: 1.125rem;
  line-height: 1.6rem;
  padding: 0;
  margin: 24px 0;
  position: relative;
  z-index: 100;
}
}

.wp-block-jet-engine-container.lc-page-container.lc-no-margin-top-mobile.lc-no-padding-top-mobile.lc-margin-top-15rem.jet-container.jet-container--content-direction-vertical.jet-container--content-justify-flex-start.jet-container--content-align-flex-start.wp-block-jet-engine-container.lc-page-container.lc-no-margin-top-mobile.lc-no-padding-top-mobile.lc-margin-top-15rem {
padding-bottom: 1.5em !important;
}

@media (min-width: 782px) {
.wp-block-column.lc-filters-sidebar.lc-margin-top-10.is-layout-flow.wp-block-column-is-layout-flow {
  flex-basis: 33% !important;
}
}