/*
Theme Name: Lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
Description: Lightning 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: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 15.30.4
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2025 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/

/* ===== 固定追従CTAバナー ===== */
#footer-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #373737;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  z-index: 9999;
  box-shadow: 0 -3px 8px rgba(0,0,0,0.2);
}
.footer-cta-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  max-width: 1200px;
}
.footer-cta-tel,
.footer-cta-btn {
  display: flex;
  align-items: center;
  background: #4db6ac;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  padding: 12px 20px;
  transition: 0.3s;
}
.footer-cta-tel {
  background: #27ae60;
}
.footer-cta-btn {
  background: #8e44ad;
}
.footer-cta-tel:hover,
.footer-cta-btn:hover {
  opacity: 0.85;
}
.footer-cta-tel img,
.footer-cta-btn img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

/* 閉じるボタン */
.footer-cta-close {
  position: absolute;
  right: 15px;
  top: 10px;
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

/* モバイル対応 */
@media (max-width: 768px) {
  #footer-cta {
    flex-direction: column;
    padding: 10px;
  }
  .footer-cta-inner {
    flex-direction: column;
    gap: 10px;
  }
}

/* ===== SPでも横並び維持（2ボタンを左右50%ずつ・横幅調整済） ===== */
@media (max-width: 768px) {
  #footer-cta {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0));
    overflow-x: hidden; /* 横はみ出し防止 */
  }

  .footer-cta-inner {
    display: flex;
    flex-direction: row;   /* 横並び */
    flex-wrap: nowrap;
    justify-content: space-between; /* 均等配置 */
    gap: 6px;               /* 間隔少しだけ（10→6に） */
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
  }

  .footer-cta-tel,
  .footer-cta-btn {
    flex: 1 1 calc(50% - 3px);  /* gap分を引いてピッタリ収まる */
    justify-content: center;
    padding: 12px 6px;
    min-height: 48px;
    font-size: 15px;
    line-height: 1.3;
    border-radius: 5px;
    white-space: nowrap;
    box-sizing: border-box;
  }

  #footer-cta i {
    font-size: 18px;
    margin-right: 5px;
  }

  .footer-cta-close {
    right: 8px;
    top: 6px;
    font-size: 18px;
  }
}


/* 追従バナー分の逃げ（被り防止・任意で調整） */
body { padding-bottom: 90px; }
@media (max-width: 768px) { body { padding-bottom: 110px; } }

/* ===== スクロール時もヘッダーを黒背景のまま維持 ===== */
.header.scrolled,
.siteHeader.scrolled {
  background-color: #333333 !important;
  transition: background-color 0.3s ease;
}

/* ヘッダー内の文字・リンクを白に固定 */
.header.scrolled a,
.siteHeader.scrolled a,
.header.scrolled .global-nav-name,
.siteHeader.scrolled .global-nav-name {
  color: #ffffff !important;
}

/* ロゴが画像で暗くなりすぎる場合は調整（必要なら） */
.header.scrolled img.siteHeader_logo {
  filter: brightness(1.1);
}