/* Shared public button surface, taken from the index Text / Video controls.
   Dimensions and display stay with each component, including compact chat icons. */
:root {
  --ow-button-fill: linear-gradient(180deg, #299cff, #0079f0);
  --ow-button-hover: linear-gradient(180deg, #168ff6, #006bdc);
  --ow-button-shadow: 0 5px 12px #017ffe24;
}
body.ow-buttons :is(button, input[type="submit"], input[type="button"], [role="button"], a.button, a.btn, a.seo-button, a.primary-link, a.secondary-btn, a.icon-btn, a.site-button, a.deviceSettingButton, a.mode-link, a.remote-start-share-link, a.site-outline-button, a.duck-start-video-chat-btn, .article-cta a, .read-more, .account-tools-link) {
  background: var(--ow-button-fill) !important;
  color: #fff !important;
  -webkit-text-fill-color: currentColor;
  border-color: transparent !important;
  border-radius: 14px !important;
  box-shadow: var(--ow-button-shadow) !important;
  font-weight: 700;
  text-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer;
}
body.ow-buttons :is(button, input[type="submit"], input[type="button"], [role="button"], a.button, a.btn, a.seo-button, a.primary-link, a.secondary-btn, a.icon-btn, a.site-button, a.deviceSettingButton, a.mode-link, a.remote-start-share-link, a.site-outline-button, a.duck-start-video-chat-btn, .article-cta a, .read-more, .account-tools-link):hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--ow-button-hover) !important;
}
body.ow-buttons :is(button, input[type="submit"], input[type="button"], [role="button"], a.button, a.btn, a.seo-button, a.primary-link, a.secondary-btn, a.icon-btn, a.site-button, a.deviceSettingButton, a.mode-link, a.remote-start-share-link, a.site-outline-button, a.duck-start-video-chat-btn, .article-cta a, .account-tools-link):focus-visible {
  outline: 3px solid #ff9b32 !important;
  outline-offset: 3px;
}
body.ow-buttons :is(button, [role="button"], a.button, a.btn, a.seo-button, a.primary-link, a.secondary-btn, a.site-button, a.deviceSettingButton, a.mode-link, a.remote-start-share-link, a.site-outline-button, a.duck-start-video-chat-btn, .article-cta a, .account-tools-link) :is(span,small,svg) { color: inherit !important; }
body.ow-buttons :is(button:disabled,input[type="submit"]:disabled,[role="button"][aria-disabled="true"]) { opacity: .5; cursor: not-allowed; }
body.ow-buttons :is(button,[role="button"]):is([aria-selected="true"],[aria-pressed="true"],.is-active,.active) {
  background: linear-gradient(180deg,#0078e8,#0055b6) !important;
  box-shadow: inset 0 0 0 2px #ffb456, var(--ow-button-shadow) !important;
}
/* Destructive actions keep a distinct color while sharing the same finish. */
body.ow-buttons :is(.account-tools-block,#closeAccount,#btnCancel,.button-danger,.btn-danger,[data-variant="danger"]) {
  --ow-button-fill: linear-gradient(180deg,#f45a61,#d72e3c);
  --ow-button-hover: linear-gradient(180deg,#e6444e,#be2030);
  --ow-button-shadow: 0 5px 12px #d72e3c24;
}
/* Navigation controls use a quiet outlined surface. */
body.ow-buttons button:is(.menu,.hamburger,.headerMenuBtn,.omegle-i18n-toggle,.omegle-i18n-option) {
  --ow-button-fill: #fff;
  --ow-button-hover: #edf5ff;
  --ow-button-shadow: none;
  color: #254762 !important;
  border: 1px solid #dce6f0 !important;
  border-radius: 12px !important;
}
body.ow-buttons button:is(.menu,.hamburger,.headerMenuBtn,.omegle-i18n-toggle)[aria-expanded="true"] {
  --ow-button-fill: #edf5ff;
  border-color: #9fc9f2 !important;
}
body.ow-buttons button.omegle-i18n-option { border-color: transparent !important; border-radius: 8px !important; }
body.ow-buttons button.omegle-i18n-option.is-active { background: #edf5ff !important; color: #0968c7 !important; box-shadow: none !important; }
body.ow-buttons :is(button.menu,button.hamburger) > span,
body.ow-buttons .headerMenuBtn .hamburger > span { background: #254762 !important; }
body.ow-buttons .headerMenuBtn > .hamburger { background: transparent !important; }
body.ow-buttons .duck-start-video-chat.with-card { background: var(--ow-button-fill); border-radius: 14px; }
body.ow-buttons .duck-start-video-chat-tip { display: none; }
body.ow-buttons .duck-start-video-chat::before,body.ow-buttons .duck-start-video-chat::after { content: none; }
body.ow-buttons .faq-container { gap: 10px; border-top: 0; }
body.ow-buttons .faq-item { border: 1px solid #dce6f0; border-radius: 14px; background: #fff; box-shadow: none; overflow: hidden; }
body.ow-buttons .faq-item:has(.faq-question[aria-expanded="true"]) { border-color: #9fc9f2; box-shadow: none; }
body.ow-buttons button.faq-question {
  --ow-button-fill: #fff;
  --ow-button-hover: #f1f7fd;
  --ow-button-shadow: none;
  padding: 18px 20px;
  color: #243f59 !important;
  font-weight: 600;
}
body.ow-buttons button.faq-question[aria-expanded="true"] { --ow-button-fill: #f1f7fd; }
body.ow-buttons button.faq-question:focus-visible { outline-offset: -4px; }
body.ow-buttons button.faq-question .faq-icon { background: #eaf3fd; color: #0968c7 !important; border-radius: 50%; }
body.ow-buttons button.faq-question[aria-expanded="true"] .faq-icon { background: #017ffe; color: #fff !important; }
body.ow-buttons .faq-answer > div { padding: 16px 20px 20px; }
body.ow-buttons .read-more { padding: 0 16px; }
body.ow-buttons .account-content #login .text-button,
body.ow-buttons .account-content .text-button { padding: 8px 12px; min-height: 36px; }
body.ow-buttons .site-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 12px 20px; text-align: center; line-height: 1.4; }
body.ow-buttons .site-button svg { width: 22px; height: 22px; flex-shrink: 0; }
@media (prefers-reduced-motion: reduce) {
  body.ow-buttons :is(button,[role="button"],.site-button) { transition: none !important; }
}