/* ============================================================
   css/domene-web.css - stranica domena (/domains, /es/dominios)
   Lokacija: /css/domene-web.css  (ucitava je samo domain.php, poslije header-web.css)
   Tabovi Registracija/Transfer, rezultat provjere, istaknute ekstenzije ispod forme
   i kartice najpopularnijih domena. Boje kao ostatak stranice (css/main.css).
   ============================================================ */

.domene-forma {
    margin-top: 10px;
}

.domene-tabs {
    border-bottom: 0;
    gap: 6px;
    margin-bottom: 12px;
}

.domene-tabs .nav-link {
    border: 1px solid #d2e8ff;
    border-radius: 6px;
    background: #ffffffd9;
    color: #073465;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 16px;
}

.domene-tabs .nav-link.active {
    background: #2ba3eb;
    border-color: #2ba3eb;
    color: #fff;
}

.domene-search .domene-input {
    text-transform: lowercase;
}

.domene-rezultat {
    margin-top: 12px;
    font-weight: 500;
    font-size: 15px;
}

.domene-rezultat .domene-ok,
.domene-rezultat .domene-greska,
.domene-rezultat .domene-provjera {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 6px;
}

.domene-rezultat .domene-ok {
    background: #e9f8ee;
    color: #157347;
}

.domene-rezultat .domene-greska {
    background: #fdecec;
    color: #b02a37;
}

.domene-rezultat .domene-provjera {
    background: #f1f3f8;
    color: #073465;
}

.domene-rezultat .domene-akcija {
    margin-left: auto;
    min-width: auto;
    padding: 8px 14px;
    font-size: 14px;
}

.domene-istaknute {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.domene-chip {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    background: #ffffffd9;
    border: 1px solid #d2e8ff;
    color: #073465;
    font-size: 13px;
}

.domene-chip strong {
    color: #2ba3eb;
}

.domene-popularne .section-heading p {
    margin-bottom: 0;
}

.domene-kartica {
    text-align: center;
    background: #fff;
    border: 2px solid #d2e8ff;
    border-radius: 20px;
    padding: 30px 20px;
    height: 100%;
    transition: border-color .3s ease;
}

.domene-kartica:hover {
    border-color: #ee5a09;
}

.domene-ekstenzija {
    font-size: 34px;
    font-weight: 700;
    color: #073465;
    line-height: 1.1;
}

.domene-cijena {
    margin-top: 14px;
    font-size: 24px;
    font-weight: 700;
    color: #2ba3eb;
}

.domene-cijena small {
    font-size: 13px;
    font-weight: 500;
    color: #434c61;
}

.domene-obnova {
    margin-top: 6px;
    font-size: 13px;
    color: #434c61;
}

.domene-kartica-btn {
    margin-top: 18px;
    min-width: auto;
    padding: 9px 18px;
    font-size: 14px;
}

@media (max-width: 575.98px) {
    .domene-rezultat .domene-akcija {
        margin-left: 0;
        width: 100%;
    }

    .domene-ekstenzija {
        font-size: 28px;
    }
}