/* =========================================================
   E-COMMERCE: boje paketa (order/ecommerce.php)
   Učitava se POSLIJE order.css i mijenja samo ono što je kod Office paketa narandžasto.
   Boje paketa su iste kao na stranici sa cjenovnikom: #18bb57 (naslov), #72da98 (svijetla), #187d3f (tamna).
========================================================= */

.op--ecom {
    --eco: #18bb57;
    --eco-d: #187d3f;
    --eco-l: #72da98;
}

/* naslov "E-COMMERCE" iznad forme */
.op--ecom .intro h1 em {
    background: linear-gradient(100deg, var(--eco) 0%, var(--eco-d) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* naslov "E-COMMERCE" u sažetku (tamna kartica, pa svjetlija nijansa da se dobro čita) */
.op--ecom .sum h3 span {
    color: var(--eco-l);
}

/* "Sistem dostave i naplate" + izbor plaćanja: jedna povezana kartica (red sa prekidačem gore, izbor načina plaćanja dole) */
.op--ecom .row-wrap--pay {
    border-radius: 13px;
    box-shadow: 0 0 0 4px rgba(0, 110, 255, .08);       /* isti prsten kao na uključenom redu */
}

.op--ecom .row-wrap--pay > .orow {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    border-bottom: none;
}

.op--ecom .row-wrap--pay > .lang {
    margin-top: 0;
    padding: 16px 18px 18px;
    border: 1.5px solid var(--main);
    border-top: 1px solid var(--border);                /* tanka crta razdvaja red od izbora */
    border-radius: 0 0 13px 13px;
    background: #fff;
    animation: none;
}

.op--ecom .pay-t {
    margin: 0 0 12px;
    font: 600 13px/1 var(--head);
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--muted);
}

/* samo jedna kartica u izboru vrste sajta */
.op--ecom .opts--1 {
    grid-template-columns: 1fr;
}