/* Home layout (inc-home-layout.php): a section with an owner-set colour or photo becomes a box with 24px corners
   and 16px padding, the photo covering it, centred; the app draws the same box (lib/src/tasda/home_layout.dart).
   Also the showcase tiles' own photo and text size, and the "make your own card" box for members without a card. */
.home-layout-section.has-box{margin:0 0 28px;padding:16px;border-radius:24px;background:var(--hl-bg,transparent) var(--hl-image,none) center/cover no-repeat;overflow:hidden}
.home-layout-section.has-box>:first-child{margin-top:0}
.home-layout-section.has-box>:last-child{margin-bottom:0}

/* Showcase tiles: photo under the tile colour's text, text size from the tile and the section (js/home-showcase.js
   scales the fitted text; these are the fixed-size texts). */
.hs-card{--hs-ts:calc(var(--hs-tile-scale,1) * var(--hs-section-scale,1))}
.hs-card[style*="--hs-image"]{background:var(--bg) var(--hs-image) center/cover no-repeat}
.hs-chat-copy strong{font-size:calc(17 * var(--hs-u) * var(--hs-ts))}
.hs-chat-copy span{font-size:calc(13 * var(--hs-u) * var(--hs-ts))}
.hs-chat-button{font-size:calc(12 * var(--hs-u) * var(--hs-ts))}
.hs-directory strong{font-size:calc(22 * var(--hs-u) * var(--hs-ts))}
.hs-directory span{font-size:calc(15 * var(--hs-u) * var(--hs-ts))}
.hs-mosaic:not(.hs-desk) .hs-directory strong{font-size:calc(min(calc(26 * var(--hs-u)),16cqw) * var(--hs-ts))}
.hs-mosaic:not(.hs-desk) .hs-directory span{font-size:calc(19 * var(--hs-u) * var(--hs-ts))}

/* "Kendi kartvizitini oluştur": signed-in members without a card, at the top of the home. Same band as the app's
   HomeNoCardBox (lib/src/tasda/home_persuasion.dart): mint band, ink text, dark rounded button, in both themes. */
.home-make-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;padding:24px 18px;border-radius:20px;color:#102331;background:#BCE7C9}
.home-layout-section.has-box .home-make-card{margin:0;background:transparent;padding:6px}
.home-make-card-copy{min-width:0}
.home-make-card h2{margin:0 0 8px;color:#102331;font-size:28px;font-weight:900;line-height:1.04}
.home-make-card p{margin:0;max-width:560px;color:#102331;font-size:16px;font-weight:600;line-height:1.35}
.home-make-card-start{flex:none;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border-radius:12px;color:#fff;background:#102331;font-size:16px;font-weight:850;text-decoration:none}
.home-make-card-start:hover{transform:translateY(-1px)}
.home-make-card-start:focus-visible{outline:2px solid #102331;outline-offset:4px}
@media (max-width:640px){.home-make-card{flex-direction:column;align-items:stretch}.home-make-card-start{width:100%}}