/* GRAWE: "Osiguranje od autonezgode gratis" badge — pun-širinski red ispod kolona ponude */

/* Red ponude je flex nowrap; dozvoli prelom da badge padne u novi red ispod kolona. */
.e-con.gp-has-gift-badge {
    flex-wrap: wrap;
}

.gp-gift-badge {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding: 10px 10px 8px 10px;
    border-top: 1px dashed #c9d3e0;
    color: #069a57;
    /* accent green sa sajta */
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
}

.gp-gift-badge__icon {
    flex: 0 0 auto;
}

/* Mobilni: badge iznad reda ponude — divider ide dole (border-bottom) */
@media (max-width: 767px) {
    .gp-gift-badge {
        padding: 8px 8px 8px 16px;
        border-top: none;
        border-bottom: 1px dashed #c9d3e0;
    }
}

/* --- "?" info dugme + objašnjenje ------------------------------------ */

.gp-gift-badge {
    position: relative;
    cursor: pointer;
}

/* plavi info kružić; !important jer theme stilovi za button razvlače kružić u oval */
.gp-gift-badge__info {
    flex: 0 0 auto;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px !important;
    height: 22px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1.5px solid #1d70b8 !important;
    background: #fff !important;
    color: #1d70b8 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12) !important;
    cursor: pointer;
}

/* desktop tooltip balon (#Rezultati) — iznad "?", strelica nadole */
.gp-gift-badge__tooltip {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;
    width: min(360px, 90vw);
    z-index: 99;
    background: #fff;
    color: #33475b;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.45;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #e3e9f1;
    box-shadow: 0 6px 24px rgba(16, 52, 93, .18);
}

.gp-gift-badge__tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 18px;
    border: 7px solid transparent;
    border-top-color: #fff;
}

/* panel sa objašnjenjem koji se expanduje unutar kartice */
.gp-gift-badge__expand-panel {
    flex: 0 0 100%;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease;
    color: #33475b;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.45;
    padding: 0 16px;
    box-sizing: border-box;
}

.gp-gift-badge__expand-panel.gp-open {
    max-height: 160px;
    padding-top: 10px;
    padding-bottom: 12px;
}

@media (min-width: 768px) {
    .gp-gift-badge__expand-panel {
        display: none;
    }

    .gp-gift-badge__info:hover+.gp-gift-badge__tooltip,
    .gp-gift-badge__info:focus+.gp-gift-badge__tooltip,
    .gp-gift-badge__tooltip:hover {
        display: block;
    }
}

@media (max-width: 767px) {
    .gp-gift-badge__tooltip {
        display: none !important;
    }

    /* kolone reda imaju order 1-10, badge order 0 (vrh kartice);
       panel mora order:0 (NE -1) da stane odmah ispod badge-a */
    .gp-gift-badge__expand-panel {
        order: 0;
    }
}

/* --- #Detalji kartica ------------------------------------------------- */
/* Kartica je flex kolona (redovi order 1/1/99999, badge order 0 → vrh).
   Ponašanje identično #Rezultati: desktop hover tooltip, mobilni expand. */
.gp-gift-badge--detalji,
.gp-gift-badge--detalji+.gp-gift-badge__expand-panel {
    flex: 0 0 auto;
}

.gp-gift-badge--detalji {
    margin-top: 0;
    border-top: none;
    border-bottom: 1px dashed #c9d3e0;
}

.gp-gift-badge--detalji+.gp-gift-badge__expand-panel {
    order: 0;
}

.gp-gift-badge--detalji+.gp-gift-badge__expand-panel.gp-open {
    max-height: 240px;
}

/* uži balon — sidebar kartica je uz levu ivicu ekrana pa 360px ne staje */
.gp-gift-badge--detalji .gp-gift-badge__tooltip {
    width: min(290px, calc(100vw - 30px));
}

/* Kartica ima overflow:hidden koji bi odsekao balon iznad nje — klasa
   (dodaje je insuranceDetailsListener) vraća visible, a zaobljene donje
   uglove (16px kao kartica) preuzima poslednji, sivi red umesto clip-a. */
.gp-has-detalji-badge {
    overflow: visible !important;
}

.gp-has-detalji-badge>div:nth-child(3) {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}