/* 1.8.82: tallas — editor (sucursal y panel) y selector de la ficha de la tienda. Botones #ffcc00 / #111827, hover #f5c400. */

/* Editor: filas «Talla · Cantidad» */
.zfl-sz-ed{border:0;padding:0;margin:14px 0 12px;min-width:0}
.zfl-sz-ed legend{font-size:14px;font-weight:600;padding:0;margin-bottom:6px}
.zfl-sz-ed legend small{font-weight:400;opacity:.75}
.zfl-sz-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.zfl-sz-rows:empty{display:none}
.zfl-sz-r{display:grid;grid-template-columns:minmax(0,160px) 84px 36px;gap:6px;align-items:center}
.zfl-sz-r input{width:100%;min-width:0;box-sizing:border-box;padding:8px 10px;font-size:15px;border-radius:8px}
html body .zfl-sz-ed button.zfl-sz-x,html body .zfl-sz-ed button.zfl-sz-add,html.dark-mode body .zfl-sz-ed button.zfl-sz-x,html.dark-mode body .zfl-sz-ed button.zfl-sz-add{background-image:none!important;background:#ffcc00!important;color:#111827!important;border:1px solid #ffcc00!important;font-weight:700;cursor:pointer}
html body .zfl-sz-ed button.zfl-sz-x{height:36px!important;width:36px!important;min-width:0!important;border-radius:8px!important;font-size:18px!important;line-height:1!important;padding:0!important}
html body .zfl-sz-ed button.zfl-sz-x:hover,html body .zfl-sz-ed button.zfl-sz-add:hover,html body .zfl-sz-ed button.zfl-sz-x:focus,html body .zfl-sz-ed button.zfl-sz-add:focus,html.dark-mode body .zfl-sz-ed button.zfl-sz-x:hover,html.dark-mode body .zfl-sz-ed button.zfl-sz-add:hover{background:#f5c400!important;border-color:#f5c400!important}
.zfl-sz-ed .zfl-sz-add{padding:6px 12px;font-size:14px;border-radius:8px}
.zfl-sz-list{margin:2px 0 6px;font-size:13px}
.zfl-sz-list b{font-weight:700}

/* Ficha de la tienda: elegir la talla. 1.8.84: con !important, porque el tema (Electro) pinta todos los <button> de gris */
.zfl-sizes{margin:8px 0 10px}
.zfl-sizes-q{margin:0 0 6px;font-size:14px;font-weight:700}
.zfl-sizes-row{display:flex;flex-wrap:wrap;gap:8px}
html body .zfl-sizes button.zfl-size{min-width:46px!important;height:40px!important;padding:0 12px!important;border-radius:10px!important;border:2px solid #ffcc00!important;background:transparent!important;background-image:none!important;color:inherit!important;font-weight:700!important;font-size:15px!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;transition:background .12s,color .12s}
html body .zfl-sizes button.zfl-size:hover,html body .zfl-sizes button.zfl-size:focus-visible{background:rgba(255,204,0,.25)!important;border-color:#f5c400!important}
html body .zfl-sizes button.zfl-size[aria-checked="true"],html body .zfl-sizes button.zfl-size[aria-checked="true"]:hover,html body .zfl-sizes button.zfl-size[aria-checked="true"]:focus{background:#ffcc00!important;border-color:#ffcc00!important;color:#111827!important}
html body .zfl-sizes button.zfl-size.is-off,html body .zfl-sizes button.zfl-size.is-off:hover{opacity:.45!important;text-decoration:line-through!important;cursor:not-allowed!important;background:transparent!important;border-color:#ffcc00!important}
.zfl-sizes-msg{margin:6px 0 0;font-size:13px;font-weight:600;color:#b45309}
html.dark-mode .zfl-sizes-msg{color:#fbbf24}
.zs-actions{align-items:flex-end}
/* 1.8.83: tarjeta de un producto con tallas: «Elegir talla» amarillo (gana a zfl-buttons.css, que pinta gris los enlaces de tarjeta) */
html body.zfl-store-active a.zfh-card-add.zfl-pick-size,html.dark-mode body.zfl-store-active a.zfh-card-add.zfl-pick-size{background:#ffcc00!important;background-image:none!important;color:#111827!important;border-color:#ffcc00!important}
html body.zfl-store-active a.zfh-card-add.zfl-pick-size:hover,html body.zfl-store-active a.zfh-card-add.zfl-pick-size:focus,html.dark-mode body.zfl-store-active a.zfh-card-add.zfl-pick-size:hover,html.dark-mode body.zfl-store-active a.zfh-card-add.zfl-pick-size:focus{background:#f5c400!important;border-color:#f5c400!important;color:#111827!important}