/* ROUND 106 — Floor Plans listing (inc/round106.php). Loads after inner.css and r63.css on /plans/ and on a plan page. */

/* View switch: only the view that is NOT showing has a button ("Exteriors Only" / "Plans & Exteriors") */
.sh-r106 .pl__view.is-on{display:none}

/* Try it (map tool): one orange ring round the whole field + button, square-ish like the field itself;
   round 63 had drawn the ring as a pill (radius 999) and inner.css a second ring on the field alone */
.sh-r106 .ac-map:focus-within,.sh-r106.sh-r63 .ac-map:focus-within{border-radius:4px}
.sh-r106 .ac-map__field:focus-within{box-shadow:none}

@media (min-width:1024px){
  /* Filters column to plans column: 28px (Figma plans-list-desktop: 16px column gap + the 11px the resting card sits in) */
  .sh-r106 .pl__inner{gap:28px}

  /* Resting shadow on the plan tiles in both views (hover shadows unchanged) */
  .sh-r106 .pl-ext,.sh-r106 .pl-row{box-shadow:0 1px 2px rgba(0,0,0,.15),0 4px 14px rgba(0,0,0,.07)}

  /* Exteriors view: the tile lifts on hover like the list cards */
  .sh-r106 .pl-ext{transition:transform .5s var(--ease-fluid),box-shadow .5s var(--ease-fluid)}
  .sh-r106 .pl-ext:hover,.sh-r106 .pl-ext:focus-within{transform:scale(1.015);box-shadow:var(--shadow-card-hover,var(--shadow-lg));z-index:2}

  /* ROUND 111: the round 106 right-aligned drawing (32px margins) is withdrawn - it ran under the Save pill, the m2
     value and the hover arrow on wider plans. The card keeps the round 63 layout: drawing centred in the white half,
     padding 32px 24px 56px, clear of the corner elements. */

  /* Hover arrow: the Figma arrow-right (24px, 1px stroke, slate), 16px from the right and 16px from the bottom */
  .sh-r106.sh-r63 .pl-row .ac-plan__area::after{display:none}
  .sh-r106 .pl-row::after{content:"";position:absolute;right:16px;bottom:16px;width:24px;height:24px;z-index:3;pointer-events:none;opacity:0;transform:translateX(6px);
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M13 6L19 12L13 18' stroke='%23354052' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat;
    transition:opacity .3s,transform .35s var(--ease-fluid)}
  .sh-r106 .pl-row:hover::after,.sh-r106 .pl-row:focus-within::after{opacity:1;transform:none}

  /* Save heart in the list view: opens to the sage "SAVE" pill on hover (white heart), like the other tiles */
  .sh-r106 .pl-row:hover .ac-plan__save,.sh-r106 .pl-row:focus-within .ac-plan__save,.sh-r106 .pl-row .ac-plan__save:focus-visible{padding:8px 12px;background:var(--sage)}
  .sh-r106 .pl-row:hover .ac-plan__save .gt__save-label,.sh-r106 .pl-row:focus-within .ac-plan__save .gt__save-label,.sh-r106 .pl-row .ac-plan__save:focus-visible .gt__save-label{display:block}
  .sh-r106 .pl-row:hover .ac-plan__save .gt__save-icon,.sh-r106 .pl-row:focus-within .ac-plan__save .gt__save-icon,.sh-r106 .pl-row .ac-plan__save:focus-visible .gt__save-icon{background-image:url("inner/heart.svg")}
  .sh-r106 .pl-row:hover .ac-plan__save.is-saved,.sh-r106 .pl-row:focus-within .ac-plan__save.is-saved{background:var(--slate-green)}
  .sh-r106 .pl-row:hover .ac-plan__save.is-saved .gt__save-icon,.sh-r106 .pl-row:focus-within .ac-plan__save.is-saved .gt__save-icon{background-image:url("inner/heart-filled.svg")}
}

/* A Minor Dwelling / Smart Plan for Investors page has the 2D drawing only: no Flip, no 2D/3D switch */
.sh-r106-smart .pd__vbtns{display:none!important}