/* ===== 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}

/* ===== 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}

/* ===== 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 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-fancy-heading {
		font-size:90%;
	}
}

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

.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;
}

.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;
}

.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);
}

.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%);
}

.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);
    }
}

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

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

.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;
}

.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;
}

.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;
}

.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);
}

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

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

@media (max-width: 767px) {
    .pretpot-dropdown-content {
        max-width: 90vw;
    }
    
    .pretpot-dd-body {
        flex-direction: column;
    }
    
    .pretpot-dd-image img {
        max-width: 100%;
    }
    
    .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;
    }
}

.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;
}

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

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

/* ===== MULTIPLE IMAGES COLUMN ===== */
.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 ===== */
.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 ===== */
.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;
}

.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 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;
}

@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;
	}
}

/* ===== MIX-FONT HEADING WIDGET ===== */
.elementor-widget-pretpot-mix-font-heading .pretpot-mix-heading-wrapper{
	position:relative;
	width:100%;
}

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

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

.elementor-widget-pretpot-mix-font-heading{
	--part-gap:5px;
}
.elementor-widget-pretpot-mix-font-heading .pretpot-mix-heading-part{
	margin-right:var(--part-gap);
}

.elementor-widget-pretpot-mix-font-heading .pretpot-mix-heading-part:last-child{
	margin-right:0;
}

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

.elementor-widget-pretpot-mix-font-heading
	.pretpot-mix-heading-part:has(+ .pretpot-line-break-spacer){
	margin-right:0 !important;
}

.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;
}

@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%;
	}
}

/*  ============================================
        Separator widget layout 
    ============================================  */
    
.elementor-widget-pretpot-icon-image-text-separator .pretpot-separator-container {
    display: flex;
    width: 100%;
}

.elementor-widget-pretpot-icon-image-text-separator .pretpot-separator-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    /* width is controlled by the Elementor Width slider selector */
}

.elementor-widget-pretpot-icon-image-text-separator .pretpot-separator-line {
    flex: 1;              /* ← this is the critical rule — lets lines stretch */
    height: 0;
    /* border-top-width / style / color come from Elementor selectors */
    border-top-style: solid;
    border-top-width: 2px;
    border-color: #000000;
}

.elementor-widget-pretpot-icon-image-text-separator .pretpot-separator-center {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ============================================
   PRETPOT LIQUID GLASS EFFECT
   ============================================ */

.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;
}

.pretpot-liquid-glass-yes::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	pointer-events: none;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	filter: url(#pretpot-liquid-glass-filter);
	-webkit-filter: url(#pretpot-liquid-glass-filter);
}

.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);
}

.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);
}

.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;
}

.pretpot-liquid-glass-dynamic {
	display: none;
}