/*
 * Album page (dev0 /album, front/templates/album/home.php, body class "page-home has-hero"):
 * page-wide rules from front/public/css/pages/album.css plus what the depo0 shell needs. The rails,
 * tiles, photographer cards and hero themselves are styled by site.css (already loaded).
 */
/* has-hero: the hero starts right under the header / sub-navigation (site.css .has-hero .main). */
.d0-page--album .main { padding-top: 0; }

/* The album keeps its yellow primary buttons (the site's are green). */
.d0-page--album .btn--primary { background: var(--yellow); color: #18171a; box-shadow: 0 2px 3px rgb(0 0 0 / 0.1), 0 8px 3px rgb(0 0 0 / 0.1); }
.d0-page--album .btn--primary:hover { background: #ffc533; }

/* depo0 loads the legacy globals.css on every page (front only on legacy pages): undo its fixed
   140px .btn width so the buttons size to their label as on dev0. */
.d0-page--album .btn { width: auto; }
.d0-page--album .btn span { color: inherit; }

/* Rails sit on the faded bottom of the hero only when they directly follow it (site.css .home-rails
   pulls up by 72px; in depo0 every rail block has its own .home-rails wrapper). */
.d0-page--album .home-rails { margin-top: 0; }
.d0-page--album .d0-blok:has(> .hero) + .d0-blok > .home-rails { margin-top: -72px; }
@media (max-width: 700px) { .d0-page--album .d0-blok:has(> .hero) + .d0-blok > .home-rails { margin-top: -60px; } }
.d0-page--album .home-rails [hidden] { display: none !important; }