/*!
 * Copyright (c) 2025-2026 Made For Artist. All rights reserved.
 * Proprietary and confidential -- see LICENSE at the repository root.
 *
 * tenant-t1.css -- TEMPLATE 1, "Classic", on the home page only.
 *
 * Classic's look lives in the shared base of views/public/tenant-home-v2.php,
 * which every other template builds on. This sheet loads ONLY for Classic
 * (body has no tpl-* class), so Classic can be tuned without moving the base
 * under the other 30. Scope rules with body:not([class*="tpl-"]).
 */

/* ── Compact (Bryan, 2026-11-07: "compact and organize ... fit everything
   tighter"). The shared standard: 14-16px between sections, at most ~20px
   inside a card, a shorter hero, denser grids. Every element stays. ── */
body:not([class*="tpl-"]) .bx__id{padding:20px 22px 18px;}
body:not([class*="tpl-"]) .bx__rule{margin:12px 0 10px;}
body:not([class*="tpl-"]) .bx__stats{margin-top:12px;}
body:not([class*="tpl-"]) .bx__acts{padding-top:14px;}
body:not([class*="tpl-"]) .bx__svc{padding:14px 16px 14px;gap:10px;}
body:not([class*="tpl-"]) .bx__tile{padding:10px 8px;}
body:not([class*="tpl-"]) .bx__big{min-height:180px;}
body:not([class*="tpl-"]) .bx__why{padding:10px 14px;}
body:not([class*="tpl-"]) .pkg__i{aspect-ratio:16/9;}
body:not([class*="tpl-"]) .pkgs{margin-bottom:12px;}
body:not([class*="tpl-"]) .smp{gap:12px;}
body:not([class*="tpl-"]) .smp__note{margin-bottom:8px;}
body:not([class*="tpl-"]) .smp__g{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;}
body:not([class*="tpl-"]) .smp__c img,body:not([class*="tpl-"]) .smp__ph{aspect-ratio:16/11;}
body:not([class*="tpl-"]) .smp__x{padding:6px 8px 8px;}
body:not([class*="tpl-"]) .team__g{gap:10px;}
body:not([class*="tpl-"]) .team__a{width:72px;height:72px;}
body:not([class*="tpl-"]) .map{height:140px;}
body:not([class*="tpl-"]) .why__b span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body:not([class*="tpl-"]) .foot{margin-top:4px;padding:12px 0 16px;}
@media(max-width:720px){
  body:not([class*="tpl-"]) .bx__id{padding:16px 16px 14px;}
  body:not([class*="tpl-"]) .bx__top{gap:10px;}
  body:not([class*="tpl-"]) .bx__ava{width:76px;height:76px;}
  body:not([class*="tpl-"]) .bx__big{min-height:0;aspect-ratio:16/10;flex:none;}
  body:not([class*="tpl-"]) .bx__why{padding:10px 8px;gap:8px 0;}
  /* Sample menus swipe sideways in one row (the page itself never scrolls
     sideways); team three-up with small photos; work three-up, six at most. */
  body:not([class*="tpl-"]) .smp__g{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;
    scroll-snap-type:x mandatory;padding-bottom:4px;}
  body:not([class*="tpl-"]) .smp__c{scroll-snap-align:start;}
  body:not([class*="tpl-"]) .team__g{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;}
  body:not([class*="tpl-"]) .team__a{width:60px;height:60px;}
  body:not([class*="tpl-"]) .mosaic,body:not([class*="tpl-"]) .mosaic--few{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;
    grid-auto-rows:96px;justify-content:stretch;}
  body:not([class*="tpl-"]) .mosaic a{grid-row:auto !important;display:block;}
  body:not([class*="tpl-"]) .mosaic a:nth-child(n+7){display:none;}
  body:not([class*="tpl-"]) .amen__g{columns:2;column-gap:16px;}
  body:not([class*="tpl-"]) .xtra__g{gap:10px;}
}
body:not([class*="tpl-"]) .smp__g{grid-template-columns:repeat(auto-fill,minmax(128px,158px));}
body:not([class*="tpl-"]) .svc{padding:6px 0;}
body:not([class*="tpl-"]) .svc__i{width:40px;height:40px;}
body:not([class*="tpl-"]) .hrs div{padding:3px 9px;}
body:not([class*="tpl-"]) .mosaic--few{grid-template-rows:150px;}
body:not([class*="tpl-"]) .mosaic{grid-template-rows:84px 84px;}
@media(max-width:720px){
  /* The intro card: photo beside the name, the shop's trades three across. */
  body:not([class*="tpl-"]) .bx__top{flex-direction:row;align-items:center;gap:12px;}
  body:not([class*="tpl-"]) .bx__ava{width:64px;height:64px;font-size:26px;}
  body:not([class*="tpl-"]) .bx h1{font-size:28px;}
  body:not([class*="tpl-"]) .bx__tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  body:not([class*="tpl-"]) .bx__tile:last-child:nth-child(odd){grid-column:auto;}
  /* No tile alone on a row: four go two by two; otherwise the last row's
     tiles widen to fill it (no-empty-space rule, 2026-11-07). */
  body:not([class*="tpl-"]) .bx__tiles:has(>.bx__tile:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr));}
  body:not([class*="tpl-"]) .bx__tiles:not(:has(>.bx__tile:nth-child(4):last-child))>.bx__tile:last-child:nth-child(3n+1):not(:first-child){grid-column:1/-1;}
  body:not([class*="tpl-"]) .bx__tiles>.bx__tile:last-child:nth-child(3n+2){grid-column:span 2;}
  body:not([class*="tpl-"]) .bx__icons{justify-content:center;}
  body:not([class*="tpl-"]) .bx__tile i{font-size:18px;margin-bottom:3px;}
  body:not([class*="tpl-"]) .bx__tile b{font-size:11.5px;letter-spacing:.06em;}
  body:not([class*="tpl-"]) .smp__g{grid-template-columns:none;}
}
body:not([class*="tpl-"]) .smp__c img,body:not([class*="tpl-"]) .smp__ph{aspect-ratio:16/9;}