/*
Theme Name:		Welcart Basic Child
Description:	Welcart Basic Child is child theme for Welcart Basic.
Author:			Welcart Inc.
Author URI:		https://www.welcart.com/
Template:		welcart_basic
Version:		1.0.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, basic-child, two-columns, right-sidebar. left-sidebar
*/

/* 1. サイドバー（#secondary）を非表示にする */
.page #secondary {
    display: none !important;
}

/* 2. メインコンテンツ（#primary）の幅を100%に広げる */
.page #primary {
    width: 100% !important;
    float: none !important;
    border: none !important;
}

/* 3. 親要素の背景や余白の調整（もし右側に隙間が残る場合） */
.page #main.wrapper {
    background: none !important; /* 親テーマの縦の境界線背景を消す */
}

/* 4. 記事エリアの最大幅を広げる */
.page #content {
    margin: 0 auto !important;
    width: 100% !important;
}
/* カートアイコンを正しく表示させる */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px; /* アイコンと「カートの中」の間の隙間 */
}

/* カートアイコンの形を指定 */
.fa-shopping-cart:before {
    content: "\f07a" !important;
}

/* IDとクラスを組み合わせて優先順位を最大まで上げます */
body #main .incart-btn a {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #ff6600 !important; /* オレンジ色 */
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

/* アイコンが表示されない問題への対策（フォントを強制適用） */
body #main .incart-btn i.fa::before {
    font-family: "FontAwesome" !important;
    content: "\f07a" !important; /* カートのアイコンコード */
    margin-right: 8px !important;
    display: inline-block !important;
}

/* 「カートの中」という文字の調整 */
body #main .incart-btn i span {
    font-family: sans-serif !important;
    font-style: normal !important;
}

/* 数量（バッジ）の調整 */
body #main .incart-btn .total-quant {
    background-color: #fff !important;
    color: #ff6600 !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
    margin-left: 10px !important;
}

/* カートボタンの親要素：右寄せにして縦並びを禁止する */
.incart-btn {
    text-align: right !important;
    display: block !important;
    width: 100% !important;
}

/* ボタン本体：中身を強制的に横一列にする */
.incart-btn a {
    display: inline-flex !important; /* 横並びの指定 */
    flex-direction: row !important;  /* 縦並びを防止 */
    align-items: center !important;  /* 上下中央揃え */
    justify-content: flex-end !important;
    text-decoration: none !important;
    background: #ff6600 !important; /* オレンジ色 */
    color: #fff !important;
    padding: 8px 15px !important;
    border-radius: 4px !important;
}

/* アイコン：ブロック化を解除して横に並ばせる */
.incart-btn a i.fa {
    display: inline-block !important;
    margin: 0 5px 0 0 !important;    /* 右側に少し隙間 */
    width: auto !important;
    height: auto !important;
}

/* 「カートの中」の文字：ブロック化を解除 */
.incart-btn a i span {
    display: inline !important;
    font-style: normal !important;
    vertical-align: middle !important;
}

/* 数量（バッジ）：ブロック化を解除 */
.incart-btn a .total-quant {
    display: inline-block !important;
    position: static !important;      /* 変な位置に飛ばないように固定 */
    margin-left: 10px !important;
    background: #fff !important;
    color: #ff6600 !important;
    padding: 2px 6px !important;
    line-height: 1 !important;
    border-radius: 10px !important;
}