/* ========================
   Museum Cards Wrapper
======================== */
.museum-cards-wrapper{margin:1.6rem auto;font-family:"Work Sans",sans-serif;color:#222}

/* ========================
   Grid
======================== */
.museum-card-grid {display:grid;gap:1.5em;width:100%;max-width:1400px;margin:0 auto} 
.museum-card-grid.cols-auto { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.museum-card-grid.cols-1 { grid-template-columns: 1fr; }
.museum-card-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.museum-card-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.museum-card-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 900px) {
  .museum-card-grid.cols-3,
  .museum-card-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
}@media (max-width: 600px) {.museum-card-grid { grid-template-columns: 1fr !important; }}

/* ========================
   Card
======================== */
.museum-card{display:flex;flex-direction:column;background:#fff;border-radius:6px;box-shadow:0 1px 4px #00000014;transition:box-shadow .25s ease,transform .25s ease;overflow:hidden;height:100%}
.museum-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}

/* ========================
   Link + Title
======================== */
.museum-card-link{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.museum-card-title{margin:.6em 0 .3em;font-size:clamp(1.45rem,2.2vw,1.6rem)!important;font-weight:600;font-family:"Playfair Display",serif;line-height:1.2;transition:color .25s ease;cursor:pointer}
.museum-card-title .title-sub{font-weight:400;color:#444;display:inline;margin-left:.3em}

/* Hover underline only for title */
.museum-card-link:hover .museum-card-title{color:#007AC8;text-decoration:underline}
.museum-card-link:hover .museum-card-title .title-sub{color:#007AC8;text-decoration:none}

/* ========================
   Image
======================== */
.museum-card-thumb{width:100%;overflow:hidden;border-radius:6px 6px 0 0;background:#f0f0f0}
.museum-card-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px 6px 0 0;transition:transform .3s ease-out}
.museum-card:hover .museum-card-img{transform:scale(1.05)}

/* ========================
   Meta
======================== */
.museum-card-meta{padding:1em;display:flex;flex-direction:column;flex:1}

/* ========================
   Category Pill
======================== */
.museum-card-category{display:inline-block;font-size:.65em;font-weight:800;text-transform:uppercase;color:#0057d9;background:#0057d91a;padding:.25em .7em;border-radius:999px;transition:background .25s ease,color .25s ease}
.museum-card-category:hover{background:#0057d9;color:#fff}

/* ========================
   Excerpt
======================== */
.museum-card-excerpt{font-size:1.05rem;line-height:1.4;color:#555;margin-top:.6em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
@media (max-width: 480px) {.museum-card-excerpt{-webkit-line-clamp:4}}

/* ========================
   Compact Layout
======================== */
.museum-cards-wrapper.compact .museum-card{flex-direction:row;align-items:flex-start;box-shadow:none;border-radius:0;background:transparent;padding:.6em 0;border-top:1px solid #00000014}
.museum-cards-wrapper.compact .museum-card:first-child{border-top:none}
.museum-cards-wrapper.compact .museum-card-grid{gap:0}
.museum-cards-wrapper.compact .museum-card-thumb{flex:0 0 90px;width:90px;height:68px;margin-right:1em;border-radius:4px;background:#f0f0f0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.museum-cards-wrapper.compact .museum-card-img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.museum-cards-wrapper.compact .museum-card-meta{padding:0}
.museum-cards-wrapper.compact .museum-card-title{font-size:1.25rem!important;margin:.5em 0}
.museum-cards-wrapper.compact .museum-card-title .title-sub{display:block;margin-top:.1em;font-size:1rem;font-weight:400;color:#555}
.museum-cards-wrapper.compact .museum-card-title .title-sub::before{content:""}
.museum-cards-wrapper.compact .museum-card-excerpt{font-size:1rem;line-height:1.5;margin-top:.2em}
@media (max-width: 600px) {
.museum-cards-wrapper.compact .museum-card-excerpt{display:none}
}
.museum-cards-wrapper.compact .museum-card-link{flex-direction:row;align-items:flex-start;width:100%}
.museum-cards-wrapper.compact .museum-card-meta{flex:1;min-width:0}

/* ========================
   Edit Link
======================== */
.museum-card-edit{text-align:right;margin:.5em}
.museum-card-edit a{font-size:.75em;font-weight:500;color:#fff;text-decoration:none;opacity:0;transition:opacity .25s ease}
.museum-card:hover .museum-card-edit a{opacity:1;color:#ccc}

/* ========================
   Captions
======================== */
.td-thumb-caption{font-size:.65rem;color:#555;text-align:right;margin-top:.4em;margin-right:.6em;font-style:italic}
.museum-cards-wrapper.compact .td-thumb-caption{display:none}

/* ========================
   CTA Button
======================== */
.museum-card-cta{display:inline-block;margin-top:auto;padding:.45em 1.2em;font-size:.85rem;font-weight:600;color:#0057d9;background:#fff;border:1px solid #0057d94d;border-radius:999px;box-shadow:0 2px 4px #00000014;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .2s ease;cursor:pointer}

/* ========================
   Highlight Card
======================== */
.museum-card.highlight{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px #00000040}
.museum-card.highlight .museum-card-image{position:relative;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:350px}
.museum-card.highlight .museum-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000a6 0%,#0006 60%,#0003 100%)}
.museum-card.highlight .museum-card-content{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);width:90%;text-align:center;color:#fff;z-index:2}
.museum-card.highlight .museum-card-title{font-family:"Playfair Display",serif;font-size:3rem;font-weight:700;margin:0 0 .4em;text-shadow:0 2px 6px #00000080;color:#fff!important}
.museum-card.highlight .museum-card-title .title-sub{color:#fff!important}
.museum-card.highlight .museum-card-tagline{font-family:"Work Sans",sans-serif;font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 1px 4px #0006;color:#fff}
@media (max-width: 768px) {
.museum-card.highlight .museum-card-title{font-size:1.8rem}
.museum-card.highlight .museum-card-tagline{font-size:.95rem}
}
.museum-card.highlight .museum-card-title,.museum-card.highlight .museum-card-excerpt,.museum-card.highlight .museum-card-category,.museum-card.highlight .museum-card-cta{color:#fff!important}
.museum-card.highlight .museum-card-category{background:#0006;padding:2px 6px;border-radius:4px;font-size:.85em}
.museum-card-link,.museum-card-link * {text-decoration: none !important;} /* Remove default underline from everything inside the link */
.museum-card-link:hover .museum-card-title {text-decoration: underline !important;} /* On hover, underline ONLY the title */
.museum-card-link:hover .museum-card-title .title-sub {text-decoration: none !important;} /* Make sure subtitle stays clean */