.wiyk-container { text-align:center; max-width:400px; margin:20px auto; }
.wiyk-input, .wiyk-button { display:block; width:90%; max-width:300px; margin:10px auto; height:45px; }
.wiyk-button.uppercase { text-transform:uppercase; background:#000; color:#fff; border:none; cursor:pointer; }
.wiyk-spinner { font-size:2em; text-align:center; margin:10px; }
.wiyk-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.wiyk-modal-content { background:#fff; padding:20px; margin:10% auto; width:90%; max-width:400px; position:relative; border-radius:8px; }
.wiyk-modal-close { position:absolute; top:10px; right:10px; font-size:24px; cursor:pointer; }
/* v1.9.5 Logout button style */
.wiyk-button-small {
    display: inline-block;
    margin: 5px auto;
    padding: 5px 10px;
    font-size: 0.9em;
    background: #ccc;
    color: #000;
    border: none;
    cursor: pointer;
    text-transform: none;
}


/* Main widget container styling */
.wiyk-widget-container {
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 16px;
  box-sizing: border-box;
}

/* Unified input and button size */
#wiyk-ingredients, .wiyk-button {
  width: 100% !important;
  height: 48px !important;
  border-radius: 8px !important;
  box-sizing: border-box;
  margin-bottom: 12px;
}

/* Lightbox wrapper */
.wiyk-lightbox {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  max-width: 400px;
  margin: 20px auto;
}

/* Spinner message font size match */
.wiyk-spinner-message {
  font-size: inherit;
}

/* Fix spinner message font size to match description text */
.wiyk-spinner-message {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 0.5em;
}

/* Center everything inside the Stripe modal */
.stripe-modal-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

/* Fix full centering for the Stripe modal */
.stripe-modal-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
  padding: 20px;
}
.stripe-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Patch applied: UI button unify + hide test link */

/* === UI patch: unify purchase & cook button styles; hide old test link === */
#wiyk-generate,
#wiyk-purchase-credits,
#wiyk-purchase,
.wiyk-purchase,
a#wiyk-purchase-credits,
button#wiyk-purchase-credits,
a.wiyk-purchase {
  display:block;
  width:100%;
  max-width:640px;
  margin:12px auto;
  padding:16px 24px;
  border-radius:16px;
  font-weight:700;
  font-size:18px;
  line-height:1.1;
  text-align:center;
  background:#000;
  color:#fff;
  border:none;
  cursor:pointer;
  text-decoration:none;
}
#wpcontent .button#wiyk-purchase-credits {
  background:#000 !important;
  color:#fff !important;
  border:none !important;
}
/* Hide the old test/backup checkout link */
#wiyk-test-checkout,
.wiyk-test-link,
.wiyk-trouble { display:none !important; }

/* Share/Save toolbar minimal */
.wiyk-actions{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center;align-items:center;margin:12px 0 0;overflow-x:auto}.wiyk-action{background:#000;color:#fff;border:none;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;white-space:nowrap}


/* === Icon-only toolbar (CSS only; no JS changes) === */
.wiyk-actions .wiyk-action{position:relative;display:flex;align-items:center;justify-content:center;gap:0;font-size:0;/* hide text visually */}
.wiyk-actions .wiyk-action::before{content:'';display:block;width:22px;height:22px;background-repeat:no-repeat;background-position:center;background-size:22px 22px}
.wiyk-actions .wiyk-action[data-act="copy"]::before{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20stroke%3D%22white%22%20stroke-width%3D%222.2%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%2212%22%20rx%3D%222%22/%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2210%22%20height%3D%2212%22%20rx%3D%222%22/%3E%3C/g%3E%3C/svg%3E');}
.wiyk-actions .wiyk-action[data-act="share"]::before{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20stroke%3D%22white%22%20stroke-width%3D%222.2%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%222.5%22/%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%222.5%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%222.5%22/%3E%3Cpath%20d%3D%22M8.5%2011l7-4%22/%3E%3Cpath%20d%3D%22M8.5%2013l7%204%22/%3E%3C/g%3E%3C/svg%3E');}
.wiyk-actions .wiyk-action[data-act="download"]::before{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20stroke%3D%22white%22%20stroke-width%3D%222.2%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v11%22/%3E%3Cpath%20d%3D%22M8%2010l4%204%204-4%22/%3E%3Cpath%20d%3D%22M4%2021h16%22/%3E%3C/g%3E%3C/svg%3E');}
.wiyk-actions .wiyk-action[data-act="save"]::before{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20stroke%3D%22white%22%20stroke-width%3D%222.2%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h11l3%203v15H5z%22/%3E%3Cpath%20d%3D%22M8%203v6h7V3%22/%3E%3Crect%20x%3D%228%22%20y%3D%2214%22%20width%3D%228%22%20height%3D%225%22%20rx%3D%221.5%22/%3E%3C/g%3E%3C/svg%3E');}
@media (max-width:420px){ .wiyk-actions .wiyk-action::before{width:20px;height:20px;background-size:20px 20px} }
@media (max-width:360px){ .wiyk-actions .wiyk-action::before{width:18px;height:18px;background-size:18px 18px} }


/* Saved Recipes grid/cards */
#wiyk-saved-root{margin:12px 0}
.wiyk-saved-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:700px){.wiyk-saved-grid{grid-template-columns:repeat(3,1fr)}}
.wiyk-saved-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:12px}
.wiyk-saved-card .saved-h{font-weight:800;margin-bottom:4px}
.wiyk-saved-card .saved-sub{color:#777;font-size:12px;margin-bottom:8px}
.wiyk-saved-card .saved-actions{display:flex;gap:8px;justify-content:space-between}
.wiyk-saved-card .saved-actions .wiyk-action{flex:1 1 20%;min-width:0;text-align:center}
.wiyk-saved-card .saved-body{margin-top:10px}
.wiyk-saved-empty{text-align:center;color:#666;padding:20px}
.pager{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.pg-meta{font-size:12px;color:#666}

/* Icon-only actions; keep label for a11y but hide visually */
.wiyk-saved-card .wiyk-action{display:inline-flex;align-items:center;justify-content:center}
.wiyk-saved-card .wiyk-action .wiyk-label{display:none}
.wiyk-saved-card .wiyk-action .wiyk-ic svg{display:block}