/*
Theme Name: Ollie Child
Theme URI: https://sekacari-ai.com/
Description: Ollie用のBlue Marineカスタム子テーマ（by タヌ）
Author: TN
Author URI: https://sekacari-ai.com/
Template: ollie
Version: 1.0
*/

/* カスタムカラー・フォントサイズ設定 */
:root {
    --wp--preset--color--primary: #0077B6;
    --wp--preset--color--primary-accent: #90E0EF;
    --wp--preset--color--primary-alt: #00B4D8;
    --wp--preset--color--main: #333333;
    --wp--preset--color--main-accent: #D5EEF2;
    --wp--preset--color--tertiary: #F8F8F8;
    --font-size-note: 0.8rem;  /* 12.8px 最小 */
}

/* サイト名グラデーション設定 */
.gradient-title {
  background: linear-gradient(to right, #0077B6, #009FF3, #90E0EF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ブログ一覧h1設定 */
.blog-index-title {
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--wp--preset--spacing--small);		
  padding-right: var(--wp--preset--spacing--medium);	
  padding-bottom: var(--wp--preset--spacing--small);
  padding-left: 0; 
}

/* 記事カードh2設定 */
.post-title-h2-base {
  font-size: var(--wp--preset--font-size--base);
}


/* 最小文字設定 */
.note-text {
  font-size: var(--font-size-note);
}
.mini-note-text {
  font-size: 0.6rem;
}

/* ボタンの共通スタイル */
a.reverse-btn {
  display: inline-block;
  text-align: center;
  padding: 0.8em 2em;
  border: 1px solid var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--base, #ffffff);
  color: var(--wp--preset--color--primary);
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  border-radius: 4px; /* お好みで */
}

/* ホバーで反転 */
a.reverse-btn:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base, #ffffff);
}


@media (max-width: 1024px) {

/* 1024px以下（タブレット以下）で余白追加 */
  .blog-index-title {
    padding-left: var(--wp--preset--spacing--medium);
    padding-right: var(--wp--preset--spacing--medium); /* 任意 */
  }
/* 1024px以下（タブレット以下）で記事を２カラム */
.wp-block-post-template {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
/* ブログ記事一覧h1下余白調整 */
  .blog-index-title {
    padding-bottom: calc(var(--wp--preset--spacing--small) - 4px);
  }
/* 記事カードh2 */
   .wp-block-query .wp-block-post-title {
    font-size: calc(var(--wp--preset--font-size--base) + 2px);
　line-height: 1.6; /* 適度に広げた行間 */
  }
}