/* WPlend — clean product page. Enqueued only on single product pages
   (see wplend_enqueue_product_page_css in functions.php). */

.wplend-product-page{--wp-gap:2.25rem;max-width:1300px;margin:0 auto;padding:0 0 var(--wp-gap);font-size:16px;}
.wplend-product-page *{box-sizing:border-box;}

/* Theme wrapper: keep the fixed-header offset, drop the extra section padding */
.single-product .l-section:has(.wplend-product-page){padding-top:0!important;padding-bottom:0!important;}
.single-product .l-section-h:has(.wplend-product-page){padding-top:var(--header-height,60px)!important;padding-bottom:0!important;}
/* The full-width band uses 100vw — clip the scrollbar overflow */
html:has(body.single-product),body.single-product,.single-product .l-canvas{overflow-x:clip;}

/* Top trust-badge strip */
.wp-trust-strip{display:flex;justify-content:center;align-items:center;gap:2rem;
	flex-wrap:wrap;font-weight:500;font-size:16px;padding:1rem 0;}
@media (max-width:960px){.wp-trust-strip{display:none;}}

/* Main block: full-width band with shadow, content centered at 1300px */
.wp-main-band{position:relative;z-index:5;width:100vw;margin-left:calc(50% - 50vw);
	margin-bottom:var(--wp-gap);background:#fcfdff;
	box-shadow:0 0 20px 3px rgba(53,65,91,.18);}
.wp-main-card{display:flex;align-items:stretch;gap:2.5rem;max-width:1300px;margin:0 auto;}
/* Stock thumbnail is 590x300 — shown whole, never cropped or stretched */
/* Image touches the band top and bottom; band height = image height */
.wp-main-card__image{flex:0 0 45%;max-width:590px;position:relative;align-self:stretch;}
.wp-main-card__image img{width:100%;height:100%;min-height:100%;aspect-ratio:590/300;object-fit:cover;display:block;}
.wp-main-card__info{flex:1 1 0;min-width:0;align-self:center;padding:.75rem 1.5rem .75rem 0;}
@media (max-width:1330px){.wp-main-card__info{padding-right:20px;}}
@media (max-width:782px){
	.wp-main-card{flex-direction:column;align-items:stretch;gap:0;}
	.wp-main-card__image{flex:none;}
	.wp-main-card__image img{height:auto;}
	.wp-main-card__info{padding:16px 16px 20px;}
}

.wp-breadcrumb{font-size:12px;line-height:1.4;margin-bottom:15px;}
.wp-product-title{font-size:24px;line-height:28px;font-weight:600;margin:0 0 15px!important;padding:0!important;}
@media (min-width:1200px){.wp-product-title{font-size:28px;line-height:32px;font-weight:500;}}
@media (max-width:782px){.wp-product-title{font-size:20px;line-height:26px;font-weight:600;margin-bottom:12px;}}

.wp-version-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;
	font-size:16px;font-weight:600;margin-bottom:22px;}
@media (min-width:1025px){.wp-version-row{flex-wrap:nowrap;}}
@media (max-width:782px){.wp-version-row{gap:8px 14px;margin-bottom:16px;}}
.wp-version-row > *{flex:0 0 auto;margin:0!important;}
/* CLS fix: the "Update?" modal's own CSS is printed in wp_footer, so until
   the footer loads the whole modal renders inline inside this row and then
   collapses — that jump was the page's layout shift. Hide it from <head>. */
.wplend-update-modal-overlay{display:none;}
.wplend-update-modal-overlay.is-open{display:flex;}
.wp-updated-date{white-space:nowrap;}
.wp-updated-date i{margin-right:.35em;}
/* VirusTotal badge: inline next to version/date instead of full width */
.wp-vt-wrap{display:inline-flex;}
.wp-vt-wrap > a,.wp-vt-wrap > div{width:auto!important;display:inline-flex!important;}

