/*
Theme Name: I-StefanArt Galerie
Theme URI: https://i-stefanart.com
Author: I-StefanArt
Description: Galerie minimaliste de peintures, compatible avec l'extension I-StefanArt Œuvres.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: istefanart
*/
:root{--ink:#242424;--muted:#777;--line:#eee}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}a:hover{color:#777}img{max-width:100%;height:auto}.site-header{text-align:center;padding:50px 18px 60px}.site-title{font-weight:400;font-size:clamp(29px,4vw,43px);line-height:1.25;letter-spacing:.015em;margin:0}.site-nav{margin-top:10px;font:15px Arial,sans-serif;display:flex;justify-content:center;gap:30px}.site-nav a[aria-current=page]{color:#777}.container{max-width:1240px;margin:auto;padding:0 26px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.gallery-column{min-width:0}.work-card{break-inside:avoid;margin:0 0 20px}.work-card a{display:block}.work-card img{display:block;width:100%;height:auto;box-shadow:0 1px 4px #0002;transition:opacity .2s}.work-card a:hover img{opacity:.86}.work-card figcaption{font:13px Arial,sans-serif;color:var(--muted);padding:8px 1px}.filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 0 32px;font:13px Arial,sans-serif}.filters a{border:1px solid #ddd;border-radius:30px;padding:8px 14px}.filters .active{background:#222;color:#fff;border-color:#222}.single-work{max-width:1050px;margin:0 auto 70px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:44px;align-items:start}.single-work .art-image img{width:100%;height:auto;display:block}.work-details h1{font-weight:400;font-size:32px;margin:0 0 24px}.work-details dl{font:15px/1.7 Arial,sans-serif}.work-details dt{font-weight:600;margin-top:14px}.work-details dd{margin:0;color:#555}.work-description{font:15px/1.8 Arial,sans-serif;margin-top:22px}.back-link{font:13px Arial,sans-serif;display:inline-block;margin:25px 0}.page-content{max-width:800px;margin:0 auto 70px;font:16px/1.8 Arial,sans-serif}.page-content h1{font-family:Georgia,serif;font-weight:400}.site-footer{text-align:center;font:12px Arial,sans-serif;color:#888;padding:45px 15px}.pagination{text-align:center;font:14px Arial,sans-serif;padding:30px}.pagination a,.pagination span{margin:0 6px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{position:static;clip:auto;width:auto;height:auto}@media(max-width:700px){.site-header{padding:35px 15px 40px}.container{padding:0 14px}.gallery{column-gap:12px}.work-card{margin-bottom:12px}.single-work{display:block}.work-details{padding-top:25px}.site-title{font-size:32px}}

/* Mobile: show every painting in manual order, independent of desktop columns. */
.gallery-mobile{display:none}
@media(max-width:700px){.gallery.gallery-desktop{display:none!important}.gallery-mobile{display:block!important}.gallery-mobile .work-card{width:100%;max-width:100%;margin:0 0 12px}.gallery-mobile img{display:block;width:100%;height:auto}}

/* V1.4: one set of artwork cards; never hide an entire second column. */
.gallery.gallery-all{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.gallery.gallery-all .work-card{min-width:0}
@media(max-width:700px){
  .gallery.gallery-all{display:flex!important;flex-direction:column!important;gap:0!important;grid-template-columns:1fr!important}
  .gallery.gallery-all .work-card{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 12px!important}
  .gallery.gallery-all .work-card img{display:block;width:100%;height:auto}
}

/* V1.5: row-major masonry. Override the earlier column-count custom CSS. */
@media(min-width:701px){
 .gallery.gallery-all{display:grid!important;column-count:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1px;gap:0 20px!important;align-items:start}
 .gallery.gallery-all .work-card{display:block!important;break-inside:auto!important;width:100%!important;max-width:100%!important;margin:0!important;min-width:0}
}
@media(max-width:700px){
 .gallery.gallery-all{display:flex!important;flex-direction:column!important;column-count:auto!important;gap:0!important}
 .gallery.gallery-all .work-card{margin:0 0 12px!important}
}