/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.07
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


.product-short-description p {
	font-size: 90%;
}

.secondary, .checkout-button, .button.checkout, .button.alt {
    width: 100%;
}
#pay_with_amazon{
	display: block;
	float: none;
	text-align: center;
}

#pay_with_amazon img {
    margin: 0 auto 0 auto;
}

.wcppec-checkout-buttons__button {
    display: contents;
}

.secondary, .checkout-button, .button.checkout, .button.alt {
    margin-bottom: .6em;
}

#shipping_method_0_local_pickup12:checked + label[for=shipping_method_0_local_pickup12]::after {
    display: block;
    content: "10439 Berlin, Germany";
	color: red;
	font-weight: 600;
}


/* チェックアウト 注文概要の商品名セルを横並びに */
.woocommerce-checkout-review-order-table td.product-name {
  display: flex;
  align-items: center;
  gap: .75rem;
}

.enoa-co-thumb-img {
  width: 48px;   /* お好みで 56px などに */
  height: auto;
}

/* Local Pickup の住所表示を控えめに */
.enoa-pickup-address {
  display: block;
  margin-top: 2px;
  font-size: 0.9em;
  opacity: .8;
}


/* Recently Viewed（サイドバー）のサムネイルをトリミングせず収める */
.widget_recently_viewed_products .product_list_widget img,
.widget_products .product_list_widget img {
  width: 64px;
  height: 64px;          /* 好みで 56/72 などに */
  object-fit: contain;   /* ← 重要：切らずに収める */
  background: #fff;

}

/* ミニカートの画像を「切らずに収める」 */
.woocommerce-mini-cart .mini_cart_item img,
.widget_shopping_cart .mini_cart_item img,
.widget_shopping_cart_content .mini_cart_item img,
.woocommerce .widget_shopping_cart .mini_cart_item img {
  width: 56px !important;         /* お好みで 64px など */
  height: 56px !important;
  object-fit: contain !important;  /* ← ここが重要：左右が切れない */
  object-position: center center !important;
}


}

/* X（削除）を確実に表示・クリック可能にする保険 */
.woocommerce-mini-cart .mini_cart_item,
.widget_shopping_cart .mini_cart_item {
  position: relative;
  padding-right: 28px;   /* テキストがXに被らないよう余白を確保 */
}


/* ---- Newsletter ポップアップ（Flatsome / Magnific Popup） ---- */
/* ポップアップ本体の背景色をグレーに */
.mfp-content .lightbox-content {
  background: #f2f2f2 !important;   /* お好みで #eee や #e5e5e5 でもOK */
  color: #111 !important;            /* 文字は濃いめで可読性UP */
  border-color: #cccccc !important;  /* 破線/枠がある場合の色調整（不要なら下で無効化） */
  /* border: none !important; */      /* 枠自体を消したい場合は上ではなくこちらを有効化 */
}

/* 入力欄（必要なら） */
.mfp-content .lightbox-content input[type="email"],
.mfp-content .lightbox-content input[type="text"] {
  background: #ffffff !important;
  color: #111 !important;
}

/* 送信ボタンをグレーに（Flatsome の .button / input[type=submit] を両方ケア） */
.mfp-content .lightbox-content .button,
.mfp-content .lightbox-content button,
.mfp-content .lightbox-content input[type="submit"] {
  background-color: #9e9e9e !important;
  border-color: #9e9e9e !important;
  color: #fff !important;
}

/* ホバー／フォーカス時の濃いグレー */
.mfp-content .lightbox-content .button:hover,
.mfp-content .lightbox-content button:hover,
.mfp-content .lightbox-content input[type="submit"]:hover,
.mfp-content .lightbox-content .button:focus,
.mfp-content .lightbox-content button:focus,
.mfp-content .lightbox-content input[type="submit"]:focus {
  background-color: #727272 !important;
  border-color: #727272 !important;
  color: #fff !important;
}


/*************** add by R  ***************/
.product-categories li.cat-item.cat-item-430,
.product-categories li.cat-item.cat-item-670 {
    display: none;
}

.badge-container {
    margin: 0px 0 0 !important;
}
.badge-inner {
    font-size: 12px!important;
}

#execphp-2 .execphpwidget{
    border-bottom: 1px solid #ececec;
    padding: 8px 0px;
    margin: 0 0 -22px;
}
.tab-panels .entry-content {
    padding: 20px;
}
.page-title-inner {
    min-height: auto !important;
    padding-top: 0 !important;
}

.single h1.product-title.product_title.entry-title {
    margin-top: 20px;
}

