/* Aplikacija za ski instruktore - dopuna mobile.css */

/* ---------------- Boje ski centra: zlatna #d2af5d ----------------
   Zlatna je svetla boja - tekst na njoj je taman (--m-on-primary), a linkovi i aktivne
   ikonice na beloj pozadini koriste tamniju nijansu (--m-primary-dark) da bi bili citljivi. */
:root {
    --m-primary: #d2af5d;
    --m-primary-2: #e6cb86;
    --m-primary-dark: #9a7a2e;
    --m-primary-soft: #f7efdb;
    --m-on-primary: #1f1b12;
    --m-bg: #f5f3ee;        /* topla svetla pozadina umesto plavkaste iz teme */
    --m-border: #ebe5d8;
}
a { color: var(--m-primary-dark); }
input[type=checkbox], input[type=radio] { accent-color: var(--m-primary-dark); }

.btn-theme, .btn-theme:focus {
    background: var(--m-primary) !important; border-color: var(--m-primary) !important; color: var(--m-on-primary) !important; font-weight: 700;
}
.btn-theme:hover, .btn-theme:active { background: #c39f4c !important; border-color: #c39f4c !important; color: var(--m-on-primary) !important; }
.btn-soft { background: var(--m-primary-soft); color: var(--m-primary-dark); }
.btn-soft:active { background: #efe2bf; }

.m-hero { color: var(--m-on-primary); }
.m-hero p { opacity: .75; }
.m-stat { background: rgba(255, 255, 255, .38); }
.m-hero::after { background: rgba(255, 255, 255, .22); }

.m-nav-item.active, .m-nav-center.active { color: var(--m-primary-dark); }
.m-nav-center .m-nav-icon { color: var(--m-on-primary); box-shadow: 0 6px 16px rgba(154, 122, 46, .4); }
.m-chip.active { background: var(--m-primary); border-color: var(--m-primary); color: var(--m-on-primary); }
.m-fab, .m-fab:active { color: var(--m-on-primary); box-shadow: 0 8px 20px rgba(154, 122, 46, .4); }
.m-avatar, .m-icon-tile, .m-header-btn.m-install, .m-badge.info { color: var(--m-primary-dark); }
.m-flash-info { color: var(--m-primary-dark); }
.m-input:focus, .m-field .form-control:focus { border-color: var(--m-primary); box-shadow: 0 0 0 4px rgba(210, 175, 93, .25); }
.m-install-card { border-color: #e2cd98; }
.m-steps li::before { color: var(--m-primary-dark); }
.m-header-logo img { border-radius: 50%; background: #fff; }

/* Prijava: tamna podloga sa zlatnim prelazom, kao logo */
body.login-page { background: linear-gradient(165deg, #15130e 0%, #2e281b 55%, #8a6d2c 100%) !important; }
.login-brand img { background: #fff; }

/* Moj ski pass */
.i-pass { border-left: 6px solid #c9d2e3; }
.i-pass.is-valid { border-left-color: var(--m-green); }
.i-pass.is-waiting { border-left-color: var(--m-yellow); }
.i-pass.is-none { border-left-color: var(--m-red); }
.i-pass-main { font-size: 19px; font-weight: 800; }
.i-pass-until { font-size: 17px; margin-top: 2px; }
.i-pass-until b { font-size: 26px; color: var(--m-green); }

/* Izbor ski passa za produzenje */
.i-tpl-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
.i-tpl-grid form { margin: 0; }
.i-tpl {
    width: 100%; border: 0; text-align: left; border-radius: var(--m-radius); padding: 16px 18px; color: var(--m-on-primary);
    background: linear-gradient(135deg, var(--m-primary), var(--m-primary-2)); box-shadow: 0 6px 16px rgba(154, 122, 46, .3);
    display: grid; grid-template-columns: 1fr auto; grid-template-areas: "name price" "sub price"; align-items: center; gap: 2px 12px;
}
.i-tpl:active { transform: scale(.98); }
.i-tpl:disabled { opacity: .5; }
.i-tpl-name { grid-area: name; font-size: 18px; font-weight: 800; }
.i-tpl-sub { grid-area: sub; font-size: 13px; opacity: .9; }
.i-tpl-price { grid-area: price; font-size: 20px; font-weight: 800; white-space: nowrap; }
/* druga i treca kartica: crna (kao logo) i bronzana */
.i-tpl-grid form:nth-child(3n+2) .i-tpl { background: linear-gradient(135deg, #1f1b12, #3d3627); color: #fff; box-shadow: 0 6px 16px rgba(0, 0, 0, .25); }
.i-tpl-grid form:nth-child(3n+2) .i-tpl-price { color: var(--m-primary); }
.i-tpl-grid form:nth-child(3n+3) .i-tpl { background: linear-gradient(135deg, #8a6d2c, #b48f3f); color: #fff; box-shadow: 0 6px 16px rgba(138, 109, 44, .3); }

/* Polaznici - forma za otkazivanje u redu liste */
.i-student form { display: flex; align-items: center; margin: 0; }