/* Arena Mineirinho Reservas – interface pública
 * Identidade: preto, vermelho e branco (logomarca), dourado nos títulos.
 * Fontes: Cinzel (títulos) e Playfair Display (corpo).
 *
 * >>> Para ajustar as cores EXATAS da logomarca, edite apenas as variáveis em .amr-app abaixo. <<<
 *
 * Se o seu site/Elementor já carrega Cinzel e Playfair Display, pode apagar a linha @import abaixo.
 */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

.amr-app{
	/* ---- Paleta (troque aqui pelos códigos oficiais da marca) ---- */
	--amr-black:#0a0a0a;      /* fundo principal */
	--amr-surface:#141414;    /* cartões e campos */
	--amr-surface-2:#1c1c1c;  /* cartão selecionado / hover */
	--amr-line:#2e2e2e;       /* bordas e divisórias */
	--amr-white:#ffffff;      /* texto principal */
	--amr-mute:#bdbdbd;       /* texto secundário */
	--amr-red:#d11a2a;        /* vermelho da logomarca */
	--amr-red-dark:#a81420;   /* vermelho hover/ativo */
	--amr-gold:#c9a24b;       /* dourado dos títulos */
	--amr-gold-soft:#e3c87a;  /* dourado claro (detalhes/valores) */

	/* ---- Tipografia ---- */
	--amr-font-title:'Cinzel','Trajan Pro',Georgia,'Times New Roman',serif;
	--amr-font-body:'Playfair Display',Georgia,'Times New Roman',serif;

	box-sizing:border-box;max-width:880px;margin:0 auto;padding:24px;
	background:var(--amr-black);color:var(--amr-white);
	border:1px solid var(--amr-line);border-top:3px solid var(--amr-red);border-radius:6px;
	font-family:var(--amr-font-body);font-size:16px;line-height:1.6;
}
.amr-app *{box-sizing:border-box}

/* ---------------------------------------------------------- títulos (Cinzel + dourado) */
.amr-title,.amr-step h3,.amr-app h4{font-family:var(--amr-font-title);color:var(--amr-gold);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.amr-title{margin:0 0 6px;font-size:1.8rem;line-height:1.2}
.amr-title::after{content:"";display:block;width:64px;height:3px;margin-top:10px;background:var(--amr-red)}
.amr-step h3{margin:6px 0 14px;font-size:1.15rem}
.amr-app h4{margin:18px 0 6px;font-size:.95rem}
.amr-intro,.amr-hint{color:var(--amr-mute);margin:.35em 0}
.amr-hint{font-size:.92rem;font-style:italic}
.amr-app .amr-loading{color:var(--amr-mute);font-style:italic}

/* ---------------------------------------------------------------- etapas */
.amr-steps{display:flex;gap:6px;list-style:none;margin:18px 0;padding:0;overflow-x:auto}
.amr-steps li{flex:1 0 auto;min-width:68px;text-align:center;font-family:var(--amr-font-title);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amr-mute);padding:8px 4px;border-bottom:3px solid var(--amr-line)}
.amr-steps li.is-done{border-color:var(--amr-gold);color:var(--amr-white)}
.amr-steps li.is-now{border-color:var(--amr-red);color:var(--amr-gold);font-weight:700}

