/*
Theme Name: Lightning Child1
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* ==========================================================================
   テーブルスタイル
   ========================================================================== */
/* クラスを指定したテーブルのみ線を消す */
.no-border-table,
.no-border-table table,
.no-border-table td,
.no-border-table th {
    border: none !important;
}

/* ==========================================================================
   透過色の設定
   ========================================================================== */
.custom-bg-color img {
    background-color: #ffffff;
}

/* ==========================================================================
   ライトボックス
   ========================================================================== */
/* 背景（scrim）を半透明の黒に変更 */
.wp-lightbox-overlay .scrim {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* 閉じるボタンのアイコン色を白に変更 */
.wp-lightbox-overlay .close-button {
    fill: #ffffff !important;
}

/* 閉じるボタン自体の色指定を上書き */
.wp-lightbox-overlay button.close-button {
    color: #ffffff !important;
}

/* ==========================================================================
   バッジのスタイル
   ========================================================================== */
.news-new-badge {
    background: #ff3b30;
    /* 鮮やかな赤 */
    color: #fff;
    font-size: 0.65rem;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    position: relative;
    top: -1px;
    animation: pulse 2s infinite;
    /* 注目させるための微弱なアニメーション */
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

/* ==========================================================================
   同階層商品スライダー
   ========================================================================== */
.sibling-slider-section {
    margin: 50px 0;
    /* padding: 20px; 左右の余白をコンテンツに合わせる場合は調整 */
}

.sibling-slider-title {
    font-size: 1.5rem;
    margin-bottom: 25px;
    text-align: left;
    /* センターから左詰めに変更 */
    padding-left: 10px;
    /* 必要に応じて左に少し余白を作る */
    border-left: 4px solid var(--vk-color-primary);
    /* アクセントにLightningカラーの縦線を入れる場合 */
}

.sibling-swiper {
    padding: 10px 40px !important;
    /* ボタン用の余白 */
}

.sibling-thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

.sibling-post-title {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    color: #333;
}

/* スライダーボタンの色調整（Lightningの青に合わせる場合） */
.sibling-swiper .swiper-button-next,
.sibling-swiper .swiper-button-prev {
    color: var(--vk-color-primary);
}

/* ==========================================================================
   フッターのスタイル
   ========================================================================== */
/* --- 基本色 --- */
.site-footer,
.site-body-bottom {
    background-color: var(--vk-color-primary) !important;
    color: #ffffff !important;
}

/* --- 上部の線の消去 --- */
.site-body-bottom,
.site-footer {
    border: none !important;
    box-shadow: none !important;
}

/* --- 文字色・リンク色の強制変更 --- */
.site-footer a,
.site-footer a:link,
.site-footer a:visited,
.site-body-bottom,
.site-body-bottom *,
.site-body-bottom a,
.site-body-bottom a:link,
.site-body-bottom a:visited,
.site-body-bottom h4,
.site-body-bottom h4 span,
.site-footer .sitemap-parent-title a,
.site-footer .sitemap-child-list a,
.site-footer .footer-special-column .special-link,
.site-footer .widget-title,
.site-footer .widget_nav_menu a,
.site-footer .widget_nav_menu a:link,
.site-footer .widget_nav_menu a:visited {
    color: #ffffff !important;
}

/* --- リンクホバー時の挙動 --- */
.site-footer a:hover {
    text-decoration: underline;
    opacity: 0.8;
}

/* --- コンテンツエリアの余白調整 --- */
.site-body-bottom {
    padding-top: 5px;
    padding-bottom: 1px;
}

.site-footer {
    padding-top: 1px;
    padding-bottom: 5px;
}

/* --- タイトル下の線のみ許可 --- */
.site-footer .widget-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    margin-bottom: 10px !important;
}

/* --- コピーライトエリア --- */
.site-footer-copyright {
    background-color: var(--vk-color-primary) !important;
    color: #ffffff !important;
    border-top: none !important;
    /* 上の線を消す */
    padding: 20px 0;
}

/* ==========================================================================
   Copyrightの修正
   ========================================================================== */
/* 既存のコピーライトを消して、自分の文字を表示する場合 */
.site-footer-copyright {
    visibility: hidden;
    /* 元の文字を見えなくする */
    position: relative;
}

.site-footer-copyright::after {
    content: "Copyright © 2024 MARINE PRODUCTS KIMURAYA Co., Ltd.";
    /* ここに好きな文字を入れる */
    visibility: visible;
    /* この文字だけ見えるようにする */
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

/* ==========================================================================
    特定のショートコードがあるページのレイアウト制御
   ========================================================================== */
.force-top-layout .page-header {
    display: none !important;
    /* ページヘッダー（背景画像・タイトル）を強制削除 */
}

.force-top-layout .site-body {
    padding-top: 0 !important;
    /* 上部の余白をゼロにする */
    padding-bottom: 0 !important;
}

/* サイドバーを強制的に消してメインを100%にする */
.force-top-layout .sub-section {
    display: none !important;
}

.force-top-layout .main-section {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* コンテンツの横幅制限を解除してフル幅にする場合 */
.force-top-layout .main-section--inner {
    padding: 0 !important;
    max-width: none !important;
}