/* =============================================================================
   Tahoe Model-Sizes Grid (mycuank_shortcode / .cis_pod_tabs)  ·  CSS  ·  v1.1.0
   -----------------------------------------------------------------------------
   Purpose
     Responsive sizing for the model-sizes image grid emitted by
     [mycuank_shortcode]  ( .cis_pod_tabs_parent > .cis_pod_tabs > a>img + p ),
     for the BOAT-CATEGORY archive only.

   v1.1.0 (2026-06-20) — SIZE-PARITY FIX
     The v1.0.0 migration replaced the per-widget Elementor custom_css on the
     Product Category Loop (34899) with a NEW, hand-authored breakpoint ladder
     (1024px→70% / 745px-landscape→50% / 480px-portrait→100%) and dropped the
     widget's default `flex-basis: 45%`. That ladder does not match the BOAT-MODEL
     loop (29528), so category cards rendered at the wrong size below 1025px
     (iPad showed a fat 1-up @70% where model shows 2-up @45%, full-bleed cut over
     at 480 instead of 768, plus a stray 745-landscape 2-up tier model never had).

     This version reproduces loop 29528's EXACT ladder, 1:1, translated from
     `.elementor-29528 .elementor-element-e833b52 .cis_pod_tabs`
     →  `body.tax-boat_category .cis_pod_tabs`. Result is pixel-parity with the
     model archive on every device:

       • >=1025px ........ flex-basis:30%  → 3-up   (owned by style.css ID rule —
                           #boat-floor-plans-id … {flex-basis:30%}; present on
                           BOTH archives, specificity (1,2,3) beats this file, so
                           desktop is intentionally NOT restated here.)
       • 769–1024px ..... flex-basis:45%  → 2-up   (this file's base — the tier
                           that was missing in v1.0.0)
       • <=768px ........ flex-basis:unset; width:100%  → 1-up full bleed
                           (+ margin:30px 0 0 0, exactly as the model widget)

   Scope / why these selectors
     • Gated to `body.tax-boat_category`, so the BOAT-MODEL archive
       (`tax-boat_model`, loop 29528) is untouched — its own widget CSS still
       governs it.
     • Body-class scoping is preferred over `#boat-floor-plans-id` (a static
       _element_id duplicated ~17x across the loop = invalid HTML) and over
       `.elementor-element-720531c` (an Elementor hash that churns on rebuild).
       `body.tax-boat_category .cis_pod_tabs` is durable and template-agnostic.

   Deploy
     Enqueued by tahoe_boat_fs_enqueue() in functions.php behind the same
     is_tax('boat_model') || is_tax('boat_category') gate as the F&S component,
     filemtime() cache-busted. No functions.php change needed for this revision.
     After upload: purge WP Rocket Used CSS + page cache, then WP Engine object/
     page cache + CDN. (tahoe-model-sizes.css is already on the WP Rocket RUCSS
     safelist, so none of these rules are stripped on the category URL.)

   Companion Elementor step — ALREADY DONE
     The `.cis_pod_tabs*` custom_css on the 34899 mycuank widget (720531c /
     #boat-floor-plans-id) has been cleared (verified: post-34899.css ships 0
     .cis_pod_tabs rules), so this file is the single source of truth <=1024px.
     Leave the 29528 (model loop) widget custom_css ALONE.
   ============================================================================= */

/* ── Base structure (category only) ─────────────────────────────────────────── */
body.tax-boat_category .cis_pod_tabs_parent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* Base sizing = 2-up (769–1024px). flex-basis:45% mirrors the model widget
   default. Desktop (>=1025px) is overridden to 30% by the style.css ID rule
   (#boat-floor-plans-id …), so it is deliberately not declared here. */
body.tax-boat_category .cis_pod_tabs {
    width: 50%;
    display: inline-block;
    flex-basis: 45%;
    margin: 15px;
}

body.tax-boat_category .cis_pod_tabs img {
    border-radius: 25px;
    padding: 50px 34px;
    background: rgba(255, 255, 255, 0.20);
}

body.tax-boat_category .cis_pod_tabs p {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin-left: 5px;
    margin-top: 10px;
}

/* ── <=768px: 1-up full bleed — exact mirror of loop 29528's @max-768 block ──── */
@media only screen and (max-width: 768px) {
    body.tax-boat_category .cis_pod_tabs {
        flex-basis: unset;
        width: 100%;
        margin: 30px 0 0 0;
    }
}