/* ==========================================================
   UGPlay static site additions (safe to edit).
   site.css holds the original WordPress theme + Elementor styles.
   ========================================================== */

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link:focus { position: fixed !important; top: 8px; left: 8px; z-index: 100000; width: auto; height: auto; clip: auto; padding: 10px 16px; background: #fff; color: #181818; border-radius: 6px; }

/* Forms: spam trap field stays hidden, Turnstile + status line */
.ug-hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.js-ug-form .cf-turnstile { margin: 0 0 10px; }
.ug-form-status { margin-top: 12px; font-size: 14px; line-height: 1.5; }
.ug-form-status:empty { display: none; }
.ug-form-status.is-success { color: #0a8a5c; }
.ug-form-status.is-error { color: #d63638; }
.fluent_form_2 .ug-form-status, .fluent_form_4 .ug-form-status { color: #fff; text-align: center; font-weight: 500; }
.ff-btn[disabled] { opacity: .7; cursor: wait; }

/* Newsletter button (was inline in the WordPress form) */
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit, form.fluent_form_4 .wpf_has_custom_css.ff-btn-submit { background-color: #fff; border-color: #fff; color: #0BDB90; border-radius: 12px; }
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover, form.fluent_form_4 .wpf_has_custom_css.ff-btn-submit:hover { background-color: transparent; border-color: #fff; color: #fff; }

/* Blog sidebar newsletter box, same look as the home page one */
.widget.ug-subscribe-widget { background-image: linear-gradient(180deg, #0BDB90 0%, #3AE33A65 100%); border-radius: 21px; padding: 30px 25px; text-align: center; }
.widget.ug-subscribe-widget h2 { color: #fff; font-family: "Paytone One", sans-serif; font-weight: 400; font-size: 20px; line-height: 28px; }
.widget.ug-subscribe-widget h2::before { display: none; }
.widget.ug-subscribe-widget p { color: #fff; font-size: 14px; }

/* Footer store badges side by side */
.about_us_widget .contact_info_list { display: flex; flex-wrap: wrap; gap: 10px; }
.about_us_widget .contact_info_list li.single-info-item { margin: 0; padding: 0; }
.about_us_widget .contact_info_list img { height: 40px; width: auto; }
.footer-widget .contact_info_list .details a { color: inherit; }
.footer-widget .menu a:not([href]) { cursor: default; }

/* Icons (replaced Font Awesome with inline SVG) */
.video-play-btn-02 svg { display: inline-block; vertical-align: middle; margin-left: 4px; }
.read-btn svg, .social-icon svg { vertical-align: -1px; }
.back-to-top { display: none; }
.back-to-top.is-visible { display: block; }

/* Mobile sub-menu opens on tap */
@media (max-width: 991px) {
  .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu { display: none; position: static; visibility: visible; opacity: 1; box-shadow: none; max-height: none; overflow: visible; }
  .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children.show > .sub-menu { display: block; }
}

/* Blog post body (Markdown) */
.blog-single-content-wrap .entry-content img { max-width: 100%; height: auto; border-radius: 10px; margin: 10px 0; }
.blog-single-content-wrap .entry-content h2, .blog-single-content-wrap .entry-content h3 { margin: 30px 0 15px; }
.blog-single-content-wrap .entry-content blockquote { background: #fdf2f2; border-radius: 10px; padding: 40px 50px; margin: 40px 0; font-family: "Paytone One", sans-serif; }
.blog-single-content-wrap .entry-content > ul { list-style: none; margin: 0; padding: 20px 0 5px; }
.blog-single-content-wrap .entry-content > ul li { position: relative; padding: 0 0 10px 40px; }
.blog-single-content-wrap .entry-content > ul li::after { content: ""; position: absolute; top: 4px; left: 0; width: 16px; height: 16px; border-radius: 50%; background: #ffbe01 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E") center / 8px no-repeat; }
.blog-single-content-wrap .entry-content ol { padding-left: 20px; }
.blog-details-footer .tags a { cursor: default; }

/* Privacy policy / terms pages */
.legal-content { max-width: 860px; margin: 0 auto; }
.legal-content p { margin-bottom: 16px; line-height: 1.75; }
.legal-content ul, .legal-content ol { margin: 0 0 16px 22px; }
.legal-content ul li { list-style: disc; }
.legal-content a { color: #FF8A00; text-decoration: underline; word-break: break-word; }
.legal-updated { margin-top: 40px; color: #666; font-size: 14px; }
.video-play-btn-02 svg { width: 26px; height: 26px; }

/* Video pop-up */
.ug-video-modal { position: fixed; inset: 0; z-index: 10000; background: rgba(0,0,0,.85); display: flex; align-items: center; justify-content: center; padding: 16px; }
.ug-video-box { position: relative; width: 100%; max-width: 960px; aspect-ratio: 16 / 9; }
.ug-video-box iframe { width: 100%; height: 100%; border: 0; border-radius: 8px; background: #000; }
.ug-video-close { position: absolute; top: -44px; right: 0; width: 40px; height: 40px; border: 0; background: none; color: #fff; font-size: 36px; line-height: 1; cursor: pointer; }