/**
 * @package     Joomla.Site
 * @subpackage  mod_mmseries
 *
 * @copyright   (C) 2025 Intercode
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
/* Módulo MM Series - Grid Layout Only */
.mmseries {
    margin-bottom: 1rem;
    color: #ffffff;
}

.module-name-mmseries {
    padding: 50px calc(40px - (var(--bs-gutter-x, 1.5rem) / 2));
    color: #ffffff;
}

.mmseries.layout-series .custom-title-text h3 {
    margin-bottom: 2rem;
    line-height: 1.2;
    font-weight: 400;
}

.module-name-mmseries .module-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 0;
}

.module-name-mmseries .custom-title-text p:last-child {
    margin-bottom: 0;
}

.module-name-mmseries .custom-title-text-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 33px;
}


.module-name-mmseries .custom-title-text h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.module-name-mmseries .custom-title-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
    opacity: 0.9;
}
.mmseries.layout-series .item{
    margin-top: calc(var(--bs-gutter-x) * 1);
    margin-bottom: calc(var(--bs-gutter-x) * 1);
}
.module-name-mmseries .custom-title-text p {
    margin: 0;
    line-height: inherit;
}

.module-name-mmseries .custom-title-text p+p {
    margin-top: 0.5rem;
}

.module-name-mmseries .view-all-link {
    flex-shrink: 0;
}

.module-name-mmseries .btn-view-all i {
    margin-left: 0.5rem;
    font-size: 12px;
}

.module-name-mmseries .btn-view-all:hover,
.module-name-mmseries .btn-view-all:focus {
    color: #fae100;
    background-color: #2A2A2A;
    border-color: #2A2A2A;
    text-decoration: none;
}


.module-name-mmseries .category-content .btn-secondary {
    background-color: #2A2A2A;
    color: #fae100;
    border: none;
    padding: 0.25rem 0.75rem;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
}

.module-name-mmseries .category-content .btn-secondary.medium-gray {
    background-color: #54585A;
}

