/* --- Offer grid modal 1.1.0 --- */
.lvd-cm-offer-grid-modal .lvd-section-title                        {color:var(--lvd-color-black);}
.lvd-cm-offer-grid-modal .lvd-section-intro.lvd-text-center        {margin-left:auto; margin-right:auto;}
.lvd-cm-offer-grid-modal .lvd-section-intro                        {max-width:80%;}

/* Card Base */
.lvd-cm-offer-grid-modal .lvd-card                                 {position:relative; border-radius:var(--lvd-rounded); display:flex; flex-direction:column; height: 100%; transition: transform 0.3s ease;}
.lvd-cm-offer-grid-modal .lvd-card:hover                           {transform: translateY(-4px);}

/* Image & Overlays */
.lvd-cm-offer-grid-modal .lvd-card-image-wrapper                   {position: relative; width: 100%;}
.lvd-cm-offer-grid-modal .lvd-img img                              {border-radius: var(--lvd-rounded); width: 100%; height: auto; display: block;} /* Border radius aplicat pe toate cele 4 colțuri */

.lvd-cm-offer-grid-modal .lvd-badge                                {position:absolute; bottom:16px; right:16px; border-radius:8px; height:40px; line-height:40px; padding:0 16px; background:var(--lvd-color-primary-100); color:var(--lvd-color-black); font-weight:700; font-size: 18px; text-transform: uppercase; z-index: 2;}
.lvd-cm-offer-grid-modal .lvd-sale-percent                         {position:absolute; top:16px; right:16px; width:48px; height:48px; line-height:48px; border-radius: 50%; text-align:center; background:var(--lvd-color-success); color:var(--lvd-color-white); font-size: var(--lvd-text-s1); font-weight:700; z-index: 2;}

/* Content Layout */
.lvd-cm-offer-grid-modal .lvd-content                              {padding:24px 24px 32px 24px; flex-grow: 1; display: flex; flex-direction: column; position: relative;}
.lvd-cm-offer-grid-modal .lvd-content p                            {margin-bottom:20px;}
.lvd-cm-offer-grid-modal .lvd-content li                           {list-style:none; position:relative; margin-bottom:8px; padding-left:12px;}
.lvd-cm-offer-grid-modal .lvd-content li::before                   {position:absolute; top:7px; left:-6px; content: "\e914"; font-family:icomoon; font-size:6px; color:var(--lvd-color-primary); font-weight: bold;}
.lvd-cm-offer-grid-modal .lvd-keyword                              {color:var(--lvd-color-gray-400); font-weight: 700; margin-bottom:8px; text-transform:uppercase; font-size: 12px;}
.lvd-cm-offer-grid-modal .lvd-title                                {font-weight: 700; margin-bottom:8px; color:var(--lvd-color-black); line-height: 1.3;}
.lvd-cm-offer-grid-modal .lvd-price-cut                            {margin-bottom:8px; color:var(--lvd-color-gray-400); text-decoration: line-through;}
.lvd-cm-offer-grid-modal .lvd-price                                {margin-bottom:16px; color:var(--lvd-color-primary); font-weight: 700;}
.lvd-cm-offer-grid-modal .lvd-benefit span                         {margin-bottom:16px; background:var(--lvd-color-primary-100); color:var(--lvd-color-primary);  display:inline-block; border-radius:var(--lvd-rounded); font-size: var(--lvd-text-s1); padding:8px;}
.lvd-cm-offer-grid-modal .lvd-benefit p                            {margin:0;}

/* --- Overlay Link (Face TOT cardul clickabil) --- */
.lvd-cm-offer-grid-modal .lvd-card-overlay-link {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 5; /* Stă deasupra tuturor elementelor din card */
    cursor: pointer;
    outline: none;
}

