/* ========== ADMIN UI (uus style) ========== */

/* Reset + baastüübid */
*,
*::before,
*::after {
    box-sizing: border-box;
}

:root{
    --bg1:#f5e6a8;
    --bg2:#c9a441;
    --bg3:#8c6b1f;

    --card: rgba(255,255,255,.92);
    --card2: rgba(255,255,255,.86);
    --text:#2b2b2b;

    --gold:#8c6b1f;
    --gold2:#a27c19;

    --line: rgba(140,107,31,.25);
    --shadow: 0 10px 30px rgba(0,0,0,.22);
    --shadow2: 0 6px 18px rgba(0,0,0,.16);

    --radius: 14px;
}

body{
    margin:0;
    min-height:100vh;
    font-family:"Segoe UI", Arial, sans-serif;
    color:var(--text);
    background: radial-gradient(900px 400px at 20% 10%, rgba(255,255,255,.45), transparent 60%),
    linear-gradient(135deg, var(--bg1), var(--bg2), var(--bg3));
}

/* Peamine konteiner */
.admin-container{
    max-width: 1100px;
    margin: 40px auto;
    padding: 26px;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

/* Ülariba (valikuline) */
.admin-header{
    display:flex;
    gap:14px;
    align-items:flex-end;
    justify-content:space-between;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
    margin-bottom: 18px;
}

.admin-header .titles h1{
    margin:0;
    font-size: 24px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--gold);
}

.admin-header .titles p{
    margin:6px 0 0 0;
    color: rgba(0,0,0,.60);
    font-size: 13px;
}

.admin-header .quick-links{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

a{
    color: var(--gold);
    text-decoration:none;
    font-weight:600;
}
a:hover{ text-decoration: underline; }

/* Sektsiooni pealkiri */
h2{
    margin: 26px 0 10px 0;
    color: #6f5416;
    font-size: 18px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--line);
}

/* “Card” plokid */
.panel{
    background: var(--card2);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow2);
    padding: 18px;
    margin-top: 14px;
}

/* Vorm - grid */
form{
    margin-top: 12px;
}

.form-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
    align-items:start;
}

/* Väli */
.field label{
    display:block;
    font-weight: 700;
    font-size: 13px;
    color: rgba(0,0,0,.75);
    margin-bottom: 6px;
}

/* Inputid – mitte enam fullwidth */
.field input[type="text"],
.field input[type="number"],
.field textarea{
    width: 100%;
    max-width: 520px;           /* PÕHI: teeb kastid lühemaks */
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.18);
    background: rgba(255,255,255,.92);
    outline: none;
    font-size: 14px;
    transition: border-color .15s, box-shadow .15s, transform .05s;
}

.field input[type="text"]:focus,
.field input[type="number"]:focus,
.field textarea:focus{
    border-color: rgba(140,107,31,.55);
    box-shadow: 0 0 0 4px rgba(201,164,65,.25);
}

.field textarea{
    max-width: 760px;
    min-height: 140px;
    resize: vertical;
}

/* Suured väljad võtavad mõlemad veerud */
.field.full{
    grid-column: 1 / -1;
}

/* Kui tahad “Hind” kitsamaks */
.field.price input[type="number"]{
    max-width: 220px;
}

/* Nupurida */
.form-actions{
    margin-top: 14px;
    display:flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Nupud */
button,
input[type="submit"]{
    background: linear-gradient(135deg, #d6b85a, var(--gold2));
    color:#fff;
    border:none;
    padding: 10px 16px;
    border-radius: 10px;
    cursor:pointer;
    font-weight: 700;
    transition: transform .15s, box-shadow .15s, filter .15s;
    box-shadow: 0 6px 16px rgba(0,0,0,.18);
}

button:hover,
input[type="submit"]:hover{
    transform: translateY(-1px);
    filter: brightness(1.02);
}

button:active,
input[type="submit"]:active{
    transform: translateY(0px);
}

/* Tabel */
table{
    width:100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 14px;
    overflow:hidden;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.92);
}

th{
    text-align:left;
    padding: 12px;
    font-size: 13px;
    background: linear-gradient(135deg, rgba(230,208,137,.95), rgba(201,164,65,.75));
    color: #3a2c0a;
    border-bottom: 1px solid var(--line);
}

td{
    padding: 11px 12px;
    border-bottom: 1px solid rgba(0,0,0,.07);
}

tr:hover td{
    background: rgba(249,245,227,.70);
}

/* Kustuta/muuda lingid */
.action-links a{
    margin-right: 10px;
}
.action-links a.delete{
    color:#b03a2e;
    font-weight:800;
}

/* Jalus */
footer{
    margin-top: 26px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
    color: rgba(0,0,0,.60);
    font-size: 12px;
}

/* Responsive */
@media (max-width: 860px){
    .admin-container{ margin: 18px; padding: 18px; }
    .admin-header{ flex-direction: column; align-items:flex-start; }
    .form-grid{ grid-template-columns: 1fr; }
    .field input[type="text"],
    .field input[type="number"],
    .field textarea{ max-width: 100%; }
    .field.price input[type="number"]{ max-width: 100%; }
}