/* CV CRO: conversion blocks for articles and tool pages. Theme color presets only. */
.cro-logo{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none;background:var(--wp--preset--color--surface-2,#f6f1ee)}
.cro-logo--ph{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--wp--preset--color--muted,#6b6359)}
.cro-rating{display:inline-flex;align-items:center;gap:.2rem;font-size:.8rem;font-weight:700;color:var(--wp--preset--color--contrast,#1c1a17);white-space:nowrap}
.cro-rating span{color:#f59e0b}
.cro-chip{display:inline-block;font-size:.72rem;font-weight:600;line-height:1.6;padding:0 .5rem;border-radius:999px;background:#ecfdf5;color:#047857;white-space:nowrap}
.cro-chip--free{background:#eff6ff;color:#1d4ed8}
.cro-ico{width:1em;height:1em;flex:none}

/* Tool card under a listicle heading */
.cro-tool{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem 1rem;margin:.6rem 0 1.4rem;padding:.9rem 1rem;border:1px solid var(--wp--preset--color--border,#eae3dd);border-radius:14px;background:var(--wp--preset--color--base,#fff);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cro-tool__logo{display:block;line-height:0;text-decoration:none}
.cro-tool__logo .cro-logo{width:44px;height:44px;border-radius:11px}
.cro-tool__top{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .55rem}
.cro-tool__name{font-weight:700;color:var(--wp--preset--color--contrast,#1c1a17);text-decoration:none}
.cro-tool__name:hover{color:var(--wp--preset--color--primary,#d23a22)}
.cro-tool__tag{margin:.2rem 0 0 !important;font-size:.85rem !important;line-height:1.45 !important;color:var(--wp--preset--color--muted,#6b6359)}
.cro-tool__cta{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;text-align:center}
.cro-tool__cta .ai-btn{flex:none;white-space:nowrap;text-decoration:none}
.cro-tool__review{font-size:.78rem;color:var(--wp--preset--color--muted,#6b6359);text-decoration:underline;text-underline-offset:2px}
.cro-tool__review:hover{color:var(--wp--preset--color--primary,#d23a22)}

/* Top picks box */
.cro-picks{margin:1.6rem 0 2rem;padding:1.1rem 1.2rem 1rem;border-radius:16px;background:linear-gradient(180deg,#fff6f3 0%,var(--wp--preset--color--base,#fff) 70%);border:1px solid #f6c9bd}
.cro-picks__eyebrow{margin:0 0 .6rem !important;font-size:.78rem !important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wp--preset--color--primary,#d23a22)}
.cro-picks__list{list-style:none;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:.5rem}
.cro-picks__row{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.75rem;margin:0 !important;padding:.55rem .7rem;border-radius:12px;background:var(--wp--preset--color--base,#fff);border:1px solid var(--wp--preset--color--border,#eae3dd)}
.cro-picks__rank{width:1.6rem;height:1.6rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;background:var(--wp--preset--color--primary,#d23a22)}
.cro-picks__row .cro-logo{width:36px;height:36px;border-radius:9px}
.cro-picks__main{display:flex;flex-direction:column;min-width:0}
.cro-picks__name{font-weight:700;color:var(--wp--preset--color--contrast,#1c1a17);text-decoration:none}
.cro-picks__label{font-size:.8rem;color:var(--wp--preset--color--muted,#6b6359);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cro-picks__meta{display:flex;align-items:center;gap:.4rem}
.cro-picks__row .ai-btn{flex:none;min-height:38px;padding:.4rem .8rem;text-decoration:none}
.cro-picks__all{display:inline-block;margin-top:.7rem;font-size:.85rem;font-weight:600;color:var(--wp--preset--color--primary,#d23a22)}

/* In-article compare card */
.cro-dir{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:2rem 0;padding:1.1rem 1.2rem;border-radius:16px;color:#fff;background:linear-gradient(135deg,#1c1a17 0%,#2a1712 60%,#3a1d14 100%)}
.cro-dir__text{display:flex;flex-direction:column;gap:.15rem;min-width:220px;flex:1}
.cro-dir__eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffb39f}
.cro-dir__title{font-size:1.1rem;line-height:1.3}
.cro-dir__sub{font-size:.85rem;color:rgba(255,255,255,.75)}
.cro-dir .ai-btn{flex:none;text-decoration:none}

/* Sidebar list */
.cro-side__list{list-style:none;margin:.2rem 0 1rem;padding:0;display:flex;flex-direction:column;gap:.35rem}
.cro-side__list a{display:flex;align-items:center;gap:.55rem;padding:.4rem .5rem;border-radius:10px;color:inherit;text-decoration:none;background:rgba(255,255,255,.06)}
.cro-side__list a:hover{background:rgba(255,255,255,.12)}
.cro-side__list span:not(.cro-rating):not(.cro-logo){flex:1;min-width:0;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cro-side__list .cro-logo{width:28px;height:28px;border-radius:7px}
.cro-side .cro-rating{color:inherit;font-size:.78rem}

/* Newsletter after the article */
.cro-news{margin-top:2rem}

/* Click-to-load YouTube */
.cro-yt{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#000}
.cro-yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:opacity .15s}
.cro-yt:hover img{opacity:1}
.cro-yt__play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#e00}
.cro-yt__play::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.cro-yt:focus-visible{outline:3px solid var(--wp--preset--color--primary,#d23a22);outline-offset:3px}
.cro-yt-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}

/* Mobile: get readers to the text sooner */
@media (max-width:781px){
	.single-post .ai-article-hero{padding-top:1.25rem !important;padding-bottom:1.25rem !important}
	.single-post .ai-article-hero h1{font-size:clamp(1.65rem,7vw,2.1rem) !important;line-height:1.15}
	.single-post .ai-article-hero__media .ai-article-cover img{max-height:190px;object-fit:cover;width:100%}
	.cro-tool{grid-template-columns:auto 1fr;padding:.8rem}
	.cro-tool__cta{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
	.cro-tool__cta .ai-btn{flex:1}
	.cro-picks{padding:.9rem .8rem}
	.cro-picks__row{grid-template-columns:auto auto 1fr auto;gap:.55rem}
	.cro-picks__meta{display:none}
	.cro-dir .ai-btn{width:100%}
}
@media (max-width:420px){
	.cro-picks__row .cro-logo{display:none}
	.cro-picks__row{grid-template-columns:auto 1fr auto}
	/* Small phones: stack the Visit button over the review link so long tool names never push past the screen */
	.cro-tool__body{min-width:0}
	.cro-tool__cta{flex-direction:column;align-items:stretch;gap:.5rem}
	.cro-tool__cta .ai-btn{white-space:normal}
}

/* "X vs Y" at a glance */
.cro-vs{margin:1.6rem 0 2rem;padding:1.1rem 1.2rem;border-radius:16px;background:linear-gradient(180deg,#fff6f3 0%,var(--wp--preset--color--base,#fff) 70%);border:1px solid #f6c9bd}
.cro-vs__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cro-vs__col{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem;border-radius:14px;background:var(--wp--preset--color--base,#fff);border:1px solid var(--wp--preset--color--border,#eae3dd)}
.cro-vs__col .cro-logo{width:44px;height:44px;border-radius:11px}
.cro-vs__name{font-weight:800;font-size:1.05rem;color:var(--wp--preset--color--contrast,#1c1a17);text-decoration:none}
.cro-vs__meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.cro-vs__tag{margin:0 !important;font-size:.85rem !important;line-height:1.45 !important;color:var(--wp--preset--color--muted,#6b6359)}
.cro-vs__col .ai-btn{margin-top:auto;align-self:stretch;text-decoration:none}
.cro-vs__badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;color:#fff;background:var(--wp--preset--color--contrast,#1c1a17);border:3px solid #fff}
@media (max-width:560px){.cro-vs__grid{grid-template-columns:1fr}.cro-vs__badge{display:none}}

/* Article link styles must not underline buttons and names inside the blocks. */
.ai-article .cro-picks a.ai-btn,.ai-article .cro-tool a.ai-btn,.ai-article .cro-vs a.ai-btn,.ai-article .cro-dir a.ai-btn,
.ai-article .cro-picks__name,.ai-article .cro-tool__name,.ai-article .cro-vs__name,.ai-article .cro-tool__logo{text-decoration:none !important}
.ai-article .cro-picks a.ai-btn,.ai-article .cro-tool a.ai-btn,.ai-article .cro-vs a.ai-btn,.ai-article .cro-dir a.ai-btn{color:#fff !important}
.ai-article .cro-tool__name,.ai-article .cro-picks__name,.ai-article .cro-vs__name{color:var(--wp--preset--color--contrast,#1c1a17) !important}