/*
 * samples 页 fr 站皮肤（artrepros / gemaldereproduktionen / riproduzioniquadri / reproductiontableaux 四站逐字节一致，2026-10-15）。samples_gallery.css 各站逐字节一致，本站的配色、瀑布流细节放这里，
 * 由 tpl_samples_default.php 在 samples_gallery.css 之后显式引入（文件名不以 style 开头，不会全站加载）。
 * 配色取自站点现有元素：橙 #ff6600（按钮/分页）、深字 #222 / #424242、顶部条米色 #ffe9e0 + 深棕 #4b1d1f。
 */
:root {
  --sg-ink: #222;
  --sg-muted: #666;
  --sg-accent: #ff6600;
  --sg-accent-strong: #4b1d1f;
  --sg-gold: #ff6600;
  --sg-cream: #ffe9e0;
  --sg-cream-line: #f3d3c4;
  --sg-frame: #f5f5f5;
}

/* ---- 原模板内联样式（搬过来，外观不变） ---- */
.sg-masonry-page .item img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.sg-masonry-page .grid-list .p_artist:before {
  content: "";
  display: block;
  background: #1d0000;
  width: 100px;
  height: 1px;
  margin: 5px auto 5px;
}
.sg-masonry-page .grid-list .p_artist:after {
  display: none;
}

/* ---- 标题区要点：沿用站点字体与颜色，只加橙色小勾 ---- */
.sg-masonry-page .sg-points {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 22px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  font-size: 15px;
  color: #222;
}
.sg-masonry-page .sg-points li:before {
  border-color: #ff6600;
}

/* ---- 筛选：与站点按钮同为 4px 圆角，当前项橙底白字 ---- */
.sg-masonry-page .sg-filters {
  margin: 0 0 4px;
}
.sg-masonry-page .sg-filter,
.sg-masonry-page .sg-filter:visited {
  border-color: #e3e3e3;
  border-radius: 4px;
  color: #222;
}
.sg-masonry-page .sg-filter:hover,
.sg-masonry-page .sg-filter:focus {
  border-color: #ff6600;
  color: #ff6600;
}
.sg-masonry-page .sg-filter.is-active,
.sg-masonry-page .sg-filter.is-active:hover {
  background: #ff6600;
  border-color: #ff6600;
  color: #fff;
}

/* ---- 瀑布流卡片：图片按原比例、保留原有投影，只加放大镜提示 ---- */
.sg-mthumb {
  position: relative;
  display: block;
}
.sg-mthumb .sg-zoom-hint {
  opacity: 0;
  transition: opacity .2s ease, background-color .2s ease;
}
.sg-mthumb:hover .sg-zoom-hint,
.sg-mthumb:focus-visible .sg-zoom-hint {
  opacity: 1;
  background: rgba(0, 0, 0, .7);
}
@media (hover: none) {
  .sg-mthumb .sg-zoom-hint { opacity: 1; }
}
/* 纠正图缺失时的兜底：原图 + CSS 临时转正 */
.sg-mthumb.sg-rot-180 img { transform: rotate(180deg); }
.sg-mthumb.sg-rot-90 img { transform: rotate(90deg); }
.sg-mthumb.sg-rot-270 img { transform: rotate(270deg); }
.sg-masonry-page .sg-artist {
  margin-top: -4px;
  font-size: 14px;
  color: #666;
}

/* ---- 分页：原样式 float 导致容器塌陷，横幅会贴上来；改成占满一行、左计数右页码 ---- */
.sg-masonry-page .pageresult_bottom.sg-pager-native {
  float: none;
  width: 100%;
  margin: 24px 0 0;
  padding: 0;
  border: 0;
}
.sg-masonry-page .sg-pager-native .product-page-count {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
}
.sg-masonry-page .sg-pager-native .navSplitPagesResult,
.sg-masonry-page .sg-pager-native .navSplitPagesLinks {
  float: none;
  margin: 0;
}
.sg-masonry-page .sg-pager-gap {
  padding: 0 4px;
  color: #666;
}

/* ---- 底部定制横幅：顶部活动条的米色 + 深棕，按钮用站点橙色 ---- */
.sg-masonry-page .sg-commission {
  margin-top: 32px;
  border: 1px solid #f3d3c4;
  border-radius: 4px;
  background: #ffe9e0;
  color: #4b1d1f;
}
.sg-masonry-page .sg-commission h2 {
  font-family: inherit;
  font-weight: 700;
  color: #4b1d1f;
}
.sg-masonry-page .sg-commission p {
  color: #4b1d1f;
}
.sg-masonry-page .sg-commission-btn,
.sg-masonry-page .sg-commission-btn:visited {
  border-radius: 4px;
  background: #ff6600;
  color: #fff;
  font-weight: 500;
}
.sg-masonry-page .sg-commission-btn:hover,
.sg-masonry-page .sg-commission-btn:focus {
  background: #e65c00;
  color: #fff;
}

/* ---- 商品页「我们画作的实拍」：共享 CSS 里角标底色写死为深蓝，这里换成本站深棕（其余颜色走上面的变量） ---- */
.studio-proof-badge {
  background: rgba(75, 29, 31, .88);
}
/* 标题用本站字体（共享 CSS 是 Georgia 衬线体） */
.studio-proof .studio-proof-title {
  font-family: inherit;
  font-weight: 700;
}