/* The turkpidya.com header and the homepage's tool cards on tools pages (site_chrome.py). Loaded after site.css and
   brand.css, only while TURKPIDYA_SITE_CHROME is on. The header's own sheet (site-header.css) pads the body by its 80px. */

/* The sidebar, sticky panels and anchors sit under the site header's 80px at every width. */
body[data-chrome=site]{--header-height:80px}
body[data-chrome=site] .tph .tph__crest.site-brand-logo{width:44px;height:44px;min-width:0;object-fit:contain;filter:none!important;background:none;border-radius:50%}

/* ---------- Hub: the homepage's picture cards ---------- */
#tp-home.tp-hub-shelf{margin-top:clamp(26px,4vw,46px);background:transparent;overflow:visible}
#tp-home.tp-hub-shelf .tp-tools{background:transparent}
#tp-home.tp-hub-shelf .tp-shelf{gap:clamp(30px,4vw,48px)}
#tp-home.tp-hub-shelf [hidden]{display:none!important}
#tp-home.tp-hub-shelf .tp-shelf__group{scroll-margin-top:100px}
/* Six cards a group: three a row beside the sidebar, six on wide screens (the homepage's rows); the last group two wide cards */
#tp-home.tp-hub-shelf .tp-shelf__list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1360px){#tp-home.tp-hub-shelf .tp-shelf__list{grid-template-columns:repeat(6,minmax(0,1fr))}}
#tp-home.tp-hub-shelf .tp-shelf__group--de .tp-shelf__list{grid-template-columns:repeat(2,minmax(0,1fr))}
#tp-home.tp-hub-shelf .tp-tool__icon svg{width:56px;height:56px}

/* The hub's opening in the site's type */
body[data-chrome=site][data-tool=hub] .hub-hero h1{font-family:'TP Literata',Georgia,'Times New Roman',serif;font-weight:600;letter-spacing:-.02em;color:#1A1614}
html[lang=ar] body[data-chrome=site][data-tool=hub] .hub-hero h1,html[lang=fa] body[data-chrome=site][data-tool=hub] .hub-hero h1{font-family:'TP Naskh','Noto Naskh Arabic','Geeza Pro',serif;letter-spacing:0}
body[data-chrome=site][data-tool=hub] .hub-hero .eyebrow{color:#8A6D12;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

@media (max-width:760px){
  body[data-chrome=site][data-tool=hub] .hub-hero h1{font-size:34px;line-height:1.1}
  body[data-chrome=site][data-tool=hub] .hub-hero .hero-art{max-height:150px;overflow:hidden}
  body[data-chrome=site][data-tool=hub] .hub-hero .hero-art img{object-position:50% 62%}
}
@media (max-width:640px){
  /* Two cards a row to browse, not the homepage's swipe rows */
  #tp-home.tp-hub-shelf .tp-shelf__group .tp-shelf__list,#tp-home.tp-hub-shelf .tp-shelf__group--de .tp-shelf__list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;margin:0;padding:0;gap:12px}
  #tp-home.tp-hub-shelf .tp-tool__name{font-size:16px}
  #tp-home.tp-hub-shelf .tp-tool__desc{display:none}
}

@media print{body[data-chrome=site]{padding-top:0}}