/*
Theme Name: SOLARIS Child
Theme URI: https://tcd-theme.com/tcd088
Template: solaris_tcd088
Author: TCD
Author URI: https://tcd-theme.com/
Description: The WordPress theme "SOLARIS" was developed with the concept of an advanced company. Apply your business and corporate information to the prepared pages, and put the contents on the top page, and you will have an innovative corporate website.
Version: 2.12.3.1758194284
Updated: 2025-09-18 20:18:04

*/


/* ==== Type5（スマホの大きめボタン）Threads を他と同じサイズ＆中央寄せ ==== */
@media (max-width: 768px){
  /* a要素のテキスト隠しを解除し、寸法を明示して中央寄せ */
  .sns_default_top li.threads_button a{
    text-indent: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;        /* 46〜50pxの間でサイトに合わせてOK */
    line-height: 48px !important;
    padding: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }
  /* アイコン疑似要素があれば無効化（無ければ影響なし） */
  .sns_default_top li.threads_button a::before{
    display: none !important;
    content: none !important;
  }
}

/* ==== Type5（スマホの大きめボタン）Threads を他と同サイズに揃える ==== */
@media (max-width: 768px){
  /* li 自体の高さ・内側余白を上書き */
  .sns_default_top li.threads_button{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;        /* 46〜50pxで微調整OK */
    padding: 0 12px !important;      /* 他ボタンと同等の左右余白に */
    box-sizing: border-box !important;
  }

  /* a のテキスト隠し解除＋横幅いっぱい＆中央寄せ */
  .sns_default_top li.threads_button a{
    text-indent: 0 !important;
    display: block !important;
    width: 100% !important;
    line-height: 48px !important;    /* li と同じ高さに */
    text-align: center !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* 擬似アイコンがあれば無効化（無ければ影響なし） */
  .sns_default_top li.threads_button a::before{
    display: none !important;
    content: none !important;
  }
}

/* ==== Type5：Threads のタイル高さを li 側から揃える ==== */
@media (max-width: 768px){
  /* li 自体の高さを決め、子要素を縦中央に */
  .sns_default_top li.threads_button{
    height: 60px !important;              /* 46〜60pxで微調整OK */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;                 /* 余白は子要素側で管理 */
    box-sizing: border-box !important;
  }
  /* a を li の高さにフィットさせ、テキストを中央寄せ */
  .sns_default_top li.threads_button > a{
    text-indent: 0 !important;             /* 文字隠しを解除 */
    display: block !important;
    width: 100% !important;
    height: 100% !important;               /* ← li の高さに合わせる */
    line-height: 60px !important;          /* li の高さと同値に */
    text-align: center !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  /* もし疑似アイコンがあれば無効化（無ければ影響なし） */
  .sns_default_top li.threads_button > a::before{
    display: none !important;
    content: none !important;
  }
}

/* ==== Type5：Threads タイルの高さを親 li ごと揃える（強制版） ==== */
@media (max-width: 768px){

  /* 親 li を直接指定（:has でアンカーを含む li を特定） */
  .sns_default_top li:has(> a[href*="threads.net/intent/post"]) {
    height: 56px !important;             /* 46〜60pxで微調整可 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  /* 子 a の文字隠しを解除＆中央寄せ */
  .sns_default_top li:has(> a[href*="threads.net/intent/post"]) > a{
    text-indent: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;             /* li の高さに合わせる */
    line-height: 56px !important;        /* li と同値に */
    text-align: center !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* もし擬似アイコンがあれば無効化（無ければ影響なし） */
  .sns_default_top li:has(> a[href*="threads.net/intent/post"]) > a::before{
    display: none !important;
    content: none !important;
  }
}