.module-name-mmseries .category-content {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.module-name-mmseries .image-wrapper {
    margin-bottom: 2rem;
}

.module-name-mmseries.module-layout-articles .image-wrapper,
.module-name-mmseries.module-layout-ebook .image-wrapper {
    margin-bottom: 0;
}

.module-name-mmseries .category-content .btn-secondary:hover,
.module-name-mmseries .category-content .btn-secondary:focus {
    color: #2A2A2A !important;
    background-color: #fae100 !important;
    border-color: #2A2A2A !important;
    text-decoration: none;
}

/* Grid Layout */
.module-layout-articles .mmseries article,
.module-layout-ebook .mmseries article {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #CECECE66 !important;
}
.module-layout-series .mmseries article,
.module-layout-series .mmseries .image-wrapper{
    margin-bottom: 0;
    padding-bottom: 0;
}
.module-layout-articles .mmseries article,
.module-layout-ebook .mmseries article {
    padding-bottom: 2rem;
    margin-bottom: 2rem;


}

.mmseries .item {
    margin-bottom: calc(var(--bs-gutter-x) * 1);
}

.mmseries article:hover {
    box-shadow: none !important;
}

.mmseries article .intro-text {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.mmseries article .intro-text p:last-child {
    margin-bottom: 0;
}

.mmseries article .title {
    margin-bottom: 1rem;
}

.mmseries article .title a,
.mmseries article .title {
    color: inherit;
    text-decoration: none;
    font-family: Cera;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.module-layout-series .mmseries article .title a,
.module-layout-series .mmseries article .title{
    color:  var(--yellow)
}
.module-layout-series .mmseries article .title a:hover,
.module-layout-series .mmseries article .title:hover {
    color: #fff !important;
    text-decoration: none;
}
.mmseries article .title a:hover {
    color: var(--yellow) !important;
}
.mmseries .content-commom-tag .btn {
	padding: 0.5rem 1rem;
	font-weight: 700;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
	color: var(--yellow);
	background-color: #242424;
}
.mmseries .content-commom-tag .btn:hover,
.mmseries .content-commom-tag .btn:focus {
    color: #242424 !important;
    background-color: var(--yellow) !important;
    border-color: #242424 !important;
    text-decoration: none;
}
/* Accessibility */
.mmseries [aria-hidden="true"] {
    pointer-events: none;
}

/* Loading state */
.mmseries.loading {
    opacity: 0.6;
}

/* Empty state */
.mmseries-empty {
    text-align: center;
    padding: 2rem;
    color: #6c757d;
}

/* Button animations */
.mmseries .btn {
    transition: all 0.2s ease-in-out;
    border-radius: 0 !important;
}

/* Remove all borders, shadows and border-radius from all elements */
.mmseries *,
.mmseries *::before,
.mmseries *::after {
    border-radius: 0 !important;
}


.mmseries .btn,
.mmseries img,
.mmseries .rounded,
.mmseries .rounded-top,
.mmseries .rounded-bottom,
.mmseries .rounded-start,
.mmseries .rounded-end,
.mmseries .shadow,
.mmseries .shadow-sm,
.mmseries .shadow-lg {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Remove any inline styles that might add borders/shadows/border-radius */
.mmseries [style*="border"],
.mmseries [style*="box-shadow"],
.mmseries [style*="border-radius"],
.mmseries [style*="rounded"] {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Override Bootstrap classes specifically */
.mmseries .border,
.mmseries .border-top,
.mmseries .border-bottom,
.mmseries .border-start,
.mmseries .border-end {
    border: none !important;
}

/* Background color support */
.mmseries[style*="background-color"] {
    background-color: inherit !important;
}

.mmseries article[style*="background-color"] {
    background-color: inherit !important;
}

/* Image ratio support - uses Bootstrap ratio classes */
.mmseries .ratio {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
}

.mmseries .ratio img {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* When ratio is 'none', allow natural image proportions */
.mmseries img:not(.ratio img) {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Override Bootstrap object-fit classes */
.mmseries .object-fit-cover {
    object-fit: cover !important;
}

.mmseries.layout-series .custom-title-text {
    margin-bottom: 3rem;
}

.module-name-mmseries .mmseries.layout-series .custom-title-text-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 33px;
}

.module-name-mmseries .mmseries.layout-podcast .custom-title-text-wrapper .view-all-link,
.module-name-mmseries .mmseries.layout-ebook .custom-title-text-wrapper .view-all-link,
.module-name-mmseries .mmseries.layout-articles .custom-title-text-wrapper .view-all-link,
.module-name-mmseries .mmseries.layout-videos .custom-title-text-wrapper .view-all-link {
    margin-left: 1rem;
    margin-right: calc(50% + var(--bs-gutter-x));
}

.mmseries .view-all-link .btn,
.mmseries .view-all .btn {
    padding: 0.75rem 2.75rem;
}

.mmseries .view-all-link .btn.medium-gray:hover,
.mmseries .view-all-link .btn.medium-gray:focus,
.mmseries .view-all .btn.medium-gray:hover,
.mmseries .view-all .btn.medium-gray:focus {
    color: #fae100 !important;
    background-color: #54585A !important;
    border-color: #54585A;
    !important;
    text-decoration: none;
}
.mmseries .image-wrapper .content-header {
    position: absolute;
    bottom: 0;
    padding: var(--bs-gutter-x, 1.5rem);
    z-index: 2;
}
.mmseries .image-wrapper{
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.module-name-mmseries .mmseries.layout-series .image-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   /* background degrade #2A2A2A */
   background: linear-gradient(to top, #2A2A2A, rgba(42, 42, 42, 0));
   z-index: 1;
}
/* Responsive adjustments */
@media (max-width: 991px) {
    .module-name-mmseries .mmseries.layout-podcast .custom-title-text-wrapper .view-all-link,
.module-name-mmseries .mmseries.layout-ebook .custom-title-text-wrapper .view-all-link,
.module-name-mmseries .mmseries.layout-articles .custom-title-text-wrapper .view-all-link,
.module-name-mmseries .mmseries.layout-videos .custom-title-text-wrapper .view-all-link {
    margin-left: 0;
    margin-right: auto;
}

    .module-name-mmseries {
        padding-left: calc(var(--bs-gutter-x, 1.5rem) / 2);
        padding-right: calc(var(--bs-gutter-x, 1.5rem) / 2);
    }

    .module-name-mmseries .custom-title-text-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .module-name-mmseries .custom-title-text {
        font-size: 24px;
        line-height: 28px;
    }

    .module-name-mmseries .btn-view-all {
        font-size: 12px;
        padding: 6px 12px;
    }
}