/* Al Mansoor Quick Order — front-end styles */

.amqo-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;width:100%}
.amqo-btn{flex:1 1 auto;min-width:180px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:inherit;font-weight:700;font-size:.95rem;line-height:1.1;padding:.85em 1.2em;border:0;border-radius:6px;
  cursor:pointer;transition:filter .15s ease,transform .05s ease}
.amqo-btn:active{transform:translateY(1px)}
.amqo-btn--buy{background:#0a7d78;color:#fff}
.amqo-btn--buy:hover{filter:brightness(1.08)}
.amqo-btn--wa{background:#25D366;color:#0b3d1f}
.amqo-btn--wa:hover{filter:brightness(1.05)}
.amqo-wa-ico{display:inline-flex}

/* Overlay + modal */
.amqo-overlay{position:fixed;inset:0;z-index:99999;background:rgba(10,15,18,.55);
  display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(2px)}
.amqo-overlay[hidden]{display:none}
.amqo-modal{width:min(460px,100%);max-height:92vh;overflow:auto;background:#fff;color:#15191c;
  border-radius:12px;padding:26px 24px 22px;position:relative;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);
  animation:amqo-in .18s ease}
@keyframes amqo-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.amqo-close{position:absolute;top:10px;right:12px;background:none;border:0;font-size:26px;line-height:1;
  color:#8a938f;cursor:pointer}
.amqo-close:hover{color:#15191c}
.amqo-title{margin:0 0 2px;font-size:1.2rem;font-weight:700}
.amqo-sub{margin:0 0 16px;color:#5b6662;font-size:.86rem;font-weight:600}

.amqo-field{display:block;margin-bottom:12px}
.amqo-field>span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:#5b6662;margin-bottom:5px}
.amqo-field input,.amqo-field select,.amqo-field textarea{width:100%;font:inherit;font-size:.95rem;color:#15191c;
  background:#f6f7f6;border:1px solid #dfe3e1;border-radius:7px;padding:.7em .8em}
.amqo-field input:focus,.amqo-field select:focus,.amqo-field textarea:focus{outline:2px solid #0a7d78;
  outline-offset:1px;border-color:transparent;background:#fff}
.amqo-field textarea{resize:vertical;min-height:52px}

.amqo-submit{width:100%;margin-top:6px;background:#25D366;color:#0b3d1f;border:0;border-radius:8px;
  font:inherit;font-weight:800;font-size:1rem;padding:.9em;cursor:pointer}
.amqo-submit:hover{filter:brightness(1.05)}
.amqo-submit:disabled{opacity:.6;cursor:progress}
.amqo-msg{margin:10px 0 0;font-size:.88rem;min-height:1.1em;font-weight:600}
.amqo-msg--ok{color:#1c8a4b}
.amqo-msg--err{color:#c0392b}
.amqo-fine{margin:12px 0 0;font-size:.76rem;color:#8a938f;text-align:center}

@media (max-width:480px){
  .amqo-btn{min-width:0;flex:1 1 100%}
}

/* Respect dark mode for the modal chrome only where the theme opts in */
@media (prefers-color-scheme:dark){
  .amqo-modal{background:#151c21;color:#ece7de}
  .amqo-title{color:#ece7de}
  .amqo-field input,.amqo-field select,.amqo-field textarea{background:#0f1519;color:#ece7de;border-color:#2a3339}
  .amqo-field input:focus,.amqo-field select:focus,.amqo-field textarea:focus{background:#0f1519}
  .amqo-close{color:#96a09d}.amqo-close:hover{color:#ece7de}
}