/*
 * /purchased/ ページ固有のCSS ―― **ページ内 <style> から出したもの**。
 *
 * 経緯と考え方は captured-page.css の冒頭に書いてある（同じ手当て）。
 * 要点だけ:
 *   - 読み込む位置は**自由CSS(general_style_css)のあと** ＝ 元の <style> と同じ場所。
 *     同じ強さなら後に書いた方が勝つので、位置を動かすと勝ち負けが変わる。
 *   - !important は当時のまま残す（外すのは勝たせたい相手を確かめてから）。
 *   - **新しい見た目をページ内 <style> に足さないこと。** ここか、React の部品へ。
 *
 * なお /captured/ と共通の色規則は captured_purchased.css が持っている
 * （タブのSPA切り替えで中身を持って行くため。spa-tabs.js の冒頭を参照）。
 * ここに置いてよいのは**/purchased/ でしか出ない要素**だけ。
 */

.label_onlyone {
  position: absolute;
  top: 15px;
  right: 20px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  padding: 0px 5px 0px 5px;
  font-size: 12px;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  height: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: rgb(208, 16, 16);
  width: 50px;
  text-align: center;
}

/* 購入写真のキャプション(著作表記)を撮影写真と同じく白＋影で読みやすくする。
   general_style_css(DBの自由CSS)が暗色に上書きしても負けないよう !important で固定。 */
.capturedlist .copyright, #pagePhoto .copyright, .copyright {
  color:#fff !important;
  text-shadow:0px 0px 3px rgba(0,0,0,0.8) !important;
}

/* 購入した商品一覧の文字が明朝(serif)になるのを防ぎ、ゴシックに固定する。
   ただし Material Symbols(アイコン)まで上書きすると「download」等の
   アイコン名が文字のまま表示されるため、アイコンは除外する。 */
#sessionGoodsSection, #sessionGoodsSection *:not(.material-symbols-outlined) {
  font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans','Meiryo','M PLUS 2',sans-serif !important;
}
#sessionGoodsSection .material-symbols-outlined {
  font-family: 'Material Symbols Outlined' !important;
}