.wp-cart-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:20px;}
/* Buttons: one font size */
.wp-cart-row .single_add_to_cart_button,.wp-cart-row .button,.wp-cart-row .yith-wcmbs-download-button,
.wp-cart-row .wp-btn-download,.wp-developer-wrap a{font-size:16px!important;}
/* All three buttons: identical height, aligned on one line */
.wp-cart-row form.cart,.wp-cart-row .quantity{margin:0!important;}
.wp-cart-row .single_add_to_cart_button,.wp-cart-row .yith-wcmbs-download-button,
.wp-cart-row .wp-btn-download,.wp-developer-wrap a{height:42px!important;min-height:0!important;
	padding:0 18px!important;margin:0!important;display:inline-flex!important;align-items:center;justify-content:center;
	line-height:1!important;box-sizing:border-box!important;vertical-align:middle;}
.wp-cart-row > *{display:flex;align-items:center;}
@media (max-width:782px){
	.wp-cart-row{gap:10px;margin-bottom:16px;}
	.wp-cart-row form.cart,.wp-cart-row form.cart .single_add_to_cart_button{flex:1 1 100%;width:100%;}
	.wp-cart-row > *:not(form){flex:1 1 calc(50% - 5px);}
	.wp-cart-row > * > a,.wp-cart-row > a,.wp-cart-row .yith-wcmbs-download-button{width:100%!important;justify-content:center;text-align:center;}
}
.wp-cart-row form.cart{margin:0!important;}

/* The [product_developer] shortcode prints an <a> with an inline width:100% */
.wp-developer-wrap{flex:0 0 auto;}
.wp-developer-wrap a{width:auto!important;}

.wp-btn-download{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.4em;
	border-radius:5px;background:#00b67a;color:#fff;text-decoration:none;font-weight:600;}
.wp-btn-download:hover{background:#019a68;color:#fff;}

.wp-links-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.75rem 2.5rem;font-size:16px;}
.wp-links-row__left{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;min-width:0;}
@media (min-width:783px){.wp-links-row{flex-wrap:nowrap;}}
@media (max-width:782px){.wp-links-row{flex-wrap:wrap;justify-content:space-between;gap:.6rem 1rem;}.wp-links-row__left{flex-wrap:nowrap;white-space:nowrap;}}
.wp-links-sep{opacity:.5;}


/* "Your purchase includes" — native details, floats as a card, no JS */
.wp-purchase-dropdown{position:relative;}
.wp-purchase-dropdown summary{cursor:pointer;font-weight:600;color:#35415b;list-style:none;display:inline-flex;
	align-items:center;gap:.5em;white-space:nowrap;}
.wp-purchase-dropdown summary::-webkit-details-marker{display:none;}
.wp-purchase-dropdown summary::after{content:"";flex:0 0 auto;width:8px;height:8px;margin-left:4px;
	border-right:2px solid #475569;border-bottom:2px solid #475569;transform:rotate(45deg) translateY(-2px);
	transition:transform .2s ease;}
.wp-purchase-dropdown[open] summary::after{transform:rotate(-135deg) translateY(-2px);}
@media (max-width:782px){.wp-purchase-panel{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto;max-width:none;}}
.wp-purchase-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:1000;
	width:360px;max-width:90vw;padding:20px 22px;background:#fff;border-radius:10px;
	box-shadow:0 16px 40px rgba(0,0,0,.18);}
.wp-purchase-panel ul{margin:0 0 .5rem;padding-left:1.2rem;font-size:16px;}
.wp-purchase-panel li{margin-bottom:.4rem;}

.wp-btn-outline{display:inline-flex;align-items:center;gap:.5em;padding:.45em 1.1em;font-size:16px;line-height:1.4;
	border:1px solid currentColor;border-radius:4px;text-decoration:none;font-weight:500;}
