@charset "UTF-8";
/*
Theme Name: Author Book Publisher
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/author-book-publisher
Author URI: https://www.themagnifico.net/
Description: The Author Book Publisher offers a multipurpose and modern design crafted for authors, publishers, literary agencies, books library, online books library, public library, digital library , local library, library services, community library , library books, book lending , library catalog, ebook library and creative professionals who want an online presence that feels minimal, elegant, and sophisticated. Built with clean, secure, and optimized codes, this theme ensures faster page load time, making it ideal for showcasing books, author profiles, publishing services, and literary portfolios with ease. Fully responsive, retina-ready, and mobile-friendly, the theme provides a seamless browsing experience across all devices. Its user-friendly layout and intuitive navigation make it easy for visitors to explore book categories, event schedules, testimonials, or the author’s journey. With powerful personalization options, you can adjust colors, fonts, banners, and overall page structure to match your unique branding style. The theme comes packed with essential features like a beautifully designed testimonial section, interactive Banner layouts, prominent Call to Action Button (CTA) placements, and a stylish Team section for publishing agencies. Its social media integration helps you stay connected with readers and expand your online reach. Built on a robust Bootstrap framework, the theme guarantees stability, speed, and flexibility. For developers and creative users, the theme provides clean shortcodes, advanced Customization Options, and complete translation-ready compatibility, making it suitable for global audiences. Whether you're a solo author or part of a large agency-friendly publishing team, the theme supports every need with its multipurpose, interactive, stunning, and even animated design capabilities. Beautiful, luxurious, and built with attention to detail, the Author Book Publisher is the perfect digital companion to showcase stories, promote books, and build a powerful brand presence online.
Version: 0.2
Tested up to: 6.8
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: digital-books
Text Domain: author-book-publisher
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, footer-widgets, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, e-commerce, education

Author Book Publisher WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2025.
Author Book Publisher WordPress Theme is released under the terms of GNU GPL
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Ubuntu", sans-serif;
}
.widget a:hover,
.widget a:focus,
a.cart-customlocation i:hover,
.product-home-box h3 a:hover,
.product-box h3 a:hover,
.navbar-brand a:hover,
.social-link i:hover,
a,
.sidebar ul li a:hover,
#colophon a:hover,
#colophon a:focus,
p.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-message::before,
.woocommerce-info::before,
.slider-inner-box a h2,
.slider-inner-box h2,
.main-navigation .menu > li > a:hover,
.woocommerce .star-rating span::before {
  color: #fc3657;
}
.site-navigation ul.primary-menu.theme-menu li a:hover,
.main-navigation .menu > li > a:focus {
  color: #fff !important;
  background: #fc3657;
  border-radius: 5px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
.sidebar h5,
.sidebar .wp-block-search .wp-block-search__label,
.sidebar .widget h2.wp-block-heading,
a.account-btn:hover,
.sidebar button[type="submit"],
.sidebar .tagcloud a:hover,
.sticky .entry-title::before,
.main-navigation .sub-menu,
#button,
.sidebar input[type="submit"],
.comment-respond input#submit,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.woocommerce .woocommerce-ordering select,
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
.pro-button a,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wp-block-button__link,
.serv-box:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li,
.btn-primary,
.sidebar h5,
.toggle-nav i,
span.onsale,
.slide-btn-1 a,
.serach_inner [type="submit"],
span.cart-value,
.slide-btn-1 a:hover,
.woocommerce a.added_to_cart,
a.account-btn:hover,
.load hr {
  background: #fc3657;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
  color: #fff;
  border: 0px;
}
.slide-btn-1 a:hover {
  color: #fc3657;
  background: #fff;
}
a {
  text-decoration: none;
}
a:hover {
  color: #161616;
}
.article-box a:hover {
  color: #161616;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  font-size: 14px;
}
#colophon,
.top-info,
.serach_inner {
  background: #373737;
}
.pro-button a:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.added_to_cart:hover {
  border: solid 2px #fc3657;
  background: transparent;
  color: #fc3657;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover {
  background: #161616;
}
.btn-primary,
.wp-block-quote,
.wp-block-quote:not(.is-large):not(.is-style-large),
.wp-block-pullquote {
  border-color: #fc3657 !important;
}
.site-navigation .primary-menu > li a {
  padding: 8px 15px;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 0px;
  color: #373737;
  font-weight: 400;
  text-transform: uppercase;
}

.top-btn {
  display: flex;
  justify-content: end;
  text-transform: uppercase;
  font-size: 14px;
}

a.topbar1-btn {
  background: #fc3657;
  color: #fff;
  padding: 8px;
  display: inline-block;
  margin: 0;
}
a.topbar1-btn:hover {
  background: #ffffff;
  color: #000000;
}
ul.sub-menu,
#site-navigation .menu ul li a {
  border-radius: 5px;
}
#site-navigation .menu ul li a:hover {
  color: #fc3657;
}
.main-navigation .menu > li > a {
  font-size: 14px;
}
.top-info p {
  color: #ededed;
  font-weight: 100;
  text-transform: capitalize;
  font-size: 15px;
}

a.cart-customlocation {
  position: relative;
}
span.cart-value {
  padding: 0px 5px;
  position: absolute;
  width: 17px;
  height: 17px;
  top: -8px;
}
.navbar-brand {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 28px;
}
.navbar-brand a {
  font-weight: 400;
  font-size: 28px;
  text-transform: uppercase;
}
.site-navigation .primary-menu ul {
  background-color: #fc3657;
}
.navigation.pagination .nav-links a.current,
.navigation.pagination .nav-links a:hover,
.navigation.pagination .nav-links span.current,
.navigation.pagination .nav-links span:hover {
  background: #fc3657;
  color: white;
  border: 1px solid #fc3657;
}
span.navbar-control-trigger i {
  background: #fc3657;
}
/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/
.slider-box img {
  opacity: unset;
}
.slider-inner-box {
  z-index: 999;
}
.slider-box {
  position: relative;
  overflow: hidden;
}
.slider-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(90deg, #3c475a 25%, rgba(0, 212, 255, 0) 100%);
}
.slider-inner-box {
  text-align: left;
}
.slider-inner-box h5 {
  color: #fff;
  font-weight: 100;
  font-size: 50px;
  text-transform: uppercase;
}
.slider-inner-box h2 {
  font-weight: 100;
  font-size: 30px;
  text-transform: uppercase;
}
.slider-btns {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 25px;
}
.slide-btn-1 a {
  padding: 10px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 400;
  color: #fff;
}
.slide-btn-2 a {
  padding: 10px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 400;
  color: #fff;
  border-radius: 5px;
  background: transparent;
  border: 1px solid #fc3657;
}

/*--------------------------------------------------------------
## Products
--------------------------------------------------------------*/
.featured h3 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 100;
}
p.cat-head {
  font-weight: bold;
  font-size: 26px;
}
.men-tabs a.nav-link {
  border: 0px;
  color: #1b1b1b;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: bold;
  text-transform: uppercase;
}
.men-tabs a.nav-link.active {
  position: relative;
  background: none;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
.men-tabs a.nav-link.active::before {
  content: "";
  position: absolute;
  left: -5px;
  transform: rotate(90deg);
  height: 60%;
  width: 10px;
  background: #fc3657;
  border-radius: 10px;
}
.sells-product span.onsale {
  position: absolute;
  top: 5%;
  left: 5%;
  padding: 5px 15px;
  border-radius: 30px;
  font-size: 12px;
  background: #d766ff;
  font-weight: 500;
}

.men-tabs ul.nav-tabs.nav {
  border: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.prodimg_box img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

h4.hidedesktop a {
  font-size: 20px;
  font-weight: 500;
  color: #222222;
}
h4.hidedesktop a:hover {
  color: #fc3657;
}
.text_box p.price {
  font-size: 20px;
  font-weight: 700;
  color: #ef2923;
}

.text_box p.price del {
  font-weight: 400;
  color: #797979;
}

.sells-product .text_box {
  padding: 20px 15px;
  text-align: center;
}

.bg-color,
.mask1 {
  background: #ededed;
  min-height: 400px;
}

a.product-btn {
  background: #fc3657;
  padding: 10px 25px;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  border-radius: 30px;
  display: inline-block;
  font-weight: 500;
}

span.feedback {
  font-size: 0px;
}

.prodimg_box i.yith-wcwl-icon.fa.fa-heart {
  font-weight: 100;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse a {
  font-size: 0;
  position: relative;
}

.prodimg_box .yith-wcwl-wishlistexistsbrowse a {
  font-size: 0px;
  right: 0px;
  position: absolute;
}

a.add_to_wishlist.single_add_to_wishlist {
  background: #ffffff;
  padding: 10px;
  border-radius: 30px;
  width: 35px;
  text-align: center;
  display: block;
  height: 35px;
}

a.add_to_wishlist.single_add_to_wishlist i {
  margin-right: 0px;
  color: #797979;
}

.prodimg_box .inner_product:hover .yith-wcwl-wishlistexistsbrowse a:after {
  opacity: 1;
}

.prodimg_box .inner_product:hover .yith-wcwl-wishlistaddedbrowse a:after {
  opacity: 1;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse {
  display: flex;
}

.prodimg_box a.added_to_cart.wc-forward {
  margin-left: 49px;
  padding: 10px !important;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse a:after,
.yith-wcwl-wishlistexistsbrowse a:after {
  content: "\f004";
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  opacity: 1;
  width: 35px;
  height: 35px;
  font-size: 14px;
  padding: 8px;
  color: #797979;
  border-radius: 30px;
  background: #ffffff;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse {
  position: absolute;
}

.prodimg_box span.wishlist {
  position: absolute;
  top: 5px;
  right: 50px;
}

.prodimg_box
  .inner_product:hover
  .tinv-wishlist
  .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
  display: block;
}

.product-content .pro-button a {
  box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.25);
}

.featured h4.main-heading {
  color: #719582;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.featured p.main-content {
  color: #797979;
  font-size: 16px;
  font-weight: 400;
}

section.featured {
  position: relative;
  background: #ffffff;
}

.product-content h3 a {
  font-size: 22px;
  font-weight: 500;
  color: #222221;
}

.cart-btn a i {
  color: #fc3657;
}

.cart-btn a {
  color: #fc3657;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.cart-btn a.added_to_cart.wc-forward {
  margin-left: 16px;
}

.widget_text p a,
.widget h1 a,
.widget h2 a,
.widget h3 a,
.widget h4 a,
.widget h5 a,
.widget h6 a {
  text-decoration: underline;
}

.sidebar h1 a,
.sidebar h2 a,
.sidebar h3 a,
.sidebar h4 a,
.sidebar h5 a,
.sidebar h6 a {
  color: #fff;
}

@media screen and (min-width: 320px) and (max-width: 720px) {
  .sidenav #site-navigation {
    padding: 40px 0;
  }
  .main-navigation .sub-menu,
  .main-navigation .menu > li > a:hover,
  .current-menu-item a {
    background: transparent;
  }
  .topbar-text {
    padding: 10px 0px;
  }
  .social-link {
    margin-top: 10px;
  }
  .bg-color {
    min-height: 350px;
  }
  .top-btn {
    justify-content: center;
  }
}
@media screen and (max-width: 1000px) {
  .main-navigation .menu > li > a:hover,
  #site-navigation .menu ul li a:hover {
    color: #fc3657 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  i.far.fa-times-circle {
    padding: 20px;
  }
  .sidenav .closebtn {
    right: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .main-navigation .menu {
    padding: 0px 35px;
  }
}

/* Bubble Tea Blog - Modern Vibrant Styling */

:root {
  --bubble-pink: #ff6b9d;
  --bubble-purple: #a855f7;
  --bubble-teal: #14b8a6;
  --bubble-orange: #ff8c42;
  --bubble-yellow: #ffc107;
  --bubble-blue: #3b82f6;
  --bubble-green: #10b981;
  --dark-bg: #1a1a2e;
  --light-text: #f8f9fa;
  --accent-bg: #16213e;
}

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  line-height: 1.7;
  color: #2d3748;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  margin: 0;
  padding: 0;
}

.post-11 {
  background: white;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.entry-header {
  background: linear-gradient(135deg, var(--bubble-pink), var(--bubble-purple));
  padding: 40px 20px;
  position: relative;
  overflow: hidden;
}

.entry-header::before {
  content: "🧋";
  position: absolute;
  font-size: 200px;
  opacity: 0.1;
  right: -50px;
  top: -30px;
  transform: rotate(-15deg);
}

.entry-title {
  color: white;
  font-size: 3.5em;
  font-weight: 800;
  margin: 0;
  text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
  letter-spacing: -1px;
}

.entry-content {
  padding: 20px;
  margin: 0;
}

.entry-content > p {
  font-size: 1.1em;
  margin-bottom: 1.5em;
  color: #4a5568;
}

.entry-content h2 {
  font-size: 2.5em;
  font-weight: 800;
  margin: 60px 0 30px;
  background: linear-gradient(135deg, var(--bubble-teal), var(--bubble-blue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.entry-content h3 {
  font-size: 1.8em;
  font-weight: 700;
  margin: 40px 0 20px;
  color: #2d3748;
}

.short-history {
  background: linear-gradient(135deg, #ffe5ec 0%, #fff0f5 100%);
  padding: 20px;
  margin: 50px 0;
  position: relative;
  border-top: 5px solid var(--bubble-pink);
  border-bottom: 5px solid var(--bubble-purple);
}

.short-history::after {
  content: "📜";
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 60px;
  opacity: 0.3;
}

.short-history h3 {
  color: var(--bubble-pink);
  margin-top: 0;
}

.classic-tea {
  background: linear-gradient(180deg, #fff8e1 0%, #ffe082 100%);
  padding: 30px;
  position: relative;
  border-top: 4px solid var(--bubble-yellow);
}

.classic-tea::before {
  content: "☕";
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  opacity: 0.4;
}

.fruit-tea {
  background: linear-gradient(180deg, #e8f5e9 0%, #81c784 100%);
  padding: 30px;
  position: relative;
  border-top: 4px solid var(--bubble-green);
}

.fruit-tea::before {
  content: "🍓";
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  opacity: 0.4;
}

.specialty {
  background: linear-gradient(180deg, #f3e5f5 0%, #ba68c8 100%);
  padding: 30px;
  position: relative;
  border-top: 4px solid var(--bubble-purple);
}

.specialty::before {
  content: "✨";
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  opacity: 0.4;
}

.toppings {
  background: linear-gradient(180deg, #e0f2f1 0%, #4db6ac 100%);
  padding: 30px;
  position: relative;
  border-top: 4px solid var(--bubble-teal);
}

.toppings::before {
  content: "🧊";
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  opacity: 0.4;
}

.customise-drinks {
  background: linear-gradient(180deg, #fbe9e7 0%, #ff8a65 100%);
  padding: 30px;
  position: relative;
  border-top: 4px solid var(--bubble-orange);
}

.customise-drinks::before {
  content: "🎨";
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  opacity: 0.4;
}

/* Bubble Tea Numbers Section */
.bubble-tea-numbers {
  text-align: center;
  font-size: 3em !important;
  background: linear-gradient(
    135deg,
    var(--bubble-pink),
    var(--bubble-purple),
    var(--bubble-teal)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 80px 0 50px !important;
}

.market-size,
.growth-rate,
.demographics,
.top-flavor,
.fastest-growing,
.supply-crisis,
.major-deal,
.brand-collab,
.pop-culture,
.expansion,
.hub-cities,
.health-trend {
  padding: 20px;
  margin: 20px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.market-size:hover,
.growth-rate:hover,
.demographics:hover,
.top-flavor:hover,
.fastest-growing:hover,
.supply-crisis:hover,
.major-deal:hover,
.brand-collab:hover,
.pop-culture:hover,
.expansion:hover,
.hub-cities:hover,
.health-trend:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.market-size {
  background: linear-gradient(135deg, #ff6b9d, #ff8cb4);
}
.growth-rate {
  background: linear-gradient(135deg, #a855f7, #c084fc);
}
.demographics {
  background: linear-gradient(135deg, #14b8a6, #2dd4bf);
}
.top-flavor {
  background: linear-gradient(135deg, #ff8c42, #ffb380);
}
.fastest-growing {
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
}
.supply-crisis {
  background: linear-gradient(135deg, #ef4444, #f87171);
}
.major-deal {
  background: linear-gradient(135deg, #10b981, #34d399);
}
.brand-collab {
  background: linear-gradient(135deg, #8b5cf6, #a78bfa);
}
.pop-culture {
  background: linear-gradient(135deg, #ec4899, #f472b6);
}
.expansion {
  background: linear-gradient(135deg, #f59e0b, #fbbf24);
}
.hub-cities {
  background: linear-gradient(135deg, #06b6d4, #22d3ee);
}
.health-trend {
  background: linear-gradient(135deg, #84cc16, #a3e635);
}

.market-size p:first-child,
.growth-rate p:first-child,
.demographics p:first-child,
.top-flavor p:first-child,
.fastest-growing p:first-child,
.supply-crisis p:first-child,
.major-deal p:first-child,
.brand-collab p:first-child,
.pop-culture p:first-child,
.expansion p:first-child,
.hub-cities p:first-child,
.health-trend p:first-child {
  color: white;
  font-size: 0.9em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

.market-size strong,
.growth-rate strong,
.demographics strong,
.top-flavor strong,
.fastest-growing strong,
.supply-crisis strong,
.major-deal strong,
.brand-collab strong,
.pop-culture strong,
.expansion strong,
.hub-cities strong,
.health-trend strong {
  display: block;
  font-size: 2.4em;
  color: white;
  margin: 15px 0;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}

.market-size p:nth-child(3),
.growth-rate p:nth-child(3),
.demographics p:nth-child(3),
.top-flavor p:nth-child(3),
.fastest-growing p:nth-child(3),
.supply-crisis p:nth-child(3),
.major-deal p:nth-child(3),
.brand-collab p:nth-child(3),
.pop-culture p:nth-child(3),
.expansion p:nth-child(3),
.hub-cities p:nth-child(3),
.health-trend p:nth-child(3) {
  color: white;
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 10px;
}

.market-size p:last-child,
.growth-rate p:last-child,
.demographics p:last-child,
.top-flavor p:last-child,
.fastest-growing p:last-child,
.supply-crisis p:last-child,
.major-deal p:last-child,
.brand-collab p:last-child,
.pop-culture p:last-child,
.expansion p:last-child,
.hub-cities p:last-child,
.health-trend p:last-child {
  color: rgba(255, 255, 255, 0.95);
  font-size: 0.95em;
  line-height: 1.6;
}

.data-sources {
  background: #f8f9fa;
  padding: 20px;
  margin: 20px 0;
  border-top: 4px solid var(--bubble-blue);
}

.data-sources .wp-block-column {
  background: white;
  padding: 25px;
  margin: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.data-sources .wp-block-column:hover {
  transform: translateY(-5px);
}

.data-sources strong {
  color: var(--bubble-blue);
  font-size: 1.2em;
  display: block;
  margin-bottom: 10px;
}

.data-sources a {
  color: var(--bubble-teal);
  text-decoration: none;
  font-weight: 500;
  word-break: break-all;
  transition: color 0.3s ease;
}

.data-sources a:hover {
  color: var(--bubble-purple);
}

.count-list {
  counter-reset: bubble-counter;
  list-style: none;
  padding-left: 0;
}

.count-list li {
  counter-increment: bubble-counter;
  position: relative;
  padding-left: 70px;
  margin-bottom: 25px;
  font-size: 1.1em;
}

.count-list li::before {
  content: counter(bubble-counter);
  position: absolute;
  left: 0;
  top: -5px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, var(--bubble-pink), var(--bubble-purple));
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.5em;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.theme-list {
  list-style: none;
  padding-left: 0;
}

.theme-list li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 20px;
  font-size: 1.05em;
}

.theme-list li::before {
  content: "🧋";
  position: absolute;
  left: 0;
  font-size: 30px;
  top: -5px;
}

.theme-list strong {
  color: var(--bubble-purple);
  font-weight: 700;
}

.theme-block {
  background: linear-gradient(135deg, #fff9c4 0%, #fff59d 100%);
  padding: 20px;
  margin: 20px 0;
  border-top: 5px solid var(--bubble-yellow);
  border-bottom: 5px solid var(--bubble-orange);
}

.theme-block h3 {
  color: var(--bubble-orange);
  margin-top: 0;
  font-size: 1.8em;
}

.wp-block-columns {
  margin: 30px 0;
}

.entry-content a {
  color: var(--bubble-teal);
  text-decoration: none;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
}

.entry-content a:hover {
  color: var(--bubble-purple);
  border-bottom-color: var(--bubble-purple);
}

.entry-footer {
  padding: 30px 60px;
  background: #f8f9fa;
  border-top: 3px solid var(--bubble-pink);
}

.entry-footer a {
  color: var(--bubble-purple);
  text-decoration: none;
  font-weight: 600;
}

.img-right-block,
.img-left-block {
  background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
  padding: 50px;
  margin: 50px 0;
  position: relative;
  overflow: hidden;
  border-top: 5px solid var(--bubble-orange);
  border-bottom: 5px solid var(--bubble-pink);
  align-items: center !important;
}

.img-right-block::before {
  content: "🛍️";
  position: absolute;
  font-size: 150px;
  opacity: 0.05;
  right: -30px;
  top: 50%;
  transform: translateY(-50%) rotate(-15deg);
}

.img-left-block::before {
  content: "🏪";
  position: absolute;
  font-size: 150px;
  opacity: 0.05;
  left: -30px;
  top: 50%;
  transform: translateY(-50%) rotate(15deg);
}

.img-right-block:hover,
.img-left-block:hover {
  background: linear-gradient(135deg, #ffe0b2 0%, #ffcc80 100%);
  transform: scale(1.02);
  transition: all 0.4s ease;
}

.img-right-block h3,
.img-left-block h3 {
  font-size: 2em;
  font-weight: 800;
  margin-top: 0;
  background: linear-gradient(135deg, var(--bubble-orange), var(--bubble-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  padding-bottom: 15px;
}

.img-right-block h3::after,
.img-left-block h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, var(--bubble-orange), var(--bubble-pink));
}

.img-right-block p,
.img-left-block p {
  font-size: 1.1em;
  line-height: 1.8;
  color: #4a5568;
}

.img-right-block .wp-block-image,
.img-left-block .wp-block-image {
  position: relative;
  overflow: hidden;
}

.img-right-block .wp-block-image::before,
.img-left-block .wp-block-image::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: linear-gradient(
    135deg,
    var(--bubble-pink),
    var(--bubble-purple),
    var(--bubble-teal)
  );
  z-index: -1;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}

.img-right-block:hover .wp-block-image::before,
.img-left-block:hover .wp-block-image::before {
  opacity: 0.5;
}

.img-right-block figure,
.img-left-block figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

.img-right-block img,
.img-left-block img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
  clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}

.img-right-block:hover img,
.img-left-block:hover img {
  transform: scale(1.05);
}

.img-left-block .wp-block-image {
  clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 5% 100%);
}

.img-right-block .wp-block-column:first-child::before {
  content: "🧋";
  position: absolute;
  font-size: 50px;
  opacity: 0.2;
  top: 20px;
  left: 20px;
  animation: float 3s ease-in-out infinite;
}

.img-left-block .wp-block-column:last-child::before {
  content: "🧋";
  position: absolute;
  font-size: 50px;
  opacity: 0.2;
  top: 20px;
  right: 20px;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.entry-content > * {
  animation: fadeInUp 0.6s ease-out;
}

@media (max-width: 768px) {
  .navbar-brand {
    margin-top: 0;
  }
  h1.entry-title {
    font-size: 35px;
  }
  .entry-header {
    padding: 20px;
  }
  .img-right-block,
  .img-left-block {
    padding: 30px 20px;
  }

  .img-left-block {
    flex-direction: column-reverse;
  }

  .img-right-block h3,
  .img-left-block h3 {
    font-size: 1.5em;
  }

  .img-right-block img,
  .img-left-block img {
    clip-path: none;
  }

  .img-left-block .wp-block-image {
    clip-path: none;
  }
  .data-sources {
    padding: 10px;
  }
  .data-sources .wp-block-column {
    padding: 10px;
  }
  .entry-title {
    font-size: 2em;
  }

  .entry-content {
    padding: 20px;
  }

  .entry-content h2 {
    font-size: 1.8em;
  }

  .bubble-tea-numbers {
    font-size: 2em !important;
  }
  .count-list li {
    padding-left: 40px;
  }
  .count-list li::before {
    top: 3px;
    width: 30px;
    height: 30px;
  }
  .market-size strong,
  .growth-rate strong,
  .demographics strong,
  .top-flavor strong,
  .fastest-growing strong,
  .supply-crisis strong,
  .major-deal strong,
  .brand-collab strong,
  .pop-culture strong,
  .expansion strong,
  .hub-cities strong,
  .health-trend strong {
    font-size: 1.6em;
  }
}

.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6 {
  color: #ffffff;
}