/*
 * Jednotný vzhled ovládacích prvků administrace. Načítá se po admin.css (index.php, s ?v= podle změny souboru).
 * Selektory mají předponu :root, aby přebily styly vložené přímo ve stránkách.
 *
 *  Tlačítka
 *   - primární akce (Uložit…): <button> – vínové plné (admin.css)
 *   - vedlejší akce (Zavřít, Zrušit…): .btn-light – bílé s vínovým rámečkem
 *   - přidání (+ Přidat…): .admin-list-create-btn – zlaté; v řádcích formuláře .is-compact
 *   - zpět: .admin-back-btn – vedlejší styl se šipkou
 *   - výběr polohy na mapě: [data-open-coord-picker], .wm-map-button – vedlejší styl s ikonou špendlíku
 *   - ikonová tlačítka: .icon-btn (a starší .wm-icon-btn, .wba-icon, …) – malý zaoblený čtverec, ikona svg.ui-icon
 *   - zavřít dialog: .coord-modal-close / .wm-dialog-close – vínové kolečko s křížkem
 *  Barvy stavů
 *   - vybraná volba (způsob platby, místo vyzvednutí): zelená
 *   - chyba / nevyplněný údaj: červená
 */

/* ---------- Ikony ---------- */
:root svg.ui-icon{width:17px;height:17px;fill:none!important;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- Ikonová tlačítka ---------- */
:root .icon-btn,
:root .wm-icon-btn,
:root .wba-icon,
:root .winemaker-contact-remove,
:root .winemaker-awards-remove,
:root .winemaker-cuvee-remove,
:root .winemaker-edit-btn{width:32px;height:32px;min-width:32px;padding:0!important;border-radius:8px!important;border:1px solid #d5c7de!important;background:#fff!important;color:#7A1B3A;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;box-shadow:none}
:root .icon-btn:hover,
:root .wm-icon-btn:hover,
:root .wba-icon:hover,
:root .winemaker-contact-remove:hover,
:root .winemaker-awards-remove:hover,
:root .winemaker-cuvee-remove:hover,
:root .winemaker-edit-btn:hover{background:#f7f1fa!important;border-color:#c3aecf!important}
:root .icon-btn:disabled,
:root .wm-icon-btn:disabled,
:root .wba-icon:disabled,
:root .winemaker-contact-remove:disabled{opacity:.35;cursor:not-allowed;background:#fff!important}
:root .icon-btn.danger{color:#9b2c2c;border-color:#e1b5b5!important}
:root .icon-btn.danger:hover{background:#fff3f3!important}

/* Obrysové ikony ve vinařských ikonových tlačítkách – stejná tloušťka čáry všude. */
:root .wm-icon-btn svg,
:root .wba-icon svg,
:root .winemaker-contact-remove svg,
:root .winemaker-awards-remove svg,
:root .winemaker-cuvee-remove svg,
:root .winemaker-edit-btn svg{width:17px;height:17px;fill:none!important;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:root .winemaker-visible-btn.is-off,
:root .wm-visible-btn.is-off{color:#9b4a66}

/* ---------- Přidat ---------- */
:root .admin-list-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;border:1px solid #8b7442;background:#8b7442;color:#fff;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:none}
:root .admin-list-create-btn:hover{background:#7a6538;border-color:#7a6538;color:#fff}
:root .admin-list-create-btn:disabled{opacity:.5;cursor:not-allowed}
:root .admin-list-create-btn.is-compact{height:34px;padding:0 13px;font-size:13px}

/* ---------- Vedlejší tlačítka a odkazy ve tvaru tlačítka ---------- */
:root a.btn-light,
:root .admin-back-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid #7A1B3A;background:#fff;color:#7A1B3A;font-weight:600;text-decoration:none;white-space:nowrap;box-sizing:border-box}
:root a.btn-light:hover,
:root .admin-back-btn:hover{background:#f8eef3}

/* ---------- Výběr polohy na mapě ---------- */
:root [data-open-coord-picker],
:root .wm-map-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid #7A1B3A!important;background:#fff!important;color:#7A1B3A!important;font-weight:600;white-space:nowrap;cursor:pointer}
:root [data-open-coord-picker]:hover,
:root .wm-map-button:hover{background:#f8eef3!important}
:root [data-open-coord-picker]::before,
:root .wm-map-button::before{content:'';width:16px;height:16px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- Vybraná volba = zelená (odlišená od vínové značky i červené chyby) ---------- */
:root .wm-payment-option:has(input:checked){border-color:#3f9463;background:#eef8f2;color:#1d6a3f}
:root .wm-payment-option input[type=checkbox],
:root .wm-pickup-choice input{accent-color:#2f8a55}
:root .wm-pickup-option:has(input:checked){border-color:#3f9463;background:#eef8f2;box-shadow:0 0 0 1px rgba(47,138,85,.12)}
:root .wm-pickup-option:has(input:checked) .wm-pickup-kind{color:#1d6a3f}

/* ---------- Chyby a nevyplněné údaje = červená s ikonou ---------- */
:root .wm-payment-error.show,
:root .wm-form-errors:not([hidden]),
:root .wm-tier-error.show,
:root .wm-modal-error.show,
:root .wba-error.show,
:root .winemaker-winery-error.show{position:relative;padding:10px 12px 10px 38px;border:1px solid #f3aca4;border-radius:10px;background:#fef3f2;color:#b42318;font-weight:700}
:root .wm-payment-error.show::before,
:root .wm-form-errors:not([hidden])::before,
:root .wm-tier-error.show::before,
:root .wm-modal-error.show::before,
:root .wba-error.show::before,
:root .winemaker-winery-error.show::before{content:'!';position:absolute;left:11px;top:9px;width:18px;height:18px;border-radius:50%;background:#d92d20;color:#fff;font-size:12px;font-weight:800;line-height:18px;text-align:center}
:root .wm-payment-field-error input,
:root .wm-payment-field-error select,
:root .wm-field-error input,
:root .wm-field-error select,
:root .wm-field-error textarea,
:root .winemaker-winery-field-error input,
:root .winemaker-winery-field-error select,
:root .winemaker-winery-field-error textarea{border-color:#d92d20!important;box-shadow:0 0 0 3px rgba(217,45,32,.12)!important}
:root .wm-payment-field-error > label,
:root .wm-field-error > label,
:root .winemaker-winery-field-error > label,
:root .winemaker-field-error-text{color:#b42318}

/* ---------- Zavřít dialog / odebrat: křížek jako obrysová ikona ---------- */
:root .coord-modal-close svg.ui-icon,
:root .modal-close svg.ui-icon{width:18px;height:18px;stroke-width:2.4}
:root .location-menu-remove-pause svg.ui-icon,
:root .subscriber-remove-btn svg.ui-icon,
:root .icon-btn[data-group-remove-pause] svg.ui-icon{width:15px;height:15px}
:root .coord-modal-close,
:root .modal-close,
:root .location-menu-remove-pause,
:root .subscriber-remove-btn{display:inline-flex;align-items:center;justify-content:center}

/* Akce v řádcích seznamů: tlačítka (i ve formulářích) a vložený náhled „i“ na jedné ose s odstupem. */
:root .icon-btn{vertical-align:middle;box-sizing:border-box}
:root td > form[style*="inline-block"],
:root td > form.inline{display:inline-flex!important;align-items:center;margin:0;vertical-align:middle}
:root .row-preview-anchor{margin:0 0 0 6px!important;vertical-align:middle}
:root .icon-btn.info{color:#7A1B3A}

/* Nastavení polí v editoru vína: zaoblený čtverec jako ostatní ikonová tlačítka (Zavřít zůstává kolečko). */
:root .winemaker-extended-settings{border-radius:12px!important;border-color:#d5c7de!important}
:root .winemaker-extended-settings:hover{background:#f7f1fa!important;border-color:#c3aecf!important}

/* Tlačítko Zpět hned za hlavním tlačítkem formuláře (Uložit … / ← Zpět). */
:root button + .admin-back-btn,
:root .btn-light + .admin-back-btn{margin-left:8px}

/* Seznamy vín: ikony akcí s odstupem od ceny (Vína na události, degustace, ceník, e-shop). */
:root body .winemaker-wine-row:has(> .winemaker-row-actions){grid-template-columns:28px 32px minmax(0,1fr) auto auto}
:root .winemaker-row-actions{display:inline-flex;align-items:center;gap:6px;padding-left:12px;justify-self:end}
:root .winemaker-row-actions form{margin:0}
:root .winemaker-wine-row > .winemaker-edit-btn{justify-self:end}

/* ---------- Číselná pole s tlačítky −/+ (assets/admin-ui.js, input[data-stepper]) ---------- */
/* Pole má minimální šířku – v úzké buňce se tak nezmáčkne na nulu, buňka se raději roztáhne. */
:root .ui-stepper{display:grid;grid-template-columns:minmax(72px,1fr) 32px 32px;gap:5px;align-items:center}
:root .ui-stepper > input,
:root .ui-stepper > .clearable-input-wrap{width:100%;min-width:0;box-sizing:border-box}
:root .ui-stepper-btn,
:root .wm-step-button:not(.wm-step-clear){width:32px!important;height:32px;min-width:32px;padding:0!important;border:1px solid #d5c7de!important;border-radius:8px!important;background:#fff!important;color:#7A1B3A!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
:root .ui-stepper-btn:hover,
:root .wm-step-button:not(.wm-step-clear):hover{background:#f7f1fa!important;border-color:#c3aecf!important}
:root .ui-stepper-btn svg.ui-icon{width:15px;height:15px}
:root .wm-number-stepper{grid-template-columns:minmax(0,1fr) 32px 32px}
:root .wm-number-stepper.has-suffix{grid-template-columns:minmax(0,1fr) auto 32px 32px}