/* =====================================================================
   ITEM：商品リンクの箱（[itembox]・ブロック nrocks/itembox）の文字・色・アイコン
   - 箱の HTML と「形」（並び・余白・写真の大きさ・縦線の太さ）はプラグイン BACKON ITEM（css/item.css）
   - ここはこのテーマの見た目だけ：ラベル・ショップのリンクは Montserrat・700・大文字、商品名は本文と同じ、
     アイコン（バーコード・鎖）と縦線は薄いグレー（#bcbcbc。トンボの線と同じ）
   - 公開ページと、記事の編集画面（ブロックのプレビュー）の両方で読み込む（functions.php の nrocks_enqueue_card_assets()）
   ===================================================================== */

/* 縦線の色 */
.itembox__body {
  border-left-color: #bcbcbc;
}

/* 1行目：アイコン ITEM "BUY FIRST & REGRET LATER" */
.itembox .itembox__head {
  font-size: 12px;
  line-height: 1.3;
}
/* バーコードのアイコン（Font Awesome 7 の barcode \f02a）。変えるときは content だけ */
.itembox__icon {
  color: #bcbcbc;
  margin-right: 0.4em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itembox__icon::before {
  content: "\f02a";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  font-style: normal;
}
.itembox__label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}
/* ITEM の横のひと言：ラベルと同じ太さ、間を少し空ける */
.itembox__tagline {
  margin-left: 0.6em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* 左の写真（プラグインの設定「左」。SEE ALSO のアイキャッチと同じ角丸） */
.itembox__thumb {
  border-radius: 4px;
}
/* 写真がない箱：薄いグレーの四角 ＋ 写真のアイコン（Font Awesome 7 の image \f03e）。変えるときは content だけ */
.itembox__thumb--none {
  background: #f2f2f2;
  color: #bcbcbc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itembox__thumb--none::before {
  content: "\f03e";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
}

/* 2行目：商品名（本文と同じ書式） */
.itembox .itembox__name {
  font-size: 12px;
  line-height: 1.3;
}

/* 3行目：ショップのリンク（ヘッダーのメニューと同じ書式） */
.itembox .itembox__shops {
  font-family: 'Montserrat', sans-serif;
  font-size: 10.8px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2em;
  text-transform: uppercase;
}
.itembox .itembox__shops a,
.content .itembox .itembox__shops a[target="_blank"] {   /* 本文の「別タブで開くリンクに下線」（.content a[target="_blank"]）を打ち消す */
  color: inherit;
  text-decoration: none;
}
.itembox__shops a:hover {
  color: #bdc3c7;
}
/* ショップのリンクの頭に鎖のアイコン（Font Awesome 7 の link \f0c1。記事の SHARE のリンクと同じ） */
.itembox__shops a::before {
  content: "\f0c1";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  font-size: 0.85em;
  margin-right: 0.2em;       /* アイコン 〜 文字（SHARE と同じ） */
  letter-spacing: 0;
}