/* --- Plus Modal Trigger (Stil preluat din List Modal) --- */
.lvd-cm-offer-grid-modal .lvd-modal-plus-trigger {
    position: absolute;
    bottom: 24px;
    right: 24px;
    width: 24px;
    height: 24px;
    background-color: var(--lvd-color-black); /* Set direct la negru */
    
    /* Iconița SVG aplicată ca mască */
    -webkit-mask-image: url('../assets/svg/bs-icons/plus-circle-fill.svg');
    mask-image: url('../assets/svg/bs-icons/plus-circle-fill.svg');
    -webkit-mask-repeat: no-repeat; 
    mask-repeat: no-repeat;
    -webkit-mask-size: contain; 
    mask-size: contain;
    -webkit-mask-position: center; 
    mask-position: center;
    
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: 4; /* Sub overlay */
    pointer-events: none; /* Previne conflictele de click cu overlay-ul */
}

/* Efectul genial: Iconița se animează (doar scale) când faci hover pe ORICE zonă a cardului! */
.lvd-cm-offer-grid-modal .lvd-card:hover .lvd-modal-plus-trigger {
    transform: scale(1.1);
}

/* Dacă ai nevoie de stiluri specifice pentru carduri întunecate (unde plusul trebuie să fie alb) */
.lvd-cm-offer-grid-modal .lvd-card.lvd-style-dark .lvd-modal-plus-trigger {
    background-color: var(--lvd-color-white);
}

/* --- Media Queries --- */

/* Surfaces */
.lvd-cm-offer-grid-modal.lvd-style-white                           {background:var(--lvd-color-white);}
.lvd-cm-offer-grid-modal.lvd-style-light                           {background:var(--lvd-color-gray-200);}

.lvd-cm-offer-grid-modal.lvd-style-light-no-cards                  {background:var(--lvd-color-gray-200);}
.lvd-cm-offer-grid-modal.lvd-style-light-no-cards .lvd-card        {box-shadow:unset; background:transparent; border:unset;}
.lvd-cm-offer-grid-modal.lvd-style-light-no-cards .lvd-img img     {border-radius: var(--lvd-rounded);}
.lvd-cm-offer-grid-modal.lvd-style-light-no-cards .lvd-content     {padding:24px 16px 0 16px;}

.lvd-cm-offer-grid-modal.lvd-style-transparent-no-cards            {background:transparent;}
.lvd-cm-offer-grid-modal.lvd-style-transparent-no-cards .lvd-card  {box-shadow:unset; background:transparent; border:unset !important;}
.lvd-cm-offer-grid-modal.lvd-style-transparent-no-cards .lvd-img img{border-radius: var(--lvd-rounded);}
.lvd-cm-offer-grid-modal.lvd-style-transparent-no-cards .lvd-content{padding:24px 16px 0 16px;}

/* --- Media Queries --- */

/* Bm */
@media (max-width:767px) {
    .lvd-cm-offer-grid-modal, .lvd-cm-offer-grid-modal.lvd-px, .lvd-cm-offer-grid-modal.lvd-pxy {
        padding-left:16px !important; 
        padding-right:16px !important;
    }
    .lvd-cm-offer-grid-modal .lvd-section-intro {
        max-width:100%;
    }
     .lvd-cm-offer-grid-modal .lvd-modal-plus-trigger {
        right: 16px;
        bottom: 16px;
        width: 20px;
        height: 20px;
    }
}

/* Bt */
@media (min-width:768px) and (max-width:1023px) {
    .lvd-cm-offer-grid-modal, .lvd-cm-offer-grid-modal.lvd-px, .lvd-cm-offer-grid-modal.lvd-pxy {
        padding-left:24px !important; 
        padding-right:24px !important;
    }
}

/* Full HD */
@media (min-width:1024px) and (max-width:1344px) {
    .lvd-cm-offer-grid-modal, .lvd-cm-offer-grid-modal.lvd-px, .lvd-cm-offer-grid-modal.lvd-pxy {
        padding-left:24px !important; 
        padding-right:24px !important;
    }
}