@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* SWELLのリンクカラー上書き */
a {
  color: #1a1a18 !important;
}
.work-title,
.nav-logo svg,
.section-title {
  color: #1a1a18 !important;
}

/* SP対応 */
@media (max-width: 680px) {
  /* カーソル非表示 */
  #cursor { display: none !important; }
  /* Works一覧カードのタグ非表示（TOP・ALL一覧） */
  .works-grid .work-tags { display: none !important; }
}

/* フィルター非表示 */
.work-card.hidden {
  display: none !important;
}

/* ギャラリー: 奇数枚でも全幅にしない */
.gallery-grid .gallery-item:last-child:nth-child(odd) {
  grid-column: auto;
}

/* ── 区切り線（WPブロック hr）── */
.work-description hr {
  border: none;
  border-top: 1px solid rgba(26,26,24,0.15);
  margin: 2em 0;
}

/* ── 本文内リンク ── */
.work-description a {
  color: var(--ink) !important;
  text-decoration: underline;
  text-decoration-color: rgba(26,26,24,0.35);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s;
}
.work-description a:hover {
  text-decoration-color: var(--ink);
}
/* 外部リンクアイコン（target="_blank"のとき） */
.work-description a[target="_blank"]::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%231a1a18' stroke-width='1.2'%3E%3Cpath d='M4 2H2v6h6V6M6 1h3v3M9 1L5 5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  opacity: 0.5;
}

/* ── ACFリンクの下線をテキスト幅に ── */
.work-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.work-link {
  border-bottom: none !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(26,26,24,0.3) !important;
  text-underline-offset: 3px !important;
}
.work-link:hover {
  text-decoration-color: var(--ink) !important;
}