/**
 * Smoco Essentials V2 — Phone landscape: two-column layouts (tablet-like).
 *
 * Portrait phones keep stacked/mobile layouts; landscape reuses side-by-side
 * patterns where tablets/desktops already use two columns.
 */

/* ── Animated Testimonials (tablet grid from 768px) ─────────── */

@media (orientation: landscape) and (max-width: 767px) {
    .cmp-animated-testimonials__layout {
        grid-template-columns: minmax(0, 2.6fr) minmax(0, 3.4fr);
        align-items: start;
    }

    .cmp-animated-testimonials {
        --at-gap: clamp(2rem, 6vw, 3rem);
        --at-stack-height: clamp(8.5rem, 48vh, 12rem);
        --at-bounce: -1rem;
        --at-photo-radius: 1rem;
        --at-name-size: clamp(1.05rem, 4.2vw, 1.25rem);
        --at-quote-size: clamp(0.8125rem, 3.4vw, 0.9375rem);
        --at-nav-size: 1.5rem;
    }

    .cmp-animated-testimonials__inner {
        padding-inline: clamp(0.75rem, 2vw, 1.25rem);
    }

    .cmp-animated-testimonials__content {
        gap: 0;
        justify-content: flex-start;
        min-height: 0;
        padding-block: 0;
    }

    .cmp-animated-testimonials__designation {
        margin-top: 0.2rem;
        font-size: 0.75rem;
    }

    .cmp-animated-testimonials__quote {
        margin-top: clamp(0.5rem, 2vw, 0.75rem);
        line-height: 1.55;
        font-size: 0.9375rem;
    }

    .cmp-animated-testimonials__nav {
        margin-top: clamp(0.65rem, 2.5vw, 0.875rem);
    }
}

/* iPhone landscape (width ≥768, short viewport) — more column breathing room */
@media (orientation: landscape) and (min-width: 768px) and (max-height: 520px) {
    .cmp-animated-testimonials {
        --at-gap: clamp(2.25rem, 8vw, 4rem);
    }
}

/* ── Stacking Cards (desktop card grid) ─────────────────────── */

@media (orientation: landscape) and (max-width: 1023px) {
    .cmp-stacking-cards:not(.is-stack-static) .cmp-stacking-cards__card {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: none;
    }

    .cmp-stacking-cards:not(.is-stack-static) .cmp-stacking-cards__list--image-left .cmp-stacking-cards__card {
        direction: rtl;
    }

    .cmp-stacking-cards:not(.is-stack-static) .cmp-stacking-cards__list--image-left .cmp-stacking-cards__content,
    .cmp-stacking-cards:not(.is-stack-static) .cmp-stacking-cards__list--image-left .cmp-stacking-cards__media {
        direction: ltr;
    }

    .cmp-stacking-cards:not(.is-stack-static) .cmp-stacking-cards__list--image-left .cmp-stacking-cards__content,
    .cmp-stacking-cards:not(.is-stack-static) .cmp-stacking-cards__list--image-left .cmp-stacking-cards__media {
        order: unset;
    }

    .cmp-stacking-cards.is-stack-static .cmp-stacking-cards__card {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: none;
        min-height: 220px;
    }

    .cmp-stacking-cards__content {
        padding: clamp(16px, 2.5vw, 28px);
    }

    .cmp-stacking-cards__title {
        font-size: clamp(18px, 2.2vw, 22px);
    }

    .cmp-stacking-cards__text {
        margin-bottom: 16px;
        font-size: 14px;
    }
}

/* ── Sticky Scroll (desktop row layout) ─────────────────────── */

@media (orientation: landscape) and (max-width: 1023px) {
    .cmp-sticky-scroll__panel-inner {
        flex-direction: row;
        align-items: center;
        gap: clamp(24px, 4vw, 48px);
    }

    .cmp-sticky-scroll__panel-inner--image-left .cmp-sticky-scroll__panel-media {
        order: -1;
    }

    .cmp-sticky-scroll__panel-copy,
    .cmp-sticky-scroll__panel-media {
        flex: 1;
    }

    .cmp-sticky-scroll__panel-media img {
        max-width: min(280px, 42vw);
    }

    .cmp-sticky-scroll__title {
        font-size: clamp(1.25rem, 2.8vw, 1.65rem);
    }

    .cmp-sticky-scroll__text {
        font-size: 15px;
        line-height: 1.55;
    }
}

/* ── Featured Testimonial (overlapping grid) ───────────────── */

@media (orientation: landscape) and (max-width: 999px) {
    .cmp-featured-testimonial {
        --cmp-photo-width: min(220px, 34vw);
        --cmp-photo-inset: clamp(12px, 2.5vw, 28px);
        --cmp-photo-gap: clamp(16px, 3vw, 28px);
        padding: 40px 20px 36px;
    }

    .cmp-featured-testimonial__panel {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        padding: 20px 0;
    }

    .cmp-featured-testimonial__photo {
        grid-area: 1 / 1;
        justify-self: start;
        align-self: center;
        width: var(--cmp-photo-width);
        margin: 0 0 0 var(--cmp-photo-inset);
    }

    .cmp-featured-testimonial__quote {
        grid-area: 1 / 1;
        width: 100%;
        padding: 28px 28px 28px calc(var(--cmp-photo-inset) + var(--cmp-photo-width) + var(--cmp-photo-gap));
    }

    .cmp-featured-testimonial__mark {
        top: 16px;
        left: calc(var(--cmp-photo-inset) + var(--cmp-photo-width) + var(--cmp-photo-gap));
        width: 40px;
        height: 40px;
    }

    .cmp-featured-testimonial__quote p {
        max-width: var(--cmp-text-max);
        font-size: clamp(15px, 2.2vw, 17px);
    }

    .cmp-featured-testimonial__author {
        max-width: var(--cmp-text-max);
        margin-top: 20px;
    }
}