/*
Theme Name: EC-video theme
Theme URI: https://oceanwp.org/
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.wc-block-grid__product-add-to-cart.wp-block-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

a:focus {
  outline: none !important;
}

/* 一覧 サイドバー */
th.product-quantity, td.product-quantity {
	display: none;
}
.sidebar-container .cart-collaterals .cart_totals {
	width: 100% !important;
}

/* マイアカウント */
.download-remaining {
	display: none;
}
h2.woocommerce-order-downloads__title {
	display: none;
}


/* プライバシーポリシー */

.text-img img{
	margin: 0;
}

.woocommerce ul.products li.product .button {
	background-color: #13aff0 !important;
	color: #fff !important;
	text-decoration: none !important;
}

.woocommerce ul.products li.product .button.added-to-cart {
	background-color: #13aff0 !important;
	color: #fff !important;
	opacity: 0.6;
}
.woocommerce ul.products li.product .button.added-to-cart:hover {
	color: #13aff0;
}

/* 購入済みボタンのスタイル */
.purchased-product .add_to_cart_button {
    pointer-events: none; /* ボタンを無効化 */
    cursor: default; /* カーソルを通常に */
    color: #ffffff; /* テキスト色を白 */
}

/* 購入済み商品のリンクを無効化 */
.purchased-product a {
    pointer-events: none; /* リンクを無効化 */
    cursor: default; /* マウスカーソルを通常に */
    color: gray; /* リンクの色を変更（任意） */
}

/* 購入済み商品のカード全体のスタイルを変更（任意） */
.purchased-product {
    background-color: #f5f5f5; /* 背景色を薄いグレー */
    opacity: 0.85; /* 全体を少し薄く */
}

/* 購入済みボタンを目立たせる */
.woocommerce ul.products li.product.purchased-product .button {
    background-color: #F2A24B !important; 
    color: #ffffff !important; 
    border: 2px solid #F2A24B !important; 
    font-weight: bold !important; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.05) !important; 
}

/* 動画ページ スタイル調整 */
.single-post.content-max-width #main #content-wrap {
	width: 1100px;
	max-width: 90%;
}
.single-post.content-max-width .entry-header, .single-post.content-max-width ul.meta, .single-post.content-max-width .entry-content h1, .single-post.content-max-width .entry-content h2, .single-post.content-max-width .entry-content h3, .single-post.content-max-width .entry-content h4, .single-post.content-max-width .entry-content h5, .single-post.content-max-width .entry-content h6, .single-post.content-max-width .entry-content blockquote, .single-post.content-max-width .entry-content p, .single-post.content-max-width .wp-block-image, .single-post.content-max-width .wp-block-buttons, .single-post.content-max-width .wp-block-gallery, .single-post.content-max-width .wp-block-video, .single-post.content-max-width .wp-block-quote, .single-post.content-max-width .wp-block-table, .single-post.content-max-width .wp-block-text-columns, .single-post.content-max-width .wp-block-code, .single-post.content-max-width .wp-block-preformatted, .single-post.content-max-width .entry-content ul, .single-post.content-max-width .entry-content ol, .single-post.content-max-width .wp-block-cover-text, .single-post.content-max-width .wp-block-cover, .single-post.content-max-width .wp-block-columns, .single-post.content-max-width .post-tags, .single-post.content-max-width .comments-area {
	margin-inline: 0;
}

.single-post.content-max-width .thumbnail, .single-post.content-max-width .wp-block-cover-text.alignwide, .single-post.content-max-width .wp-block-image.alignwide, .single-post.content-max-width .wp-block-gallery.alignwide, .single-post.content-max-width .wp-block-text-columns.alignwide, .single-post.content-max-width .entry-share, .single-post.content-max-width nav.post-navigation, .single-post.content-max-width #author-bio, .single-post.content-max-width #related-posts {
	margin-inline: 0;
	padding-inline: 0;
}

.single-post .entry-title {
	text-align: left;
}

.single-post.content-max-width .thumbnail, .single-post.content-max-width .entry-header, .single-post.content-max-width ul.meta, .single-post.content-max-width .entry-content h1, .single-post.content-max-width .entry-content h2, .single-post.content-max-width .entry-content h3, .single-post.content-max-width .entry-content h4, .single-post.content-max-width .entry-content h5, .single-post.content-max-width .entry-content h6, .single-post.content-max-width .entry-content blockquote, .single-post.content-max-width .entry-content p, .single-post.content-max-width .post-tags, .single-post.content-max-width .entry-share, .single-post.content-max-width nav.post-navigation, .single-post.content-max-width #author-bio, .single-post.content-max-width #related-posts, .single-post.content-max-width .comments-area {
	padding-inline: 0;
}

.single-post.content-max-width ul.meta {
	justify-content: start;
}

.single-post-title {
	margin-top: 40px !important;
}

.single-post h2 {
	margin-bottom: 1rem !important;
	font-size: 2.3rem !important;
}

.single-post thumbnail {
	max-width: 700px;
}

#footer-widgets {
	display: none;
}

/* ヘッダーを固定 */
#site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999; /* ヘッダーを最前面に表示 */
}

/* 固定ヘッダーの分だけページ全体を下に下げる */
#main {
    margin-top: 100px; /* ヘッダーの高さに合わせて調整 */
}

/* 管理画面バーが表示されている場合の調整 */
body.admin-bar #site-header {
    top: 32px; /* 管理バーの高さを考慮 */
}

body.admin-bar #main {
    margin-top: 132px; /* ヘッダー + 管理バーの高さを考慮 */
}

.oceanwp-mobile-menu-icon .oceanwp-text {
	display: none;
}

.oceanwp-mobile-menu-icon .svg-inline--fa {
	transform: scale(1.5);
}