/* Change default submenu text color */
.container-header .mod-menu ul li a {
  color: #B60000; /* Example: Red text color */
}

/* Change submenu text color on hover */
.container-header .mod-menu ul li a:hover {
  color: #035E7C; /* Example: Blue text color on hover */
}

.container-header .navbar-toggler {
    color: #B60000;
    cursor: pointer;
    border: 1px solid #B60000;
}

/* Site Description / STORE Address Home Page Text */
.container-header .site-description {
    color: #035E7C !important; /* bright red for good contrast */
    font-size: 1.2rem;          /* adjust size as needed */
    white-space: normal;        /* allow wrapping */
}


/* --- FIX CONTRAST LIGHTHOUSE --- */

/* Fundal alb curat pentru topbar */
.container-topbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #dddddd;
}

/* Forțăm culoarea pentru link-urile de limbă */
.mod-languages ul.lang-inline li a {
    color: #001f3f !important; /* Navy închis pentru contrast maxim pe alb */
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 5px 10px;
    display: inline-block;
}

/* REPARARE EROARE: Contrast pentru elementul ACTIV (RO) */
.mod-languages ul.lang-inline li.lang-active a, 
.mod-languages ul.lang-inline li.lang-active {
    color: #000000 !important; /* Negru pur pentru contrast maxim */
    font-weight: 900 !important;
    text-decoration: underline !important; /* Sublinierea ajută la scorul de accesibilitate */
    text-underline-offset: 4px;
}

/* Ajustare pentru accesibilitate pe mobil (Touch targets) */
.mod-languages ul.lang-inline li {
    margin: 0 5px;
}

/* Optimized Joomla 2-Column Blog & Category Fix */
/* --- The Final 3-Column Grid Fix --- */

/* 1. Target the actual container Joomla uses for intro articles */
.blog-items, 
.com-content-category-blog__items {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Forces 3 equal columns */
    gap: 25px !important;
    width: 100% !important;
}

/* 2. Remove the "Row" wrapper behavior */
div[class*="items-row"], 
.items-row, 
.row {
    display: contents !important;
}

/* 3. Force the Article boxes to behave */
.blog-item, 
article, 
.com-content-category-blog__item,
div[class*="item-column"] {
    grid-column: span 1 !important; /* Takes up 1 of the 3 grid slots */
    width: 100% !important; /* Fills the grid slot */
    max-width: 100% !important;
    margin-bottom: 20px !important;
    display: block !important;
}

/* 4. Fix for Category List (Force 3 Columns here too) */
.com-content-categories__items {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

/* 5. Responsive: 1 column for phones, 2 for tablets */
@media (max-width: 992px) {
    .blog-items, .com-content-category-blog__items, .com-content-categories__items {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .blog-items, .com-content-category-blog__items, .com-content-categories__items {
        grid-template-columns: 1fr !important;
    }
}

/* ===================================================== */
/* 4️⃣ PRICE FIELD – ALWAYS RED                             */
/* ===================================================== */
.field-entry.price,
.field-entry.price *,
.com-content-article .field-entry.price *,
.com-content-category .field-entry.price * {
    color: #C00000 !important;
    font-weight: 800 !important;
}

.field-entry.price .field-value {
    font-size: 26px !important;
    line-height: 1.2;
    margin: 8px 0 18px;
}

/* Category 11 override */
.com-content-category-11 .field-entry.price .field-value,
.com-content-article.category-11 .field-entry.price .field-value {
    font-size: 22px !important;
}

/* Mobile price size */
@media (max-width: 767px) {
    .field-entry.price .field-value {
        font-size: 20px !important;
    }
}

/* ===================================================== */
/* 5️⃣ SKU FIELD – ALWAYS BLACK                              */
/* ===================================================== */
.field-entry.sku,
.field-entry.sku * {
    color: #000000 !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    .field-entry.sku .field-value {
        font-size: 16px !important;
    }
}

/* ===================================================== */
/* 6️⃣ FIELDS CLEANUP – REMOVE BULLETS/PADDING            */
/* ===================================================== */
.fields-container,
.fields-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}