/* Morocco Planet Reviews v3 — matches the "Explore our trips" look. Inherits theme fonts. */
.tars{
	--tars-accent:#E8731A;
	--tars-ink:#1c120b;
	--tars-body:#5b4a3f;
	--tars-muted:#9a8b7d;
	--tars-sand:#f1e6d4;      /* cream pill buttons */
	--tars-card:#f7f3ed;      /* soft card grey-cream */
	--tars-ta:#00aa6c;
	color:var(--tars-body);
	position:relative;box-sizing:border-box;max-width:1360px;margin:0 auto;
	padding:clamp(40px,6vw,88px) clamp(16px,4vw,48px);
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23E8731A' stroke-opacity='.13' stroke-width='1.2'%3E%3Crect x='20' y='20' width='40' height='40'/%3E%3Crect x='20' y='20' width='40' height='40' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='7'/%3E%3C/g%3E%3C/svg%3E");
	background-size:80px 80px;background-repeat:repeat;
}
.tars *,.tars *::before,.tars *::after{box-sizing:border-box}

/* Layout: text column left, cards right */
.tars-wrap{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.tars--grid .tars-wrap{grid-template-columns:1fr}
.tars-head{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-top:8px}
.tars--grid .tars-head{max-width:640px}
.tars-title{margin:0 0 18px;color:var(--tars-ink);font-weight:800;letter-spacing:-.045em;line-height:.98;font-size:clamp(2.4rem,4.6vw,3.9rem)}
.tars-sub{margin:0 0 24px;font-size:1.05rem;line-height:1.7}

/* Score */
.tars-score{display:flex;align-items:center;gap:14px;margin:0 0 28px}
.tars-score__num{font-size:2.4rem;font-weight:800;line-height:1;color:var(--tars-ink);letter-spacing:-.04em}
.tars-score__meta{display:block;margin-top:5px;font-size:.84rem;color:var(--tars-muted)}

/* Tripadvisor bubbles */
.tars-bubbles{display:inline-flex;gap:3px;vertical-align:middle}
.tars-bubbles i{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--tars-ta);display:block;background:transparent}
.tars-bubbles i.on,.tars-bubbles i.is-full{background:var(--tars-ta)}
.tars-bubbles i.is-half{background:linear-gradient(90deg,var(--tars-ta) 50%,transparent 50%)}

/* Track */
.tars-main{min-width:0}
.tars-track{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch}
.tars--slider .tars-track{
	display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
	padding:4px 4px 8px;margin:0 -4px;scrollbar-width:none;
}
.tars--slider .tars-track::-webkit-scrollbar{display:none}
.tars--slider .tars-card{flex:0 0 calc((100% - 40px) / 3);min-width:260px;scroll-snap-align:start}

/* Card */
.tars-card{
	position:relative;display:flex;flex-direction:column;gap:14px;
	background:var(--tars-card);border-radius:24px;padding:24px 24px 22px;
	box-shadow:0 14px 34px rgba(110,70,30,.07);
}
.tars-card__label{margin:0;font-size:.78rem;color:var(--tars-muted);line-height:1.4}
.tars-card__title{margin:0;color:var(--tars-ink);font-size:1.3rem;font-weight:700;line-height:1.22;letter-spacing:-.025em}
.tars-card__text{
	margin:0;line-height:1.7;font-size:.95rem;
	display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;
}
.tars-more{align-self:flex-start;color:var(--tars-ink);font-weight:600;font-size:.9rem;text-decoration:underline;text-decoration-color:var(--tars-accent);text-underline-offset:4px;text-decoration-thickness:2px}
.tars-more:hover,.tars-more:focus-visible{color:var(--tars-accent)}

/* Reviewer row: avatar + name left, big quote mark right */
.tars-card__who{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:12px;position:relative}
.tars-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--tars-sand);color:var(--tars-ink);display:grid;place-items:center;font-weight:800;font-size:1rem}
.tars-card__who strong{display:block;color:var(--tars-ink);font-size:.9rem;line-height:1.25;word-break:break-word}
.tars-card__who small{display:block;margin-top:2px;font-size:.75rem;color:var(--tars-muted);line-height:1.3}
.tars-card__who::after{content:"\201D";margin-left:auto;align-self:flex-end;font-size:3.4rem;line-height:.7;font-weight:900;color:var(--tars-ink)}

/* Footer: counter, progress, arrows */
.tars-foot{display:flex;align-items:center;gap:18px;margin-top:22px}
.tars-count{font-size:.95rem;color:var(--tars-ink);font-weight:700;white-space:nowrap}
.tars-count span{color:var(--tars-muted);font-weight:500}
.tars-progress{flex:1 1 auto;height:2px;background:rgba(28,18,11,.12);border-radius:2px;overflow:hidden}
.tars-progress span{display:block;height:100%;width:0;background:var(--tars-ink);transition:width .25s}
.tars-nav{display:flex;gap:10px}

/* Buttons: cream pills like "View all destinations" */
.tars-btn{
	display:inline-flex;align-items:center;gap:10px;cursor:pointer;
	background:var(--tars-sand);color:var(--tars-ink);border:0;border-radius:999px;
	padding:17px 26px;font:inherit;font-weight:700;text-decoration:none;line-height:1;
	transition:background .2s,color .2s;
}
.tars-btn:hover{background:var(--tars-accent);color:#fff}
.tars-btn:focus-visible,.tars-track:focus-visible,.tars-more:focus-visible{outline:3px solid var(--tars-accent);outline-offset:3px}
.tars-btn--icon{width:46px;height:46px;padding:0;justify-content:center;font-size:1.1rem;border-radius:14px}
.tars-btn[disabled]{opacity:.35;cursor:default;pointer-events:none}

.tars-empty{padding:16px;border:1px dashed #c9b79f;border-radius:12px}

@media (max-width:1024px){
	.tars-wrap{grid-template-columns:1fr}
	.tars-head{max-width:560px}
	.tars--slider .tars-card{flex-basis:calc((100% - 20px) / 2)}
}
@media (max-width:600px){
	.tars--slider .tars-card{flex-basis:86%}
	.tars-progress{display:none}
	.tars-foot{justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){.tars--slider .tars-track{scroll-behavior:auto}.tars-btn,.tars-progress span{transition:none}}