/* 
Theme Name: Millennium Pacific
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Ashish Kumar
Template: hello-elementor
Version: 2.0.0
Text Domain: millennium-pacific
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.half-media-container {
  position: relative;
}

/* Optional: make image behave nicely */
.half-media-container img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===============================
   RIGHT SIDE (Half Container)
================================ */
.half-content-container {
  width: 100%;
  max-width: 624px; /* Half of 1248 */
  margin-right: calc((100vw - 1248px) / 2);
  padding-left: 40px; /* spacing from center */
  box-sizing: border-box;
}

.half-left-content-container{
  width: 100%;
  max-width: 624px; /* Half of 1248 */
  margin-left: calc((100vw - 1248px) / 2);
  padding-right: 40px; /* spacing from center */
  box-sizing: border-box;
}
/* ===============================
   RESPONSIVE
================================ */
@media (max-width: 1248px) {

  .half-media-container {
    margin-left: 0;
  }

  .half-content-container, .half-left-content-container {
    max-width: 100%;
    margin-left: 0;
    padding: 20px;
  }
}

/* ===============================
   MOBILE STACK (Optional)
================================ */
@media (max-width: 767px) {

  .half-content-container {
    padding: 20px 15px;
  }

}




.mp-product-box .uc_classic_content{
	box-shadow:none;
}

.mp-product-box  .uc_classic_content_placeholder{
	background:var(--e-global-color-9821308);
	border-radius:100%;
	padding:10px;
}

.product-page-grid .mp-product-box  .uc_classic_content_placeholder{
  background:#ffffff;
}

.blog-post-content img{
	border-radius:100px 0 100px 0;
	margin:20px 0;
}

.blog-post-content  blockquote{
	color:#000000;
	font-size:24px;
	font-weight:500;
	line-height:120%;
	padding:40px 0;
	position:relative
}

.blog-post-content  blockquote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: url("/wp-content/uploads/2026/03/blockquote-border.svg") repeat-x;
  background-size: contain;
}

/* Bottom wave */
.blog-post-content  blockquote::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: url("/wp-content/uploads/2026/03/blockquote-border.svg") repeat-x;
  background-size: contain;
}
.post-tags{
 display:flex;
    justify-content:center;
    gap:10px;
}
   

.post-tags a{
   background-color: var( --e-global-color-9821308 );
  fill: var( --e-global-color-accent );
  color: var( --e-global-color-accent );
  border-style: none;
  border-radius: 8px 8px 8px 8px;
  padding: 4px 8px 4px 8px;
  font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
  font-size: var( --e-global-typography-accent-font-size );
  font-weight: var( --e-global-typography-accent-font-weight );
  text-transform: var( --e-global-typography-accent-text-transform );
  line-height: var( --e-global-typography-accent-line-height );
  border-width: 2px 2px 2px 2px;
  border-color: var( --e-global-color-primary );
}

.mp-package-info span{
    font-weight: 400;
}

.productsection {
    position: relative;
    overflow: visible; /* 👈 IMPORTANT */
}
@media (min-width: 1024px) {
	.productsection::after {
		content: '';
		position: absolute;

		right: -50px; /* push outside a bit */
		top: -23%;

		width: 300px;   /* increase width */
		height: 300px;

		background-image: url(/wp-content/uploads/2026/03/Tomato-scaled-e1773849467750.png);
		background-size: contain; /* 👈 FIX */
		background-repeat: no-repeat;
		background-position: center;

		pointer-events: none;
	}
}

/* FLOATING (smooth up-down like sine wave) */
@keyframes floatY {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}

/* ENTRY ANIMATION (add this class via JS on scroll) */
.productsection.in-view::after {
    opacity: 1;
    transform: translateX(0);
    animation: 
        floatY 4s ease-in-out infinite,
        slideInRight 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); /* spring feel */
}

/* SLIDE WITH OVERSHOOT */
@keyframes slideInRight {
    0%   { transform: translateX(120px); opacity: 0; }
    70%  { transform: translateX(-10px); opacity: 1; }
    100% { transform: translateX(0); }
}

/* HOVER WIGGLE */
.productsection:hover::after {
    animation: 
        floatY 4s ease-in-out infinite,
        wiggle 0.3s ease-in-out;
}

/* Wiggle rotation */
@keyframes wiggle {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(4deg); }
    50%  { transform: rotate(-4deg); }
    75%  { transform: rotate(2deg); }
    100% { transform: rotate(0deg); }
}