/*
Theme Name: rudening
Text Domain: rudening
Theme URI: 
Description: rudening is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: other.
Version: 15.32.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
body{
	xborder:solid red 6px;
}

/* =========================
   ビビッド配色の追加CSS
   WordPress / Lightning系テーマ向け
   ========================= */

/* カラーパレット */
:root{
  --vk-color-primary: #ff1478;
  --vk-color-primary-dark: #c7005c;
  --vk-color-primary-vivid: #00d9ff;

  --accent-pink: #ff1478;
  --accent-cyan: #00d9ff;
  --accent-yellow: #ffe600;
  --accent-purple: #7a2bff;
  --bg-dark: #0f1021;
  --bg-card: rgba(255,255,255,0.92);
  --text-main: #1c1f2b;
  --text-light: #ffffff;
  --border-glow: rgba(0,217,255,0.45);
  --shadow-strong: 0 10px 30px rgba(0,0,0,0.25);
}

/* 全体背景 */
body.custom-background,
body{
  background:
    radial-gradient(circle at top left, rgba(196, 210, 255, 0.14), transparent 28%),
    radial-gradient(circle at top right, rgba(220, 205, 255, 0.10), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #fbfbfd 50%, #f3f5f9 100%) !important;
  color: #2b2f3a;
}

/* メイン領域をカード化 */
.site-body,
.siteContent,
.container,
main,
#main,
.content,
.entry-body,
.entry-content,
.widget,
.sideSection,
.subSection{
  border-radius: 18px;
}

/* 記事本文・サイドバーなどの白カード化 */
main,
#main,
.content,
.entry-content,
.sideSection,
.subSection{
  background: var(--bg-card);
  box-shadow: var(--shadow-strong);
  border: 1px solid rgba(255,255,255,0.35);
  backdrop-filter: blur(6px);
  padding: 0 2px;
  margin-bottom: 3% !important;
}

/* ヘッダー */
.site-header,
header,
.header_scrolled{
  background: linear-gradient(90deg, #ff1478 0%, #7a2bff 50%, #00d9ff 100%) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.22);

}

.site-header *,
header *{
  color: #fff !important;
}

/* サイトタイトル */
.site-header .navbar-brand,
.site-header .siteTitle,
.site-header .site-title,
.site-header .custom-logo-link + .site-title{
  font-weight: 800;
  letter-spacing: 0.04em;
  text-shadow: 0 2px 10px rgba(0,0,0,0.25);
}

/* ナビゲーション */
.global-nav,
.gMenu,
.nav,
.navbar-nav{
  background: transparent !important;
}

.global-nav a,
.gMenu a,
.nav a,
.navbar-nav a{
  color: #fff !important;
  font-weight: 700;
  transition: all .25s ease;
}

.global-nav a:hover,
.gMenu a:hover,
.nav a:hover,
.navbar-nav a:hover{
  color: var(--accent-yellow) !important;
  text-shadow: 0 0 10px rgba(255,230,0,0.55);
}

/* 見出し */
h1, h2, h3, h4, h5, h6{
  color: #1a1147;
  font-weight: 800;
  letter-spacing: 0.02em;
}

h1{
  background: linear-gradient(90deg, #ff1478, #7a2bff, #00d9ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 1rem;
}

h2{
  position: relative;
  padding: 0.6em 0.9em;
  background: linear-gradient(90deg, rgba(255,20,120,.14), rgba(0,217,255,.14));
  border-left: 6px solid var(--accent-pink);
  border-radius: 12px;
}

h3{
  border-bottom: 3px solid var(--accent-cyan);
  padding-bottom: .3em;
}

/* リンク */
a{
  color: #d10068;
  text-decoration: none !important;
  transition: all .2s ease;
}

a:hover{
  color: var(--accent-cyan);
  text-shadow: 0 0 8px rgba(0,217,255,.28);
}

/* ボタン */
button,
input[type="submit"],
input[type="button"],
.wp-element-button,
.wp-block-button__link,
.btn,
a.btn{
  background: linear-gradient(90deg, #ff1478 0%, #7a2bff 50%, #00d9ff 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(122,43,255,0.28);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
.btn:hover,
a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(255,20,120,0.32);
  filter: saturate(1.15);
}

/* 投稿タイトル */

h1:not(.entry-title){
  background: linear-gradient(90deg, #7b6fd6, #6c7bd1, #7ea7d8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 記事タイトルだけは白基調 */
h1.entry-title,
.entry-title{
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fc 55%, #eef2f8 100%);
  color: #2b2f3a !important;
  -webkit-text-fill-color: #2b2f3a !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  padding: 0.7em 1em;
  border: 1px solid rgba(160, 175, 200, 0.35);
  box-shadow: 0 8px 24px rgba(30, 40, 70, 0.10);
}

/* メタ情報 */
.entry-meta,
.post-meta,
.byline,
.post-date{
  color: #6d2a7f;
  font-weight: 600;
}
.entry-meta{
	padding-left: 1%;
}

/* サイドバー見出し */
.widget-title,
.subSection-title,
.sideSection-title{
  background: linear-gradient(90deg, #ff1478, #ff8a00);
  color: #fff !important;
  padding: 0.7em 1em;
  border-radius: 12px;
  font-weight: 800;
  box-shadow: 0 6px 18px rgba(255,20,120,0.22);
}

/* 検索ボックス */
input[type="text"],
input[type="search"],
input[type="email"],
textarea,
select{
  border: 2px solid rgba(122,43,255,0.22);
  border-radius: 12px;
  background: rgba(255,255,255,0.95);
  padding: 0.8em 1em;
  transition: border-color .2s ease, box-shadow .2s ease;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus{
  outline: none;
  border-color: var(--accent-cyan);
  box-shadow: 0 0 0 4px rgba(0,217,255,.14);
}

/* 画像 */
img{
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}

/* 記事カード・関連記事 */
.card,
.postList_item,
.media,
.related-posts li,
.widget_archive li,
.widget_categories li,
.widget_recent_entries li{
  background: rgba(255,255,255,0.88);
  border: 1px solid rgba(255,20,120,0.12);
  border-radius: 14px;
  padding: 0.8em 1em;
  margin-bottom: 0.8em;
  transition: transform .2s ease, box-shadow .2s ease;
}

.card:hover,
.postList_item:hover,
.media:hover,
.related-posts li:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.14);
}

/* フッター */
.site-footer,
footer{
  background: linear-gradient(90deg, #0f1021 0%, #1a1147 50%, #120f2f 100%) !important;
  color: #fff !important;
  border-top: 3px solid var(--accent-cyan);
}

.site-footer a,
footer a{
  color: #00d9ff !important;
}

.site-footer a:hover,
footer a:hover{
  color: #ffe600 !important;
}

/* スマホメニュー */
#vk-mobile-nav,
.vk-mobile-nav{
  background: linear-gradient(180deg, #ff1478 0%, #7a2bff 55%, #00d9ff 100%) !important;
}

#vk-mobile-nav a,
.vk-mobile-nav a{
  color: #fff !important;
  font-weight: 700;
}

/* 区切り線 */
hr{
  border: none;
  height: 3px;
  background: linear-gradient(90deg, #ff1478, #7a2bff, #00d9ff);
  border-radius: 999px;
}