.wp-btn-wrapper{display:flex;margin-top:1rem;}
.wp-sidebar-card .wp-btn-outline{width:100%;justify-content:center;border-color:#d5dbe7;color:#35415b;}
.wp-sidebar-card .wp-btn-outline:hover{border-color:#00b67a;color:#00b67a;}
.wp-btn-wrapper--center{justify-content:center;text-align:center;}

/* Three trust badges — same gap as every other block */
.wp-badges-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wp-gap);margin-bottom:var(--wp-gap);}
@media (max-width:960px){.wp-badges-row{grid-template-columns:1fr;}}
.wp-badge{background:#e3e7f0;border-radius:5px;padding:1rem;box-shadow:0 3px 5px rgba(0,0,0,.15);font-size:16px;line-height:1.55;}
.wp-badge strong{font-size:16px;}
.wp-badge i{color:#00b67a;margin-right:5px;}
.wp-badge a{color:#5b6fb6;text-decoration:underline;text-underline-offset:3px;}
.wp-badge a:hover{color:#00b67a;}

/* Body: tabs (2/3) + sidebar (1/3) */
/* Same 3-column grid as the badges, so the sidebar lines up with the 3rd badge */
.wp-body-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wp-gap);align-items:start;}
.wp-body-row > .wp-tabs{grid-column:span 2;}
@media (max-width:960px){.wp-body-row{grid-template-columns:minmax(0,1fr);}.wp-body-row > .wp-tabs{grid-column:auto;}}
@media (max-width:782px){
	.wplend-product-page{--wp-gap:1.25rem;}
	/* Mobile: every block goes edge to edge; only top/bottom shadows, no side gutters */
	.wplend-product-page{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding-left:0!important;padding-right:0!important;}
	.wp-badge,.wp-tabs,.wp-sidebar-card,.sidebar-promo-light,.wp-related-item,.wp-sidebar > img{border-radius:0!important;}
	.wp-badge,.wp-tabs,.wp-sidebar-card,.sidebar-promo-light,.wp-related-item{border-left:0!important;border-right:0!important;
		box-shadow:0 6px 10px -6px rgba(0,0,0,.2),0 -6px 10px -6px rgba(0,0,0,.2)!important;}
	.wp-badge{padding:1rem 16px;}
	.wp-sidebar-card{padding:1rem 16px;}
	.wp-sidebar > img{width:100%;height:auto;}
	.sidebar-promo-light:hover{transform:none;}
}
@media (max-width:1330px){.wplend-product-page{padding-left:20px;padding-right:20px;}}

/* Tabs — pure CSS, radio-driven */
.wp-tabs{background:#fcfdff;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.15);padding-bottom:1rem;}
.wp-tab-input{position:absolute;opacity:0;pointer-events:none;}
.wp-tab-nav{display:flex;border-bottom:1px solid rgba(0,0,0,.08);}
.wp-tab-nav label{flex:1;text-align:center;padding:1rem .5rem;cursor:pointer;
	font-size:18px;font-weight:500;color:#727f9f;border-bottom:3px solid transparent;}
.wp-tab-nav label i{margin-right:.4em;}
.wp-tab-panel{display:none;padding:1rem 2rem 2rem;}
#wp-tab-1:checked ~ .wp-tab-nav label[for="wp-tab-1"],
#wp-tab-2:checked ~ .wp-tab-nav label[for="wp-tab-2"],
#wp-tab-3:checked ~ .wp-tab-nav label[for="wp-tab-3"]{border-bottom-color:#35415b;color:#35415b;}
#wp-tab-1:checked ~ #panel-1,
#wp-tab-2:checked ~ #panel-2,
#wp-tab-3:checked ~ #panel-3{display:block;}
@media (max-width:600px){
	.wp-tab-nav{overflow-x:auto;scrollbar-width:none;}
	.wp-tab-nav::-webkit-scrollbar{display:none;}
	.wp-tab-nav label{flex:0 0 auto;padding:.85rem 1rem;white-space:nowrap;}
	.wp-tab-panel{padding:1rem;}
}

/* Product description: tight spacing, no extra WPBakery indents */
.wp-desc .l-section,.wp-desc .l-section-h,.wp-desc .vc_column-inner{padding:0!important;}
.wp-desc .g-cols{margin:0!important;}
.wp-desc p,.wp-desc ul,.wp-desc ol{margin:0 0 .75rem;}
.wp-desc{font-size:16px;}
.wp-desc h2,.wp-desc h3,.wp-desc h4{font-size:16px!important;line-height:1.4!important;font-weight:600;padding-top:.5rem!important;margin:0 0 .5rem;}
/* Lists in the description only: green check marks instead of dots */
.wp-desc ul{list-style:none;padding-left:0;}
.wp-desc ul li{position:relative;padding-left:28px;margin-bottom:.4rem;}
.wp-desc ul li::before{content:"✓";position:absolute;left:0;top:.15em;width:18px;height:18px;
	display:grid;place-items:center;border-radius:50%;background:rgba(0,182,122,.14);
	color:#00b67a;font-size:11px;font-weight:800;line-height:1;}

/* WPlend Team note */
.wp-team-note{margin:1.5rem 0;padding:0 0 0 14px;border-left:3px solid #00b67a;}
.wp-team-note::before,.wp-team-note::after{content:none!important;display:none!important;}
.wp-team-note h2{font-size:16px!important;font-weight:600;margin:0 0 .4rem;padding:0!important;}
.wp-team-note p{margin:0;}
/* Test-notes table + previous-versions table (moved from style.css — only used on product pages) */
.wtn{font-family:-apple-system,BlinkMacSystemFont,'Montserrat',sans-serif;background:#fff;border:1px solid #e3e7f0;border-radius:8px;overflow:hidden}.wtn-summary{padding:16px 20px;color:#0f131f;font-size:15px;font-weight:700;border-bottom:1px solid #e3e7f0}.wtn-panel-inner > :first-child{margin-top:0}.wtn-lead{margin:16px 20px 20px;padding-top:10px;color:#0f131f;font-size:14px;font-weight:600}.wtn-table{width:calc(100% - 40px);margin:0 20px;border-collapse:collapse;font-size:14px}.wtn-table td{padding:12px 14px 12px 0;border-bottom:1px solid #e3e7f0;color:#2f3b4d;vertical-align:top}.wtn-table tr:last-child td{border-bottom:none}.wtn-table td:first-child{width:28%;color:#0f131f;font-weight:700}.wtn-table code{font-family:-apple-system,BlinkMacSystemFont,'Montserrat',sans-serif;display:inline-block;font-size:12px;word-break:break-all;font-weight:600}.wtn-note{margin:16px;color:#727f9f;font-size:14px}.wtn-note a{color:#00b67a;text-decoration:underline}.wtn-note a:hover{color:#008c5e}@media (max-width: 480px){.wtn-table td:first-child{width:auto;display:block;padding-bottom:2px}.wtn-table td:last-child{display:block;padding:0 0 12px}}
.s3-versions-container{--s3-heading:#0f131f;--s3-text:#2f3b4d;--s3-muted:#727f9f;--s3-border:#e3e7f0;--s3-accent:#00b67a;--s3-accent-dark:#008c5e;overflow-x:auto;-webkit-overflow-scrolling:touch}.s3-versions-table{width:100%;min-width:480px;border-collapse:collapse;font-size:14px;line-height:1.4}.s3-versions-table thead th{text-align:left;padding:0 12px 12px 0;border-bottom:1px solid var(--s3-border);color:var(--s3-muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.s3-versions-table tbody td{padding:18px 12px 18px 0;border-bottom:1px solid var(--s3-border);color:var(--s3-text);vertical-align:middle}.s3-versions-table tbody tr:last-child td{border-bottom:none}.s3-versions-table tbody td:first-child{color:var(--s3-heading);font-weight:600}.s3-versions-table thead th:last-child,.s3-versions-table tbody td:last-child{text-align:right;padding-right:0}.s3-btn-download{display:inline-block;color:#fff!important;background:var(--s3-accent);padding:8px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;transition:background .2s ease}.s3-btn-download:hover{color:#fff!important;background:var(--s3-accent-dark)}.s3-access-locked{color:var(--s3-muted);font-size:13px;font-style:italic}.s3-btn-join{display:inline-block;color:#fff!important;background:linear-gradient(135deg,var(--s3-accent) 0%,#00a56e 100%);padding:8px 18px;border-radius:999px;box-shadow:0 6px 16px #00b67a47;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.s3-btn-join:hover{color:#fff!important;background:linear-gradient(135deg,var(--s3-accent-dark) 0%,#007b53 100%);transform:translateY(-2px);box-shadow:0 10px 22px #00b67a5c}.s3-btn-join:focus-visible{outline:3px solid #00b67a47;outline-offset:3px}@media (max-width: 640px){.s3-versions-container{padding:20px;border-radius:8px}.s3-versions-table{font-size:13px}}@media (prefers-reduced-motion: reduce){.s3-btn-join{transition:none}}
.wtn{margin:1.5rem 0;}
.wtn .wtn-summary,.wtn .wtn-summary h3{font-size:16px!important;}
/* Test-notes table: 16px like the rest of the page */
.wtn .wtn-lead,.wtn .wtn-table,.wtn .wtn-table code,.wtn .wtn-note{font-size:16px!important;}
.wp-tab-panel > h2{font-size:16px!important;line-height:1.4;font-weight:600;padding:0!important;margin:.5rem 0 .75rem;}
/* Previous versions table */
.wp-tab-panel .s3-versions-table{font-size:16px;}

/* Installation guide: numbered timeline like the live site */
.wp-guide-title{display:flex;align-items:center;gap:.5rem;font-size:16px!important;font-weight:600;margin:.5rem 0 1.75rem;}
.wp-guide-title i{color:#00b67a;}
.wp-timeline{list-style:none;counter-reset:wpstep;margin:0 0 1.5rem;padding:0 0 0 3rem;position:relative;}
.wp-timeline::before{content:"";position:absolute;left:12px;top:6px;bottom:6px;border-left:2px dotted #e3e7f0;}
.wp-timeline > li{counter-increment:wpstep;position:relative;margin:0 0 1.75rem;}
.wp-timeline > li:last-child{margin-bottom:0;}
.wp-timeline > li::before{content:counter(wpstep);position:absolute;left:-3rem;top:-1px;width:26px;height:26px;
	display:grid;place-items:center;border-radius:50%;background:#00b67a;color:#fff;font-size:13px;font-weight:700;}
.wp-guide-img{margin-top:.75rem;}
.wp-guide-img img{max-width:100%;height:auto;display:block;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.15);}
@media (max-width:600px){.wp-timeline{padding-left:2.25rem;}.wp-timeline > li::before{left:-2.25rem;}}

.wp-note{display:flex;gap:.75rem;align-items:flex-start;margin:0 0 1rem;padding:1rem 1.25rem;border-radius:5px;
	background:#fff8e6;color:#35415b;}
.wp-note > i{margin-top:.2em;flex:0 0 auto;}
.wp-note p{margin:0 0 .5rem;}
.wp-note p:last-child{margin:0;}
.wp-note--yellow{background:#fff6d6;}
.wp-note--yellow > i{color:#d99a00;}
.wp-note--blue{background:#e3e7f0;}
.wp-note--blue > i{color:#35415b;}
.wp-note--green{background:#e2f4ec;}
.wp-note--green > i{color:#00b67a;}
.wp-note--gray{background:#f0f2f6;}
.wp-note--gray > i{color:#727f9f;}

/* Sidebar */
.wp-sidebar{position:sticky;top:1rem;display:flex;flex-direction:column;gap:var(--wp-gap);}
@media (max-width:960px){.wp-sidebar{position:static;}}
.wp-sidebar-card{background:#fcfdff;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.15);padding:1rem;}
.wp-sidebar-heading{text-align:center;font-size:16px;font-weight:500;margin:0 0 12px;}
.wp-faq{border-top:1px solid #e3e7f0;}
.wp-faq:last-of-type{border-bottom:1px solid #e3e7f0;}
.wp-faq summary{cursor:pointer;font-size:14px;font-weight:500;padding:.65rem 0;list-style:none;
	display:flex;align-items:center;justify-content:flex-start;gap:.75rem;}
.wp-faq summary::-webkit-details-marker{display:none;}
.wp-faq summary::before{content:"";flex:0 0 auto;width:8px;height:8px;margin-left:2px;
	border-right:2px solid #475569;border-bottom:2px solid #475569;transform:rotate(45deg) translateY(-2px);
	transition:transform .2s ease;}
.wp-faq[open] summary::before{transform:rotate(-135deg) translateY(-2px);}
.wp-faq p{font-size:14px;margin:.25rem 0 .75rem;}
.wp-faq ul{font-size:14px;margin:.25rem 0 .75rem;padding-left:1.2rem;}

/* Related products — like the live site */
.wp-related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem;}
.wp-related-item{display:flex;align-items:center;gap:.75rem;height:75px;margin:0;background:#e3e7f0;
	border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.15);overflow:hidden;}
.wp-related-thumb{flex:0 0 150px;height:100%;display:block;}
.wp-related-thumb img{width:150px;height:100%;object-fit:cover;display:block;}
.wp-related-title{font-size:16px;line-height:20px;font-weight:500;text-decoration:none;color:#35415b;
	padding-right:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.wp-related-title:hover{color:#00b67a;}

/* .sidebar-promo-light etc. are styled in style.css — nothing added here on purpose. */