/* ===== Pricing Tables + Toggle ===== */
.pretpot-pricing-wrapper{text-align:center}
.pretpot-pricing-toggle{display:inline-flex;align-items:center;gap:15px;margin-bottom:40px}
.pretpot-toggle-switch{position:relative;display:inline-block;width:60px;height:30px}
.pretpot-toggle-switch input{opacity:0;width:0;height:0}
.pretpot-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:30px;transition:.3s}
.pretpot-toggle-slider:before{position:absolute;content:'';height:22px;width:22px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:.3s}
.pretpot-toggle-input:checked+.pretpot-toggle-slider{background:#007cba}
.pretpot-toggle-input:checked+.pretpot-toggle-slider:before{transform:translateX(30px)}
.pretpot-toggle-label{font-weight:600;color:#333}
.pretpot-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.pretpot-pricing-table{background:#fff;border-radius:12px;padding:40px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:transform .3s ease}
.pretpot-pricing-table:hover{transform:translateY(-10px)}
.pretpot-pricing-table.pretpot-featured{border:2px solid #007cba;transform:scale(1.05)}
.pretpot-plan-name{font-size:24px;margin-bottom:20px;color:#333}
.pretpot-plan-price{font-size:48px;font-weight:700;color:#007cba;margin-bottom:30px;display:none}
.pretpot-plan-price.active{display:block}
.pretpot-plan-features{list-style:none;padding:0;margin-bottom:30px;display:none}
.pretpot-plan-features.active{display:block}
.pretpot-plan-button{display:inline-block;padding:15px 40px;background:#007cba;color:#fff;text-decoration:none;border-radius:5px;font-weight:600;transition:background .3s ease}
.pretpot-plan-button:hover{background:#005a87}

/* ===== Scroll Video ===== */
.pretpot-scroll-video-wrapper{position:relative;width:100%;height:100vh;overflow:hidden}
.pretpot-scrub-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.pretpot-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;transition:opacity .3s}
.pretpot-scroll-video-wrapper.pretpot-sticky{position:sticky;top:0}
.pretpot-plan-price.pretpot-monthly,.pretpot-plan-features.pretpot-monthly{display:none}
.pretpot-plan-price.pretpot-yearly,.pretpot-plan-features.pretpot-yearly{display:none}
.pretpot-pricing-wrapper[data-default-view="monthly"] .pretpot-monthly,
.pretpot-pricing-wrapper[data-default-view="yearly"]   .pretpot-yearly{display:block}

/* ===== Global Rotation Control ===== */
.pretpot-rotated-yes.elementor-section{transform-origin:center center}
.pretpot-rotated-yes.elementor-column{transform-origin:center center;z-index:1}

/* ===== Enhanced Marquee ===== */
.pretpot-marquee{position:relative;overflow:hidden;width:100%;height:80px;display:flex;align-items:center;background:transparent}
.pretpot-marquee-track{display:flex;will-change:transform;width:max-content}
.pretpot-marquee-original,.pretpot-marquee-clone{display:flex;align-items:center}
.pretpot-marquee-item{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.pretpot-marquee[data-direction="left"] .pretpot-marquee-track{animation:pretpot-marquee-left var(--speed) linear infinite}
.pretpot-marquee[data-direction="right"] .pretpot-marquee-track{animation:pretpot-marquee-right var(--speed) linear infinite}
.pretpot-marquee[data-pause-hover="1"]:hover .pretpot-marquee-track{animation-play-state:paused}
.pretpot-marquee[data-reverse-hover="1"]:hover .pretpot-marquee-track{animation-direction:reverse}
@keyframes pretpot-marquee-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes pretpot-marquee-right{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.pretpot-marquee[data-continuous="0"] .pretpot-marquee-track{width:100%;animation:none !important}
.pretpot-marquee[data-continuous="0"] .pretpot-marquee-original{animation:pretpot-marquee-left var(--speed) linear infinite}
.pretpot-marquee-fade-left,.pretpot-marquee-fade-right{position:absolute;top:0;bottom:0;width:100px;pointer-events:none;z-index:2}
.pretpot-marquee-fade-left{left:0}
.pretpot-marquee-fade-right{right:0}

/* ===== Text Distortion ===== */
.pretpot-distort-text-wrapper{position:relative;display:inline-block}
.pretpot-distort-text{display:inline-block;font-size:3em;font-weight:700}
.pretpot-distort-filter{position:absolute;width:0;height:0;overflow:hidden}

/* ===== Pretpot Toggle Button ===== */
.pretpot-toggle-btn-wrapper{ display:inline-block; width:100%; text-align:var(--alignment,center) }
.pretpot-toggle-btn{
	display:inline-flex;align-items:center;gap:8px;
	background:var(--btn-bg,#f1f3f5);border-radius:8px;
	padding:var(--btn-pad,8px 16px);cursor:pointer;
	text-decoration:none;transition:background .3s, box-shadow .3s;
}
.pretpot-toggle-btn:hover{ box-shadow:0 4px 12px rgba(0,0,0,.1) }
.pretpot-toggle-pill{
	display:inline-flex;align-items:center;gap:6px;
	background:var(--pill-off-bg,#ffffff);padding:4px 12px;
	border-radius:999px;box-shadow:0 2px 4px rgba(0,0,0,.15);
	transition:background .3s, color .3s;
}
.pretpot-toggle-btn.pretpot-active .pretpot-toggle-pill{
	background:var(--pill-on-bg,#ffffff);
	color:var(--pill-on-color,#007cba);
}
.pretpot-toggle-right{
	font-weight:600;color:var(--right-color,#555);white-space:nowrap;
}

/* ===== Pretpot Special Button Background ===== */
.pretpot-special-btn-wrapper{ display:block; width:100%; }
.pretpot-special-btn-outer{
	position:relative;display:inline-flex;vertical-align:middle;
	text-decoration:none;background:transparent;
	border:none; padding:0; margin:0;
}
.pretpot-special-btn-inner{
	position:relative;display:inline-flex;align-items:center;
	justify-content:center;padding:18px 36px;overflow:hidden;isolation:isolate;
}
.pretpot-special-btn-text{position:relative;z-index:2;}
.pretpot-special-btn-video{
	position:absolute;inset:0;width:100%;height:100%;
	z-index:1;pointer-events:none;
}

/* ===== HIGHLIGHT INFO (HOTSPOT) ===== */
.pretpot-highlight-wrapper{position:relative;width:100%;}
.pretpot-highlight-image-wrap{position:relative;display:inline-block;width:100%;}
.pretpot-highlight-image{display:block;max-width:100%;height:auto;}
.pretpot-markers-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}

.pretpot-marker{
	position:absolute;
	display:inline-flex;align-items:center;justify-content:center;
	border-radius:50%;cursor:pointer;
	transform:translate(-50%, -50%);
	transition:all 0.3s ease;pointer-events:auto;
	z-index:10;color:#ffffff;
	border:2px solid;
}
.pretpot-marker:hover{transform:translate(-50%, -50%) scale(1.1);}
.pretpot-marker-icon{display:flex;align-items:center;justify-content:center;}
.pretpot-marker-icon svg{fill:currentColor;}
.pretpot-marker-text{font-weight:600;line-height:1;}
.pretpot-marker-icon-text .pretpot-marker-icon{margin-right:4px;}

@keyframes pretpot-pulse{
	0%,100%{box-shadow:0 0 0 0 rgba(255,105,0,0.7);}
	50%{box-shadow:0 0 0 15px rgba(255,105,0,0);}
}
@keyframes pretpot-wave{
	0%{box-shadow:0 0 0 0 rgba(255,105,0,0.7),0 0 0 0 rgba(255,105,0,0.7);}
	50%{box-shadow:0 0 0 10px rgba(255,105,0,0.3),0 0 0 20px rgba(255,105,0,0);}
	100%{box-shadow:0 0 0 20px rgba(255,105,0,0),0 0 0 40px rgba(255,105,0,0);}
}
@keyframes pretpot-sonar{
	0%{box-shadow:0 0 0 0 rgba(255,105,0,0.4);}
	100%{box-shadow:0 0 0 30px rgba(255,105,0,0);}
}
@keyframes pretpot-soft-beat{
	0%,100%{transform:translate(-50%, -50%) scale(1);}
	50%{transform:translate(-50%, -50%) scale(1.05);}
}

.pretpot-highlight-wrapper[data-marker-animation="pulse"] .pretpot-marker{animation:pretpot-pulse 2s infinite;}
.pretpot-highlight-wrapper[data-marker-animation="wave"] .pretpot-marker{animation:pretpot-wave 3s infinite;}
.pretpot-highlight-wrapper[data-marker-animation="sonar"] .pretpot-marker{animation:pretpot-sonar 2s infinite;}
.pretpot-highlight-wrapper[data-marker-animation="soft-beat"] .pretpot-marker{animation:pretpot-soft-beat 1.5s ease-in-out infinite;}

.pretpot-highlight-wrapper[data-sequenced="yes"] .pretpot-marker{opacity:0;animation-delay:var(--sequence-delay);}
.pretpot-highlight-wrapper[data-sequenced="yes"] .pretpot-marker.pretpot-marker-visible{opacity:1;}

.pretpot-tooltip{
	position:absolute;
	min-width:150px;max-width:300px;
	padding:15px 20px;z-index:1000;
	opacity:0;visibility:hidden;
	transition:opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
	pointer-events:none;
}
.pretpot-marker:hover .pretpot-tooltip,
.pretpot-marker.pretpot-active .pretpot-tooltip{
	opacity:1;visibility:visible;pointer-events:auto;
}

.pretpot-tooltip-top{bottom:calc(100% + 15px);left:50%;transform:translateX(-50%) translateY(10px);}
.pretpot-marker:hover .pretpot-tooltip-top,
.pretpot-marker.pretpot-active .pretpot-tooltip-top{transform:translateX(-50%) translateY(0);}

.pretpot-tooltip-bottom{top:calc(100% + 15px);left:50%;transform:translateX(-50%) translateY(-10px);}
.pretpot-marker:hover .pretpot-tooltip-bottom,
.pretpot-marker.pretpot-active .pretpot-tooltip-bottom{transform:translateX(-50%) translateY(0);}

.pretpot-tooltip-left{right:calc(100% + 15px);top:50%;transform:translateY(-50%) translateX(10px);}
.pretpot-marker:hover .pretpot-tooltip-left,
.pretpot-marker.pretpot-active .pretpot-tooltip-left{transform:translateY(-50%) translateX(0);}

.pretpot-tooltip-right{left:calc(100% + 15px);top:50%;transform:translateY(-50%) translateX(-10px);}
.pretpot-marker:hover .pretpot-tooltip-right,
.pretpot-marker.pretpot-active .pretpot-tooltip-right{transform:translateY(-50%) translateX(0);}

.pretpot-tooltip-arrow{position:absolute;width:0;height:0;}
.pretpot-tooltip-arrow::after{content:'';position:absolute;border:8px solid transparent;}

.pretpot-tooltip-top .pretpot-tooltip-arrow{bottom:-8px;left:50%;transform:translateX(-50%);}
.pretpot-tooltip-top .pretpot-tooltip-arrow::after{border-top-color:inherit;border-bottom:none;}

.pretpot-tooltip-bottom .pretpot-tooltip-arrow{top:-8px;left:50%;transform:translateX(-50%);}
.pretpot-tooltip-bottom .pretpot-tooltip-arrow::after{border-bottom-color:inherit;border-top:none;}

.pretpot-tooltip-left .pretpot-tooltip-arrow{right:-8px;top:50%;transform:translateY(-50%);}
.pretpot-tooltip-left .pretpot-tooltip-arrow::after{border-left-color:inherit;border-right:none;}

.pretpot-tooltip-right .pretpot-tooltip-arrow{left:-8px;top:50%;transform:translateY(-50%);}
.pretpot-tooltip-right .pretpot-tooltip-arrow::after{border-right-color:inherit;border-left:none;}

.pretpot-highlight-wrapper[data-tooltip-animation="grow"] .pretpot-tooltip{transform:scale(0.8);}
.pretpot-highlight-wrapper[data-tooltip-animation="grow"] .pretpot-marker:hover .pretpot-tooltip,
.pretpot-highlight-wrapper[data-tooltip-animation="grow"] .pretpot-marker.pretpot-active .pretpot-tooltip{transform:scale(1);}

.pretpot-highlight-wrapper[data-tooltip-animation="swing"] .pretpot-tooltip{transform-origin:top center;}
.pretpot-highlight-wrapper[data-tooltip-animation="swing"] .pretpot-marker:hover .pretpot-tooltip,
.pretpot-highlight-wrapper[data-tooltip-animation="swing"] .pretpot-marker.pretpot-active .pretpot-tooltip{animation:swing 0.6s ease;}

@keyframes swing{
	20%{transform:rotate(15deg);}
	40%{transform:rotate(-10deg);}
	60%{transform:rotate(5deg);}
	80%{transform:rotate(-5deg);}
	100%{transform:rotate(0deg);}
}

@media (max-width:768px){
	.pretpot-marker{width:25px !important;height:25px !important;}
	.pretpot-tooltip{min-width:120px;max-width:250px;font-size:13px;padding:10px 15px;}
}

/* ===== AVATAR STACK WIDGET ===== */
.pretpot-avatar-stack-wrapper{
	display:flex;
	align-items:center;
	gap:10px;
}

.pretpot-avatar-stack{
	display:flex;
	align-items:center;
}

.pretpot-avatar-item{
	display:inline-flex;
	position:relative;
	border-radius:50%;
	overflow:hidden;
}

.pretpot-avatar-item img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-style:solid;
	box-sizing:border-box;
}

.pretpot-avatar-tooltip{
	position:absolute;
	bottom:calc(100% + 8px);
	left:50%;
	transform:translateX(-50%);
	padding:4px 10px;
	font-size:12px;
	line-height:1.4;
	white-space:nowrap;
	pointer-events:none;
	opacity:0;
	visibility:hidden;
	transition:opacity .2s, visibility .2s;
	z-index:20;
}

.pretpot-avatar-item:hover .pretpot-avatar-tooltip{
	opacity:1;
	visibility:visible;
}

.pretpot-avatar-icon{
	display:inline-flex;
	align-items:center;
}

.pretpot-avatar-text{
	display:inline-flex;
	align-items:center;
}

/* ===== PRETPOT PAYPAL & STRIPE BUTTONS ===== */
.pretpot-paypal-wrapper,
.pretpot-stripe-wrapper {
	display:inline-block;
	width:100%;
}

.pretpot-paypal-button,
.pretpot-stripe-button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:15px 30px;
	border:none;
	border-radius:5px;
	font-size:16px;
	font-weight:600;
	cursor:pointer;
	transition:all 0.3s ease;
	text-decoration:none;
}

.pretpot-paypal-button:hover,
.pretpot-stripe-button:hover {
	transform:translateY(-2px);
	box-shadow:0 6px 20px rgba(0, 0, 0, 0.2);
}

.pretpot-paypal-icon,
.pretpot-stripe-icon {
	display:inline-flex;
	align-items:center;
}

/* ===== PRETPOT TABLE OF CONTENTS ===== */
.pretpot-toc-wrapper {
	position:relative;
	width:100%;
}

.pretpot-toc-container {
	position:relative;
	background:#f9f9f9;
	padding:20px;
	border-radius:8px;
}

.pretpot-toc-sticky {
	position:sticky;
	top:20px;
	z-index:100;
}

.pretpot-toc-header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:15px;
}

.pretpot-toc-title {
	margin:0;
	font-size:18px;
	font-weight:700;
	color:#333;
}

.pretpot-toc-toggle {
	background:transparent;
	border:none;
	cursor:pointer;
	width:24px;
	height:24px;
	position:relative;
}

.pretpot-toc-toggle-icon {
	display:block;
	width:100%;
	height:2px;
	background:#333;
	position:relative;
	transition:all 0.3s ease;
}

.pretpot-toc-toggle-icon::before,
.pretpot-toc-toggle-icon::after {
	content:'';
	position:absolute;
	width:100%;
	height:2px;
	background:#333;
	left:0;
	transition:all 0.3s ease;
}

.pretpot-toc-toggle-icon::before {
	top:-6px;
}

.pretpot-toc-toggle-icon::after {
	top:6px;
}

.pretpot-toc-minimized .pretpot-toc-content {
	display:none;
}

.pretpot-toc-minimized .pretpot-toc-toggle-icon {
	background:transparent;
}

.pretpot-toc-minimized .pretpot-toc-toggle-icon::before {
	top:0;
	transform:rotate(45deg);
}

.pretpot-toc-minimized .pretpot-toc-toggle-icon::after {
	top:0;
	transform:rotate(-45deg);
}

.pretpot-toc-list {
	list-style:none;
	margin:0;
	padding:0;
}

.pretpot-toc-list li {
	margin-bottom:8px;
}

.pretpot-toc-list a {
	text-decoration:none;
	color:#555;
	transition:color 0.3s ease;
	display:block;
}

.pretpot-toc-list a:hover {
	color:#007cba;
}

.pretpot-toc-list a.active {
	color:#007cba;
	font-weight:600;
}

.pretpot-toc-list ul {
	margin-left:20px;
	margin-top:8px;
}

/* ===== PRETPOT LOTTIE ===== */
.pretpot-lottie-wrapper {
	display:inline-block;
	width:100%;
}

.pretpot-lottie-container {
	display:inline-block;
	width:100%;
}

.pretpot-lottie-animation {
	display:inline-block;
	max-width:100%;
	height:auto;
}

.pretpot-lottie-error {
	padding:20px;
	background:#f44336;
	color:#fff;
	border-radius:5px;
	text-align:center;
}

/* ===== PRETPOT MULTI-COLOR HEADING ===== */
.pretpot-multicolor-wrapper {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
}

.pretpot-multicolor-heading {
	margin:0;
	display:inline-block;
}

.pretpot-multicolor-icon {
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.pretpot-multicolor-icon svg {
	width:1em;
	height:1em;
}

/* ===== PRETPOT FANCY HEADING ===== */
.pretpot-fancy-heading-wrapper {
	display:block;
	width:100%;
}

.pretpot-fancy-heading {
	margin:0;
	display:inline-block;
}

.pretpot-fancy-animated-wrapper {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
}

.pretpot-fancy-animated-text {
	display:inline-block;
	position:relative;
}

.pretpot-fancy-cursor {
	display:inline-block;
	width:2px;
	border-right:2px solid;
	animation:pretpot-blink 1s infinite;
	margin-left:2px;
}

@keyframes pretpot-blink {
	0%, 49% {
		opacity:1;
	}
	50%, 100% {
		opacity:0;
	}
}

.pretpot-fancy-typing .pretpot-fancy-animated-text {
	overflow:hidden;
	white-space:nowrap;
}

.pretpot-fancy-clip .pretpot-fancy-animated-wrapper {
	overflow:hidden;
}

.pretpot-fancy-clip .pretpot-fancy-animated-text {
	animation:pretpot-clip-in 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes pretpot-clip-in {
	0% {
		clip-path:inset(0 100% 0 0);
	}
	100% {
		clip-path:inset(0 0 0 0);
	}
}

.pretpot-fancy-flip .pretpot-fancy-animated-text {
	transform-style:preserve-3d;
	animation:pretpot-flip 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes pretpot-flip {
	0% {
		transform:rotateX(90deg);
		opacity:0;
	}
	100% {
		transform:rotateX(0deg);
		opacity:1;
	}
}

.pretpot-fancy-swirl .pretpot-fancy-animated-text {
	animation:pretpot-swirl 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes pretpot-swirl {
	0% {
		transform:scale(0) rotate(360deg);
		opacity:0;
	}
	100% {
		transform:scale(1) rotate(0deg);
		opacity:1;
	}
}

.pretpot-fancy-blinds .pretpot-fancy-animated-text {
	animation:pretpot-blinds 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes pretpot-blinds {
	0% {
		transform:scaleY(0);
		transform-origin:top;
		opacity:0;
	}
	100% {
		transform:scaleY(1);
		opacity:1;
	}
}

.pretpot-fancy-wave .pretpot-fancy-animated-text {
	display:inline-block;
}

.pretpot-fancy-wave .pretpot-fancy-animated-text span {
	display:inline-block;
	animation:pretpot-wave 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes pretpot-wave {
	0%, 100% {
		transform:translateY(0);
	}
	50% {
		transform:translateY(-20px);
	}
}

@media (max-width: 768px) {
	.pretpot-toc-container {
		padding:15px;
	}
	
	.pretpot-fancy-heading {
		font-size:90%;
	}
}

/* ===== Pretpot Dropdown Button – viewport aware ===== */
/* Wrapper */
.pretpot-dropdown-btn-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Button */
.pretpot-dropdown-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #007cba;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 4px;
    transition: background 0.3s ease;
    padding: 12px 24px;
    line-height: 1.5;
}

.pretpot-dropdown-trigger:hover {
    background: #005a87;
}

.pretpot-dropdown-trigger:focus {
    outline: 2px solid #005a87;
    outline-offset: 2px;
}

/* Icon styling - critical for mobile visibility */
.pretpot-dd-icon,
.pretpot-parent-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex-shrink: 0;
}

.pretpot-dd-icon i,
.pretpot-parent-icon i {
    display: inline-block !important;
    line-height: 1;
}

.pretpot-dd-icon svg,
.pretpot-parent-icon svg {
    display: inline-block !important;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

/* Dropdown content */
.pretpot-dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 8px;
    z-index: 9999;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Alignment classes */
.pretpot-dropdown-content.pretpot-dd-left {
    left: 0;
}

.pretpot-dropdown-content.pretpot-dd-right {
    right: 0;
}

.pretpot-dropdown-content.pretpot-dd-center {
    left: 50%;
    transform: translateX(-50%);
}

/* Open state */
.pretpot-dropdown-content.open {
    display: block;
    animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pretpot-dropdown-content.pretpot-dd-center.open {
    animation: fadeInCenter 0.2s ease;
}

@keyframes fadeInCenter {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Body */
.pretpot-dd-body {
    display: flex;
    gap: 20px;
}

/* Links container */
.pretpot-dd-links {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 70vh;
    overflow-y: auto;
}

/* Scrollbar styling */
.pretpot-dd-links::-webkit-scrollbar {
    width: 6px;
}

.pretpot-dd-links::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.pretpot-dd-links::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.pretpot-dd-links::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Links */
.pretpot-dd-link {
    padding: 8px 12px;
    font-size: 15px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
    border-radius: 4px;
    display: block;
}

.pretpot-dd-link:hover {
    color: #007cba;
    background: rgba(0, 124, 186, 0.05);
}

.pretpot-dd-link.sub {
    padding-left: 24px;
    font-size: 14px;
}

/* Accordion parent */
.pretpot-dd-parent {
    border-radius: 4px;
    transition: background 0.2s ease;
}

.pretpot-dd-parent-head {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 12px;
    font-weight: 600;
    color: #333;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.pretpot-dd-parent-head:hover {
    background: rgba(0, 124, 186, 0.05);
}

.pretpot-parent-text {
    flex: 1;
}

.pretparent-arrow {
    margin-left: auto;
    transition: transform 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.pretparent-arrow svg {
    fill: currentColor;
}

/* Accordion panel */
.pretpot-dd-parent-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pretpot-dd-parent.open > .pretpot-dd-parent-panel {
    max-height: 500px;
    padding-top: 4px;
}

.pretpot-dd-parent.open > .pretpot-dd-parent-head .pretparent-arrow {
    transform: rotate(180deg);
}

/* Image */
.pretpot-dd-image {
    flex-shrink: 0;
}

.pretpot-dd-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
    max-width: 200px;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
    .pretpot-dropdown-content {
        max-width: 90vw;
    }
    
    .pretpot-dd-body {
        flex-direction: column;
    }
    
    .pretpot-dd-image img {
        max-width: 100%;
    }
    
    /* Force icons to display on mobile */
    .pretpot-dropdown-trigger .pretpot-dd-icon,
    .pretpot-parent-icon {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .pretpot-dropdown-trigger .pretpot-dd-icon i,
    .pretpot-parent-icon i {
        display: inline-block !important;
        visibility: visible !important;
    }
    
    .pretpot-dropdown-trigger .pretpot-dd-icon svg,
    .pretpot-parent-icon svg {
        display: inline-block !important;
        visibility: visible !important;
    }
    
    .pretpot-dropdown-content.pretpot-dd-center {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 480px) {
    .pretpot-dropdown-trigger {
        font-size: 14px;
        padding: 10px 16px;
    }
    
    .pretpot-dd-link {
        font-size: 14px;
    }
}

/* Accessibility improvements */
.pretpot-dropdown-trigger:focus-visible {
    outline: 2px solid #007cba;
    outline-offset: 2px;
}

.pretpot-dd-link:focus-visible,
.pretpot-dd-parent-head:focus-visible {
    outline: 2px solid #007cba;
    outline-offset: -2px;
}

/* Print styles */
@media print {
    .pretpot-dropdown-content {
        position: static;
        display: block !important;
        box-shadow: none;
        border: 1px solid #ddd;
    }
}

/* Dropdown Direction Controls */
.pretpot-dropdown-up {
    top: auto !important;
    bottom: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}


/* ===== MULTIPLE IMAGES COLUMN (UPDATED v) ===== */
.pretpot-multi-images-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	align-items: flex-start;
}

.pretpot-multi-image-item {
	position: absolute;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 1;
}

.pretpot-multi-image-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.pretpot-multi-image-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.pretpot-multi-image-item a img {
	width: 100%;
	height: 100%;
}

.pretpot-multi-image-item:hover {
	z-index: 100 !important;
}

.pretpot-multi-images-wrapper[data-hover="scale"] .pretpot-multi-image-item:hover img {
	transform: scale(1.05);
}

.pretpot-multi-images-wrapper[data-hover="lift"] .pretpot-multi-image-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.pretpot-multi-images-wrapper[data-hover="glow"] .pretpot-multi-image-item:hover img {
	filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8));
}

.pretpot-multi-image-item.pretpot-front {
	z-index: 999 !important;
}

/* ===== IMAGES IN TITLE (UPDATED v) ===== */
.pretpot-images-title-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 1.2;
}

.pretpot-title-text {
	display: inline-block;
}

.pretpot-title-image {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	vertical-align: middle;
	transition: transform 0.3s ease;
}

.pretpot-title-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ===== ICONS IN TITLE (UNCHANGED) ===== */
.pretpot-icons-title-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 1.2;
}

.pretpot-title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	vertical-align: middle;
	transition: all 0.3s ease;
}

.pretpot-title-icon svg {
	display: block;
}

/* Icon hover animations */
.pretpot-icons-title-wrapper[data-icon-hover="bounce"] .pretpot-title-icon:hover {
	animation: pretpot-icon-bounce 0.6s ease;
}

.pretpot-icons-title-wrapper[data-icon-hover="spin"] .pretpot-title-icon:hover {
	animation: pretpot-icon-spin 0.6s ease;
}

.pretpot-icons-title-wrapper[data-icon-hover="pulse"] .pretpot-title-icon:hover {
	animation: pretpot-icon-pulse 0.6s ease;
}

.pretpot-icons-title-wrapper[data-icon-hover="shake"] .pretpot-title-icon:hover {
	animation: pretpot-icon-shake 0.6s ease;
}

@keyframes pretpot-icon-bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-15px); }
}

@keyframes pretpot-icon-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes pretpot-icon-pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.2); }
}

@keyframes pretpot-icon-shake {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-10px); }
	75% { transform: translateX(10px); }
}

@media (max-width: 768px) {
	.pretpot-images-title-wrapper,
	.pretpot-icons-title-wrapper {
		font-size: 90%;
	}
	
	.pretpot-multi-images-wrapper {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* ============================================
   PRETPOT BLURRED GLASS EFFECT
   ============================================ */

.pretpot-blurred-glass-yes {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
}

.pretpot-blurred-glass-yes::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	border-radius: inherit;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.pretpot-blurred-glass-yes > * {
	position: relative;
	z-index: 2;
}


/* ============================================
   PRETPOT LIQUID GLASS EFFECT
   True liquid glass with SVG displacement warp
   ============================================ */

.pretpot-liquid-glass-yes {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	transform: translateZ(0);
	box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1) !important;
}

/* Layer 1: Filter with warp distortion */
.pretpot-liquid-glass-yes::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	pointer-events: none;
	
	/* Base blur backdrop - this creates the "see through" effect */
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	
	/* SVG filter will be applied via JS */
	filter: url(#pretpot-liquid-glass-filter);
	-webkit-filter: url(#pretpot-liquid-glass-filter);
}

/* Layer 2: Color overlay */
.pretpot-liquid-glass-yes > .pretpot-liquid-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
	pointer-events: none;
	background: rgba(255, 255, 255, 0.25);
}

/* Layer 3: Specular highlight */
.pretpot-liquid-glass-yes > .pretpot-liquid-specular {
	position: absolute;
	inset: 0;
	z-index: 2;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.75),
		inset 0 0 5px rgba(255, 255, 255, 0.75);
}

/* Content layer */
.pretpot-liquid-glass-yes > * {
	position: relative;
	z-index: 3;
}

.pretpot-liquid-glass-yes > .pretpot-liquid-overlay ~ *,
.pretpot-liquid-glass-yes > .pretpot-liquid-specular ~ * {
	z-index: 3;
}

/* Dynamic style placeholder */
.pretpot-liquid-glass-dynamic {
	display: none;
}

/* ===== PRETPOT COMPARISON TABLE ===== */
.pretpot-comparison-wrapper {
	position: relative;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.pretpot-comparison-table {
	min-width: 600px;
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	margin: 0 auto;
}

.pretpot-comparison-row {
	display: grid;
	grid-template-columns: 200px repeat(auto-fit, minmax(150px, 1fr));
	border-bottom: 1px solid #e0e0e0;
}

.pretpot-comparison-row:last-child {
	border-bottom: none;
}

.pretpot-feature-cell,
.pretpot-plan-cell,
.pretpot-value-cell {
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.pretpot-feature-cell {
	text-align: left;
	justify-content: flex-start;
	font-weight: 600;
	background: #f9f9f9;
}

.pretpot-plan-cell {
	flex-direction: column;
	gap: 10px;
}

.pretpot-plan-cell.pretpot-featured {
	position: relative;
	transform: scale(1.02);
	z-index: 2;
	box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
}

.pretpot-plan-cell.pretpot-featured .pretpot-plan-name,
.pretpot-plan-cell.pretpot-featured .pretpot-plan-price,
.pretpot-plan-cell.pretpot-featured .pretpot-plan-description {
	color: #ffffff;
}

.pretpot-comparison-header {
	background: #f5f5f5;
	border-bottom: 2px solid #e0e0e0;
}

.pretpot-plan-image {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 10px;
}

.pretpot-plan-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pretpot-plan-name {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	color: #333333;
}

.pretpot-plan-price {
	font-size: 28px;
	font-weight: 800;
	color: #007cba;
	margin: 5px 0;
}

.pretpot-plan-description {
	font-size: 14px;
	color: #666666;
	margin: 0;
	line-height: 1.4;
}

.pretpot-feature-label {
	font-size: 15px;
	color: #333333;
}

.pretpot-feature-tooltip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	background: #007cba;
	color: #ffffff;
	border-radius: 50%;
	font-size: 12px;
	margin-left: 5px;
	cursor: help;
}

.pretpot-value-cell {
	font-size: 16px;
}

.pretpot-feature-yes {
	color: #4CAF50;
	font-size: 24px;
	font-weight: 700;
}

.pretpot-feature-no {
	color: #F44336;
	font-size: 20px;
	font-weight: 700;
}

.pretpot-feature-custom {
	color: #333333;
	font-weight: 600;
}

.pretpot-comparison-footer {
	background: #f9f9f9;
	padding: 10px 0;
}

.pretpot-plan-button {
	display: inline-block;
	padding: 12px 30px;
	background: #007cba;
	color: #ffffff;
	text-decoration: none;
	border-radius: 5px;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.3s ease;
}

.pretpot-plan-button:hover {
	background: #005a87;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 124, 186, 0.3);
}

.pretpot-plan-cell.pretpot-featured .pretpot-plan-button {
	background: #ffffff;
	color: #667eea;
}

.pretpot-plan-cell.pretpot-featured .pretpot-plan-button:hover {
	background: #f0f0f0;
	color: #764ba2;
}

/* Responsive */
@media (max-width: 768px) {
	.pretpot-comparison-wrapper[data-responsive="scroll"] .pretpot-comparison-table {
		min-width: 800px;
	}
	
	.pretpot-comparison-wrapper[data-responsive="stack"] .pretpot-comparison-row {
		grid-template-columns: 1fr;
	}
	
	.pretpot-comparison-wrapper[data-responsive="stack"] .pretpot-empty-cell {
		display: none;
	}
	
	.pretpot-comparison-wrapper[data-responsive="stack"] .pretpot-plan-cell {
		border-bottom: 3px solid #e0e0e0;
	}
	
	.pretpot-plan-image {
		width: 60px;
		height: 60px;
	}
	
	.pretpot-plan-name {
		font-size: 18px;
	}
	
	.pretpot-plan-price {
		font-size: 24px;
	}
}

/* ===== PRETPOT WOOCOMMERCE PRODUCT ===== */
.pretpot-woo-product {
	position: relative;
	width: 100%;
}

.pretpot-product-image-wrapper {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.pretpot-product-image {
	width: 100%;
	overflow: hidden;
}

.pretpot-product-image img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.pretpot-product-image:hover img {
	transform: scale(1.05);
}

.pretpot-cart-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	background: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	opacity: 0.5;
	z-index: 10;
}

.pretpot-cart-icon:hover {
	opacity: 0.9;
	transform: scale(1.1);
}

.pretpot-cart-icon svg {
	width: 24px;
	height: 24px;
	fill: #333333;
}

/* Button styling - FIXED */
.pretpot-buy-button,
.pretpot-add-to-cart {
	display: inline-block;
	padding: 15px 30px;
	background: #007cba;
	color: #ffffff !important;
	text-decoration: none;
	border: none;
	border-radius: 5px;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
	line-height: 1.5;
}

.pretpot-buy-button:hover,
.pretpot-add-to-cart:hover {
	background: #005a87;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 124, 186, 0.3);
}

.pretpot-product-title {
	font-size: 24px;
	font-weight: 700;
	color: #333333;
	margin: 0 0 15px;
	line-height: 1.3;
}

.pretpot-product-rating {
	margin-bottom: 15px;
}

.pretpot-product-rating .star-rating {
	font-size: 16px;
}

.pretpot-product-price {
	font-size: 28px;
	font-weight: 700;
	color: #007cba;
	margin-bottom: 15px;
}

.pretpot-product-price del {
	font-size: 20px;
	color: #999999;
	margin-right: 10px;
}

.pretpot-product-price ins {
	text-decoration: none;
}

.pretpot-product-description {
	font-size: 15px;
	line-height: 1.6;
	color: #666666;
	margin-bottom: 20px;
}

.pretpot-product-stock {
	margin-bottom: 15px;
}

.pretpot-stock-status {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
}

.pretpot-stock-status.instock {
	background: #E8F5E9;
	color: #4CAF50;
}

.pretpot-stock-status.outofstock {
	background: #FFEBEE;
	color: #F44336;
}

.pretpot-stock-status.onbackorder {
	background: #FFF3E0;
	color: #FF9800;
}

.pretpot-product-meta {
	font-size: 14px;
	color: #666666;
	margin-bottom: 20px;
}

.pretpot-product-meta > div {
	margin-bottom: 8px;
}

.pretpot-product-meta strong {
	color: #333333;
	margin-right: 5px;
}

.pretpot-meta-categories a,
.pretpot-meta-tags a {
	color: #007cba;
	text-decoration: none;
	transition: color 0.3s ease;
}

.pretpot-meta-categories a:hover,
.pretpot-meta-tags a:hover {
	color: #005a87;
	text-decoration: underline;
}

.pretpot-product-actions {
	margin-top: 20px;
}

.pretpot-product-actions .pretpot-buy-button,
.pretpot-product-actions .pretpot-add-to-cart {
	width: 100%;
}

.pretpot-product-actions .single_add_to_cart_button:disabled,
.pretpot-buy-button:disabled,
.pretpot-add-to-cart:disabled {
	background: #cccccc;
	cursor: not-allowed;
	transform: none;
}

/* Variable Product Options */
.pretpot-product-actions .variations {
	margin-bottom: 15px;
	display: none;
}

.pretpot-product-actions .variations .label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
	color: #333333;
}

.pretpot-product-actions .variations select {
	width: 100%;
	padding: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	font-size: 14px;
}

.pretpot-product-actions .reset_variations {
	display: inline-block;
	margin-top: 10px;
	color: #007cba;
	text-decoration: none;
	font-size: 14px;
}

.pretpot-product-actions .reset_variations:hover {
	text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
	.pretpot-product-title {
		font-size: 20px;
	}
	
	.pretpot-product-price {
		font-size: 24px;
	}
	
	.pretpot-cart-icon {
		width: 40px;
		height: 40px;
	}
	
	.pretpot-cart-icon svg {
		width: 20px;
		height: 20px;
	}
	
	.pretpot-buy-button,
	.pretpot-add-to-cart {
		width: 100%;
		padding: 12px 20px;
	}
}

/* Loading State */
.pretpot-woo-product.loading {
	opacity: 0.6;
	pointer-events: none;
}

.pretpot-woo-product .woocommerce-message {
	background: #E8F5E9;
	color: #4CAF50;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 20px;
	border-left: 4px solid #4CAF50;
}

.pretpot-woo-product .woocommerce-error {
	background: #FFEBEE;
	color: #F44336;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 20px;
	border-left: 4px solid #F44336;
}

/* ===== Global Rotation Control ===== */
.pretpot-rotated-yes.elementor-section{transform-origin:center center}
.pretpot-rotated-yes.elementor-column{transform-origin:center center;z-index:1}

/* ===== Global Skew Control ===== */
.pretpot-skewed-yes.elementor-section{transform-origin:center center}
.pretpot-skewed-yes.elementor-column{transform-origin:center center;z-index:1}

/* ===== MIX-FONT HEADING WIDGET – FIXED LINE-BREAK ===== */
/* ------------------------------------------------------ */

/* 1.  Wrapper ----------------------------------------------------------- */
.elementor-widget-pretpot-mix-font-heading .pretpot-mix-heading-wrapper{
	position:relative;
	width:100%;
}

/* 2.  Flex container ---------------------------------------------------- */
.elementor-widget-pretpot-mix-font-heading .pretpot-mix-heading{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:0;
	margin:0;
	padding:0;
}

/* 3.  Individual parts -------------------------------------------------- */
.elementor-widget-pretpot-mix-font-heading .pretpot-mix-heading-part{
	display:inline-block;
	white-space:pre-wrap;
	margin:0;
	padding:0;
}

/* 4.  Gap between parts (default 5px) ----------------------------------- */
.elementor-widget-pretpot-mix-font-heading{
	--part-gap:5px;
}
.elementor-widget-pretpot-mix-font-heading .pretpot-mix-heading-part{
	margin-right:var(--part-gap);
}
/* …but NOT on the very last part --------------------------------------- */
.elementor-widget-pretpot-mix-font-heading .pretpot-mix-heading-part:last-child{
	margin-right:0;
}

/* 5.  Line-break spacer ------------------------------------------------- */
.elementor-widget-pretpot-mix-font-heading .pretpot-line-break-spacer{
	width:100%;
	height:0;
	flex-basis:100%;
}

/* 6.  Kill the gap on the part that sits right before a spacer --------- */
/*    (modern browsers)                                                   */
.elementor-widget-pretpot-mix-font-heading
	.pretpot-mix-heading-part:has(+ .pretpot-line-break-spacer){
	margin-right:0 !important;
}

/* 7.  Sub-heading & background text (optional) ------------------------- */
.elementor-widget-pretpot-mix-font-heading .pretpot-mix-sub-heading{
	display:block;
	margin:0;
}
.elementor-widget-pretpot-mix-font-heading .pretpot-mix-bg-text{
	position:absolute;
	left:0; right:0;
	z-index:1;
	transform:translateY(-50%);
	font-weight:900;
	pointer-events:none;
	user-select:none;
	white-space:nowrap;
	overflow:hidden;
}

/* 8.  Responsive tweak -------------------------------------------------- */
@media (max-width:768px){
	.elementor-widget-pretpot-mix-font-heading .pretpot-mix-heading{
		font-size:90%;
	}
	.elementor-widget-pretpot-mix-font-heading .pretpot-mix-bg-text{
		font-size:80%;
	}
}

/* Force Separator icon widget horizontal layout no matter what */
.elementor-widget-pretpot-icon-image-text-separator .pretpot-separator-wrapper,
.elementor-widget-pretpot-icon-image-text-separator .pretpot-separator-wrapper * {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* ===== PRETPOT WOOCOMMERCE PRODUCT GRID ===== */
.pretpot-product-grid-wrapper {
	position: relative;
	width: 100%;
}

.pretpot-product-grid {
	display: grid;
	width: 100%;
}

.pretpot-grid-product-item {
	position: relative;
	background: #ffffff;
	transition: all 0.3s ease;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.pretpot-grid-product-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.pretpot-grid-product-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center; /* Default alignment for Elementor control */
}

.pretpot-grid-product-image a {
	display: block;
	width: 100%;
}

.pretpot-grid-product-image img {
	/* Removed width: 100% and height: auto to allow Elementor controls */
	display: block;
	transition: transform 0.3s ease;
}

.pretpot-grid-product-image:hover img {
	transform: scale(1.1);
}

.pretpot-grid-sale-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #F44336;
	color: #ffffff;
	padding: 5px 12px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600;
	z-index: 10;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.pretpot-grid-product-category {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 8px;
	font-weight: 600;
}

.pretpot-grid-product-category a {
	color: #999999;
	text-decoration: none;
	transition: color 0.3s ease;
}

.pretpot-grid-product-category a:hover {
	color: #007cba;
}

.pretpot-grid-product-title {
	font-size: 18px;
	font-weight: 700;
	color: #333333;
	margin: 0 0 10px;
	line-height: 1.4;
}

.pretpot-grid-product-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.pretpot-grid-product-title a:hover {
	color: #007cba;
}

.pretpot-grid-product-rating {
	margin-bottom: 10px;
}

.pretpot-grid-product-rating .star-rating {
	font-size: 14px;
	color: #FFA500;
}

.pretpot-grid-product-price {
	font-size: 20px;
	font-weight: 700;
	color: #007cba;
	margin-bottom: 15px;
}

.pretpot-grid-product-price del {
	font-size: 16px;
	color: #999999;
	margin-right: 8px;
	font-weight: 400;
}

.pretpot-grid-product-price ins {
	text-decoration: none;
}

.pretpot-grid-product-actions {
	margin-top: auto;
}

.pretpot-grid-add-to-cart {
	display: inline-block;
	width: 100%;
	padding: 12px 24px;
	background: #007cba;
	color: #ffffff !important;
	text-decoration: none;
	text-align: center;
	border: none;
	border-radius: 5px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s ease;
	line-height: 1.5;
}

.pretpot-grid-add-to-cart:hover {
	background: #005a87;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 124, 186, 0.3);
}

.pretpot-grid-add-to-cart:disabled {
	background: #cccccc;
	cursor: not-allowed;
	transform: none;
}

/* Loading State */
.pretpot-grid-add-to-cart.loading {
	opacity: 0.6;
	pointer-events: none;
}

.pretpot-grid-add-to-cart.loading::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 2px solid #ffffff;
	border-top-color: transparent;
	border-radius: 50%;
	animation: pretpot-spin 0.6s linear infinite;
	margin-left: 8px;
	vertical-align: middle;
}

@keyframes pretpot-spin {
	to {
		transform: rotate(360deg);
	}
}

/* Success Message */
.pretpot-grid-add-to-cart.added::before {
	content: '✓ ';
	margin-right: 5px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.pretpot-grid-product-title {
		font-size: 16px;
	}
	
	.pretpot-grid-product-price {
		font-size: 18px;
	}
	
	.pretpot-grid-add-to-cart {
		padding: 10px 20px;
		font-size: 13px;
	}
	
	.pretpot-grid-sale-badge {
		font-size: 11px;
		padding: 4px 10px;
	}
}

@media (max-width: 480px) {
	.pretpot-grid-product-item {
		padding: 15px;
	}
}

/* Hover effects for entire item */
.pretpot-grid-product-item {
	position: relative;
	overflow: hidden;
}

.pretpot-grid-product-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 124, 186, 0.05);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	z-index: 1;
}

.pretpot-grid-product-item:hover::before {
	opacity: 1;
}

/* Ensure content stays above overlay */
.pretpot-grid-product-item > * {
	position: relative;
	z-index: 2;
}

/* Empty state */
.pretpot-product-grid-wrapper .pretpot-no-products {
	text-align: center;
	padding: 60px 20px;
	color: #666666;
	font-size: 16px;
}

.pretpot-product-grid-wrapper .pretpot-no-products::before {
	content: '🛒';
	display: block;
	font-size: 48px;
	margin-bottom: 20px;
	opacity: 0.3;
}

/* ===== ELEMENTOR CONTROL OVERRIDES ===== */
/* These ensure Elementor controls work properly with the image sizing */

/* Remove any default Elementor image constraints */
.elementor-widget-pretpot-woo-product-grid .pretpot-grid-product-image img {
	max-width: none; /* Allow Elementor width control to work */
	width: auto; /* Reset to allow Elementor control */
	height: auto; /* Reset to allow Elementor control */
}

/* Ensure alignment controls work properly */
.elementor-widget-pretpot-woo-product-grid .pretpot-grid-product-image {
	display: flex;
	justify-content: center;
	align-items: center;
}

.elementor-widget-pretpot-woo-product-grid .pretpot-grid-product-image[data-elementor-setting-key="image_alignment"] {
	text-align: var(--image-alignment, center);
}

/* Support for different alignment values */
.elementor-widget-pretpot-woo-product-grid .pretpot-grid-product-image[style*="text-align: left"] {
	justify-content: flex-start;
}

.elementor-widget-pretpot-woo-product-grid .pretpot-grid-product-image[style*="text-align: right"] {
	justify-content: flex-end;
}

.elementor-widget-pretpot-woo-product-grid .pretpot-grid-product-image[style*="text-align: center"] {
	justify-content: center;
}

/* Responsive image handling */
@media (max-width: 768px) {
	.elementor-widget-pretpot-woo-product-grid .pretpot-grid-product-image img {
		max-width: 100%; /* Ensure images don't overflow on mobile */
	}
}

/* Handle object fit variations */
.elementor-widget-pretpot-woo-product-grid .pretpot-grid-product-image img[style*="object-fit: contain"] {
	background: #f5f5f5; /* Add background for contain mode */
}

.elementor-widget-pretpot-woo-product-grid .pretpot-grid-product-image img[style*="object-fit: cover"] {
	object-position: center center; /* Ensure proper centering */
}

/* Border radius support */
.elementor-widget-pretpot-woo-product-grid .pretpot-grid-product-image img {
	transition: border-radius 0.3s ease, transform 0.3s ease;
}

/* ===== PRETPOT BLOG POSTS ===== */
.pretpot-blog-posts-wrapper {
	position: relative;
	width: 100%;
}

.pretpot-blog-grid {
	display: grid;
	width: 100%;
}

.pretpot-blog-post-card {
	position: relative;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
	overflow: hidden;
}

.pretpot-blog-post-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.pretpot-blog-post-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	background: #f5f5f5;
	flex-shrink: 0;
}

.pretpot-blog-post-image a {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.pretpot-blog-post-image img {
	display: block;
	width: 100%;
	transition: transform 0.3s ease;
	position: absolute;
	top: 0;
	left: 0;
}

.pretpot-blog-post-image:hover img {
	transform: scale(1.05);
}

.pretpot-blog-post-title {
	margin: 0;
	line-height: 1.4;
}

.pretpot-blog-post-title a {
	text-decoration: none;
	transition: color 0.3s ease;
}

.pretpot-blog-post-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 14px;
}

.pretpot-meta-separator {
	display: inline-block;
}

.pretpot-blog-post-excerpt {
	line-height: 1.6;
}

.pretpot-blog-read-more-wrap {
	margin-top: auto;
}

.pretpot-blog-read-more {
	display: inline-block;
	text-decoration: none;
	transition: all 0.3s ease;
	font-weight: 600;
}

.pretpot-blog-read-more:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 124, 186, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.pretpot-blog-post-card {
		padding: 15px;
	}
	
	.pretpot-blog-post-title {
		font-size: 18px;
	}
	
	.pretpot-blog-post-meta {
		font-size: 13px;
	}
	
	.pretpot-blog-read-more {
		padding: 10px 20px;
		font-size: 14px;
	}
}

/* Loading state */
.pretpot-blog-posts-wrapper.loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Empty state */
.pretpot-blog-posts-wrapper .pretpot-no-posts {
	text-align: center;
	padding: 60px 20px;
	color: #666666;
	font-size: 16px;
}

.pretpot-blog-posts-wrapper .pretpot-no-posts::before {
	content: '📝';
	display: block;
	font-size: 48px;
	margin-bottom: 20px;
	opacity: 0.3;
}