/* ---------------------------------------------------------------- cartões */
.amr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.amr-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:18px;background:var(--amr-surface);color:var(--amr-white);border:1px solid var(--amr-line);border-left:4px solid var(--amr-line);border-radius:4px;cursor:pointer;font-family:var(--amr-font-body);transition:border-color .15s,background .15s,transform .15s}
.amr-card strong{font-family:var(--amr-font-title);font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;color:var(--amr-white)}
.amr-card span{color:var(--amr-mute);font-size:.88rem}
.amr-card em{color:var(--amr-gold-soft);font-style:normal;font-weight:600;margin-top:8px;font-variant-numeric:lining-nums}
.amr-card:hover,.amr-card:focus-visible{border-color:var(--amr-gold);border-left-color:var(--amr-red);background:var(--amr-surface-2);outline:none;transform:translateY(-2px)}
.amr-card.is-on{border-color:var(--amr-gold);border-left-color:var(--amr-red);background:var(--amr-surface-2)}
.amr-card.is-on strong{color:var(--amr-gold)}
.amr-card-full{grid-column:1/-1;border-left-color:var(--amr-red);background:linear-gradient(135deg,#1c1c1c,#141414)}

/* ----------------------------------------------------------------- campos */
.amr-field,.amr-fields label{display:block;font-size:.92rem;color:var(--amr-mute);margin:10px 0}
.amr-app input[type=text],.amr-app input[type=tel],.amr-app input[type=email],.amr-app input[type=date],.amr-app select{
	display:block;width:100%;margin-top:5px;padding:12px;border-radius:3px;border:1px solid var(--amr-line);
	background:var(--amr-surface);color:var(--amr-white);font-family:var(--amr-font-body);font-size:1rem;font-variant-numeric:lining-nums}
.amr-app input:focus,.amr-app select:focus{outline:none;border-color:var(--amr-gold);box-shadow:0 0 0 2px rgba(201,162,75,.25)}
.amr-app input[type=date]{color-scheme:dark}
.amr-app input[type=radio]{accent-color:var(--amr-red)}
.amr-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.amr-modes{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}

/* ---------------------------------------------------------------- horários */
.amr-hours{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px;margin:12px 0}
.amr-hour,.amr-chip{padding:10px 8px;border-radius:3px;border:1px solid var(--amr-line);background:var(--amr-surface);color:var(--amr-white);font-family:var(--amr-font-body);font-variant-numeric:lining-nums;cursor:pointer;transition:background .15s,border-color .15s}
.amr-hour:hover:not(:disabled),.amr-chip:hover{border-color:var(--amr-gold)}
.amr-hour.is-on,.amr-chip.is-on{background:var(--amr-red);border-color:var(--amr-red);color:var(--amr-white);font-weight:700}
.amr-hour.is-off{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.amr-wday{display:grid;grid-template-columns:120px 1fr 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--amr-line)}
.amr-wday select{margin-top:0}
.amr-wday strong{font-family:var(--amr-font-title);color:var(--amr-gold);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem}
.amr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.amr-chip{padding:6px 10px;font-size:.85rem}
.amr-picked{list-style:none;margin:0;padding:0;font-variant-numeric:lining-nums}
.amr-picked li{padding:8px 0;border-bottom:1px solid var(--amr-line)}
.amr-x{background:none;border:0;color:var(--amr-red);cursor:pointer;font-size:1rem;margin-left:8px}
.amr-x:hover{color:var(--amr-white)}

/* ------------------------------------------------------------------ resumo */
.amr-scroll{overflow-x:auto}
.amr-table{width:100%;border-collapse:collapse;font-size:.95rem;font-variant-numeric:lining-nums}
.amr-table th{font-family:var(--amr-font-title);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amr-gold);text-align:left;padding:8px;border-bottom:2px solid var(--amr-red);white-space:nowrap}
.amr-table td{text-align:left;padding:8px;border-bottom:1px solid var(--amr-line);white-space:nowrap}
.amr-table tr.is-bad td{color:#ff6b78}
.amr-total{font-size:1.15rem;text-align:right;margin:14px 0}
.amr-total strong{color:var(--amr-gold);font-family:var(--amr-font-title);font-size:1.6rem;font-variant-numeric:lining-nums}

/* ------------------------------------------------------------------ botões */
.amr-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}
.amr-btn{padding:14px 26px;border-radius:3px;border:1px solid var(--amr-red);background:var(--amr-red);color:var(--amr-white);font-family:var(--amr-font-title);font-size:.95rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;margin-left:auto;transition:background .15s,border-color .15s}
.amr-btn:hover:not(:disabled),.amr-btn:focus-visible{background:var(--amr-red-dark);border-color:var(--amr-gold);outline:none}
.amr-btn:disabled{opacity:.6;cursor:wait}
.amr-btn-ghost{background:transparent;color:var(--amr-white);border:1px solid var(--amr-line);margin-left:0}
.amr-btn-ghost:hover:not(:disabled){background:transparent;border-color:var(--amr-gold);color:var(--amr-gold)}

/* ----------------------------------------------------------------- avisos */
.amr-alert{padding:12px 14px;border-radius:3px;background:#2a0a0e;border:1px solid var(--amr-red);border-left:4px solid var(--amr-red);color:#ffd9dc;margin:12px 0}
.amr-alert-ok{background:#1a1608;border-color:var(--amr-gold);border-left-color:var(--amr-gold);color:var(--amr-gold-soft)}
.amr-notice{padding:14px;background:var(--amr-surface);border:1px solid var(--amr-line);border-left:4px solid var(--amr-red);border-radius:3px}

/* ------------------------------------------------------- duração e churrasqueira */
.amr-duration{margin:12px 0}
.amr-duration label{display:block;font-family:var(--amr-font-title);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amr-gold)}
.amr-duration select{max-width:260px}
.amr-bbq{margin:18px 0;padding:14px 16px;background:var(--amr-surface);border:1px solid var(--amr-line);border-left:4px solid var(--amr-gold);border-radius:3px}
.amr-bbq label{display:flex;gap:10px;align-items:center;cursor:pointer}
.amr-bbq input[type=checkbox]{width:20px;height:20px;accent-color:var(--amr-red)}
.amr-bbq strong{font-family:var(--amr-font-title);letter-spacing:.04em;color:var(--amr-white)}
#amr-cadd{margin:10px 0 0}

/* -------------------------------------------------------------- responsivo */
@media (max-width:520px){
	.amr-app{padding:16px}
	.amr-row{grid-template-columns:1fr}
	.amr-wday{grid-template-columns:1fr}
	.amr-title{font-size:1.4rem}
	.amr-btn{width:100%}
	.amr-nav{flex-direction:column-reverse}
}

/* --- churrasqueiras (lista de opções) --- */
.amr-bbq h4{margin:0 0 4px}
.amr-bbq-item{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid var(--amr-line);font-size:.95rem}
.amr-bbq-item:last-child{border-bottom:0}
.amr-bbq-item span{color:var(--amr-mute);font-style:italic}
.amr-bbq-item.is-off{opacity:.5;cursor:not-allowed}

/* --- imagens dos espaços (cartão com foto) --- */
.amr-card.has-img{padding:0;overflow:hidden;cursor:default}
.amr-card.has-img:hover,.amr-card.has-img:focus-within{border-color:var(--amr-gold);border-left-color:var(--amr-red);background:var(--amr-surface-2);transform:translateY(-2px)}
.amr-card-zoom{display:block;width:100%;padding:0;margin:0;border:0;background:#000;cursor:zoom-in;line-height:0;position:relative}
.amr-card-zoom::after{content:"\1F50D";position:absolute;right:8px;bottom:8px;width:32px;height:32px;line-height:32px;text-align:center;font-size:15px;border-radius:50%;background:rgba(10,10,10,.75);border:1px solid var(--amr-gold);opacity:0;transition:opacity .15s}
.amr-card-zoom:hover::after,.amr-card-zoom:focus-visible::after{opacity:1}
.amr-card-zoom:focus-visible{outline:2px solid var(--amr-gold);outline-offset:-2px}
.amr-card-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;border-bottom:2px solid var(--amr-red)}
.amr-card.has-img:hover .amr-card-img,.amr-card.has-img.is-on .amr-card-img{border-bottom-color:var(--amr-gold)}
.amr-card-body{display:flex;flex-direction:column;gap:4px;flex:1;width:100%;padding:14px 16px 16px;margin:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.amr-card-body strong{font-family:var(--amr-font-title);font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase}
.amr-card-body span{color:var(--amr-mute);font-size:.88rem}
.amr-card-body em{color:var(--amr-gold-soft);font-style:normal;font-weight:600;margin-top:8px;font-variant-numeric:lining-nums}
.amr-card-body:focus-visible{outline:2px solid var(--amr-gold);outline-offset:-2px}
.amr-card.is-on .amr-card-body strong{color:var(--amr-gold)}

/* Campo inteiro (linha inteira): imagem à esquerda, texto à direita */
.amr-card-full.has-img{flex-direction:row;align-items:stretch;min-height:200px}
.amr-card-full.has-img .amr-card-zoom{flex:0 0 42%;width:42%;min-height:100%}
.amr-card-full.has-img .amr-card-img{width:100%;height:100%;aspect-ratio:auto;border-bottom:0;border-right:3px solid var(--amr-red)}
.amr-card-full.has-img:hover .amr-card-img,.amr-card-full.has-img.is-on .amr-card-img{border-right-color:var(--amr-gold)}
.amr-card-full.has-img .amr-card-body{justify-content:center;padding:20px 24px}
.amr-card-full.has-img .amr-card-body strong{font-size:1.35rem}
@media (max-width:640px){
	.amr-card-full.has-img{flex-direction:column;min-height:0}
	.amr-card-full.has-img .amr-card-zoom{flex:none;width:100%}
	.amr-card-full.has-img .amr-card-img{height:auto;aspect-ratio:16/9;border-right:0;border-bottom:3px solid var(--amr-red)}
	.amr-card-full.has-img .amr-card-body{padding:14px 16px 16px}
}

/* --- lightbox (fora de .amr-app, por isso define suas próprias cores/fontes) --- */
body.amr-lb-open{overflow:hidden}
.amr-lightbox{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.94);cursor:zoom-out;animation:amr-lb-in .18s ease-out}
.amr-lightbox-fig{margin:0;max-width:100%;text-align:center}
.amr-lightbox-img{display:block;max-width:min(94vw,1500px);max-height:80vh;width:auto;height:auto;object-fit:contain;margin:0 auto;border:1px solid #c9a24b;box-shadow:0 10px 50px rgba(0,0,0,.8);cursor:default}
.amr-lightbox-cap{margin-top:12px;color:#c9a24b;font-family:'Cinzel','Trajan Pro',Georgia,serif;font-size:1rem;letter-spacing:.1em;text-transform:uppercase}
.amr-lightbox-close{position:absolute;top:14px;right:14px;width:46px;height:46px;border:1px solid #c9a24b;border-radius:50%;background:#d11a2a;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.amr-lightbox-close:hover,.amr-lightbox-close:focus-visible{background:#a81420;outline:2px solid #c9a24b;outline-offset:2px}
@keyframes amr-lb-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.amr-lightbox{animation:none}}

/* --- mensalista: aviso após adicionar período --- */
.amr-added{margin:10px 0;padding:12px 14px;background:#1a1608;border:1px solid var(--amr-gold);border-left:4px solid var(--amr-gold);border-radius:3px;color:var(--amr-gold-soft)}
.amr-pulse input[type=date]{border-color:var(--amr-gold);animation:amr-pulse 1.4s ease-in-out 3}
@keyframes amr-pulse{0%,100%{box-shadow:0 0 0 0 rgba(201,162,75,0)}50%{box-shadow:0 0 0 4px rgba(201,162,75,.45)}}
@media (prefers-reduced-motion:reduce){.amr-pulse input[type=date]{animation:none}}
#amr-bbq-dur-wrap{margin-top:12px;padding-top:12px;border-top:1px solid var(--amr-line)}
#amr-bbq-dur{max-width:340px}

/* --- observação no título do campo --- */
.amr-note{color:var(--amr-gold-soft);font-style:italic;font-size:.85em}

/* --- contador de datas (mensalista, datas personalizadas) --- */
.amr-count{margin:4px 0 8px;font-size:.95rem;color:var(--amr-mute);font-variant-numeric:lining-nums}
.amr-count.is-ok{color:var(--amr-gold-soft)}