/* D42: final polish after the r15 review. */

/* Favourite button below the place title so long names keep their width. */
.gh-title-row{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}
.gh-title-row .gh-title{flex:none;width:100%}
body #gh-attraction-detail .gh-card-heading .gh-closure-notice{margin-top:0}
body #gh-attraction-detail .gh-title-row{margin-bottom:14px}

/* Search page: same field as on the landing page, focus ring on the whole field. */
body .sights-page.gh-search-page .search{display:flex;align-items:center;gap:12px;min-height:58px;padding:5px 6px 5px 16px;border:1px solid #b8d3da;border-radius:18px;background:#fff}
body .sights-page.gh-search-page .search>.icon{display:block;width:22px;height:22px;flex:none;color:#0096b5}
body .sights-page.gh-search-page .search input{flex:1;min-width:0;padding:7px 0;font-size:17px}
body .sights-page.gh-search-page .search input:focus,body .sights-page.gh-search-page .search input:focus-visible{outline:none}
body .sights-page.gh-search-page .search:focus-within{outline:3px solid #194f89;outline-offset:2px}

@media(max-width:760px){
 /* The chevron already shows the state; the words overlapped the price line. */
 body #gh-attraction-detail .gh-tickets .gh-ticket-toggle{display:none}
 body .sights-page.gh-search-page .search{gap:9px;min-height:52px;padding:4px 4px 4px 12px}
 body .sights-page.gh-search-page .search>.icon{display:block;width:21px;height:21px}
}