/*
Theme Name: Wupi
Theme URI: https://www.wupiindia.com
Author: Wupi Trampoline & Amusement Park
Description: Block theme recreating the Wupi website (migrated from Hostinger Website Builder). Native Gutenberg blocks, Poppins typography, Wupi colours.
Version: 1.1.2
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: wupi
*/

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
/* Sticky header like the original */
.wupi-header{position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(0,0,0,.06)}
body.admin-bar .wupi-header{top:32px}
.wupi-header .wp-block-navigation{gap:24px}
.wupi-header .wp-block-navigation a{text-decoration:none}
.wupi-header .wp-block-navigation a:hover{color:#de217c}
.wupi-header .wp-block-navigation .current-menu-item>a{text-decoration:underline;text-underline-offset:6px}

/* Page sections sit edge to edge */
.wupi-content>*{margin-block-start:0!important;margin-block-end:0!important}
.wupi-content .wp-block-cover,.wupi-content>.wp-block-group.alignfull{margin-top:0;margin-bottom:0}
.wupi-content .wp-block-heading,.wupi-content p{margin-top:0}

/* Hostinger-like element layout */
.wupi-cols{flex-wrap:nowrap}
.wupi-cols>.wp-block-column{flex-grow:0!important}
.wupi-content .wp-block-image img{max-width:100%;height:auto}
.wupi-content .wp-block-image.wupi-fill,.wupi-content .wp-block-image.wupi-fill img{width:100%!important}
.wupi-content .wp-block-image{margin-bottom:0}
.wupi-content .wp-block-embed iframe{border-radius:12px}
.wupi-video video{width:100%;max-width:480px;border-radius:12px}
.wp-block-button__link{transition:background-color .2s,color .2s}
.wupi-btn .wp-block-button__link:hover{background-color:#1d1e20!important;color:#fff!important}
.wupi-content ul.wp-block-list{padding-left:1.2em}
.wupi-footer a{color:#fff;text-decoration:none}
.wupi-footer p,.wupi-footer h5{margin:0 0 6px}
.wupi-footer .wupi-footer-links{margin:4px 0 0;padding-left:1.2em}
.wupi-footer .wp-block-social-links{margin-bottom:8px}

/* Floating WhatsApp bubble */
.wupi-whatsapp{position:fixed;right:20px;bottom:20px;z-index:200;margin:0!important}
.wupi-whatsapp .wp-social-link{background:#25d366!important;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.wupi-whatsapp .wp-social-link a{padding:0}
.wupi-whatsapp .wp-social-link svg{width:32px;height:32px;fill:#fff}

/* Blog */
.wupi-single .wp-block-post-title{text-align:center}

@media (max-width:781px){
  .wupi-hide-mobile{display:none!important}
  .wupi-cols{flex-wrap:wrap!important}
  .wupi-cols>.wp-block-column{flex-basis:100%!important}
  .wupi-content .wp-block-image img{width:100%!important;max-height:480px}
  .wupi-header .wp-block-social-links{display:none}
  .wupi-header .wupi-btn .wp-block-button__link{padding:8px 16px!important;font-size:14px;white-space:nowrap}
  .wupi-header .wupi-logo img{width:64px!important;height:auto}
  .wupi-content .wp-block-spacer{max-height:24px}
  .wupi-content .wp-block-heading{font-size:min(1em,32px)}
  .wupi-content [style*="clamp("]{line-height:1.25!important}
  .wupi-content .has-text-align-left,.wupi-content .has-text-align-right{text-align:center}
  .wupi-content .wp-block-buttons{justify-content:center!important}
  .wupi-content .wp-block-social-links{justify-content:center!important}
  .wupi-content .wp-block-group.is-layout-constrained>*{margin-left:auto!important;margin-right:auto!important}
  .wupi-content .wp-block-group.is-layout-flex{justify-content:center!important}
}
@media (max-width:600px){body.admin-bar .wupi-header{top:0}}

/* FAQ accordion */
.wupi-faq .wp-block-details{border:1px solid #e6e6ea;border-radius:12px;padding:14px 18px;margin:0 0 12px;background:#fff}
.wupi-faq .wp-block-details summary{font-weight:600;font-size:18px;cursor:pointer;list-style-position:outside}
.wupi-faq .wp-block-details[open] summary{color:#de217c;margin-bottom:8px}
.wupi-faq .wp-block-details p{margin:0;color:#56585e}
.wupi-packages .wupi-card{height:100%}

/* Blog CTA box */
.wupi-blog-cta{background:#fff0f7;border-radius:16px;padding:24px 28px;margin-top:40px}
.wupi-blog-cta h2{margin-top:0}
.single-post .wupi-faq{margin-top:40px}

/* Blog post body (plain blocks) */
.single-post .wupi-content > :not(.alignfull){max-width:min(760px, calc(100% - 32px));margin-left:auto;margin-right:auto}
.single-post .wupi-content > p,.single-post .wupi-content > ul,.single-post .wupi-content > ol,.single-post .wupi-content > figure{margin-top:0;margin-bottom:1.1em;line-height:1.7}
.single-post .wupi-content > h2{margin-top:1.8em;margin-bottom:.6em;font-size:clamp(22px,2.4vw,30px)}
.single-post .wupi-content > h3{margin-top:1.4em;margin-bottom:.5em}
.single-post .wupi-content li{margin-bottom:.35em}
.single-post .wupi-content > .wupi-blog-cta,.single-post .wupi-content > .wupi-faq{margin-top:40px;margin-bottom:40px}
.single-post .wupi-content > .wp-block-image img{border-radius:12px}
.single-post .wupi-content > p,.single-post .wupi-content > ul,.single-post .wupi-content > ol,.single-post .wupi-content > figure{margin-block:0 1.1em !important}
.single-post .wupi-content > h2{margin-block:1.8em .6em !important}
.single-post .wupi-content > h3{margin-block:1.4em .5em !important}
.single-post .wupi-content > .wupi-blog-cta,.single-post .wupi-content > .wupi-faq{margin-block:40px !important}
.single-post .wupi-blog-cta > *{margin-block:0 .8em}