li.variable-item.button-variable-item {
    margin: 4px 2px !important;
}
span.variable-item-span.variable-item-span-button {
    font-size: 12px;
}
li.variable-item.button-variable-item.button-variable-item-black .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-black-en .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-black-fr .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-black-it .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-black-es .variable-item-contents {
    background-color: #151515;
}
li.variable-item.button-variable-item.button-variable-item-black .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-black-en .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-black-fr .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-black-it .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-black-es .variable-item-span-button {
    display: none;
}

li.variable-item.button-variable-item.button-variable-item-blue .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-blue-en .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-blue-fr .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-blue-it .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-blue-es .variable-item-contents {
    background-color: #316dc2;
}
li.variable-item.button-variable-item.button-variable-item-blue .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-blue-en .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-blue-fr .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-blue-it .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-blue-es .variable-item-span-button {
    display: none;
}

li.variable-item.button-variable-item.button-variable-item-green .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-green-en .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-green-fr .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-green-it .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-green-es .variable-item-contents {
    background-color: #16702f;
}
li.variable-item.button-variable-item.button-variable-item-green .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-green-en .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-green-fr .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-green-it .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-green-es .variable-item-span-button {
    display: none;
}

li.variable-item.button-variable-item.button-variable-item-red .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-red-en .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-red-fr .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-red-it .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-red-es .variable-item-contents {
    background-color: #ec3434;
}
li.variable-item.button-variable-item.button-variable-item-red .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-red-en .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-red-fr .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-red-it .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-red-es .variable-item-span-button {
    display: none;
}

li.variable-item.button-variable-item.button-variable-item-yellow .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-yellow-en .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-yellow-fr .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-yellow-it .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-yellow-es .variable-item-contents {
    background-color: #f7e23c;
}
li.variable-item.button-variable-item.button-variable-item-yellow .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-yellow-en .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-yellow-fr .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-yellow-it .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-yellow-es .variable-item-span-button {
    display: none;
}

li.variable-item.button-variable-item.button-variable-item-brown .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-brown-en .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-brown-fr .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-brown-it .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-brown-es .variable-item-contents {
    background-color: #683910;
}
li.variable-item.button-variable-item.button-variable-item-brown .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-brown-en .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-brown-fr .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-brown-it .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-brown-es .variable-item-span-button {
    display: none;
}

li.variable-item.button-variable-item.button-variable-item-grey .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-grey-en .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-grey-fr .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-grey-it .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-grey-es .variable-item-contents {
    background-color: #4b4b4b;
}
li.variable-item.button-variable-item.button-variable-item-grey .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-grey-en .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-grey-fr .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-grey-it .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-grey-es .variable-item-span-button {
    display: none;
}

li.variable-item.button-variable-item.button-variable-item-orange .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-orange-en .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-orange-fr .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-orange-it .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-orange-es .variable-item-contents {
    background-color: #ff7341;
}
li.variable-item.button-variable-item.button-variable-item-orange .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-orange-en .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-orange-fr .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-orange-it .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-orange-es .variable-item-span-button {
    display: none;
}

li.variable-item.button-variable-item.button-variable-item-purple .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-purple-en .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-purple-fr .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-purple-it .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-purple-es .variable-item-contents {
    background-color: #d47bda;
}
li.variable-item.button-variable-item.button-variable-item-purple .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-purple-en .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-purple-fr .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-purple-it .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-purple-es .variable-item-span-button {
    display: none;
}

li.variable-item.button-variable-item.button-variable-item-white .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-white-en .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-white-fr .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-white-it .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-white-es .variable-item-contents {
    background-color: #f2f2f2;
}
li.variable-item.button-variable-item.button-variable-item-white .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-white-en .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-white-fr .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-white-it .variable-item-span-button,
li.variable-item.button-variable-item.button-variable-item-white-es .variable-item-span-button {
    display: none;
}

.woocommerce-Tabs-panel--description h4 {
    padding: 10px;
}

.product-thumbnails .is-nav-selected a img, .product-thumbnails a:hover img {
    transform: translateY(-2px) !important;
}

.woocommerce-MyAccount-navigation-link.has-child a{
    float: left;
    width: 80%;
}

.woocommerce-MyAccount-navigation-link.has-child .toggle{
    float: right;
}

.woocommerce-MyAccount-navigation-link{
    clear: both;;
}

.woocommerce-MyAccount-navigation-link .children{
    width: 80%;
}

.stockinfo{
    color: #111;
    font-weight: bold;
}
/*************** end by R  ***************/


@media only screen and (max-width: 849px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .single h1.product-title.product_title.entry-title {
        margin-top: 0px;
    }
    
}