/*
Theme Name:JPJ
Template:storefront
Version:1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&family=M+PLUS+1:wght@100..900&display=swap');

* BASIC */
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
font-size:62.5%;
overflow-x:hidden;
}

body{
margin-top:-5rem;
font-size:clamp(1.4rem, 1.0vw + 1rem, 1.6rem);
line-height:1.8;
color:#fff;
font-family:"Cabin Sketch", "M PLUS 1", sans-serif !important;
font-weight:700 !important;
padding-top:6rem;
background:#000 url(./img/bg.jpg);
background-attachment:scroll;
}
footer#colophon{
background:#000 url(./img/bg.jpg);
color:#fff;
}

ul, li{
padding:0;
margin:0;
}
p{
padding:0 0 1.8rem !important;
}

#primary.content-area{
margin:0 auto;
}

.textboxes{
border:2px solid #000;
padding:2rem 1.4rem 0;
background:rgba(0,0,0,.5);
}

#primary.content-area{
background:url(./img/con_bg.webp) no-repeat;
background-position:right bottom;
min-height:900px;
}
#primary.content-area section{
margin-top:5rem;
}

#content.site-content{
margin-top:-3rem;
}

@media (max-width:767px){
#primary.content-area{
min-height:500px;
background-size:contain;
}
}

.woocommerce ul.products{
display:flex;
flex-wrap:wrap;
gap:24px;
justify-content:flex-start;
}

.woocommerce ul.products li.product{
width:280px;
background:rgba(255,255,255,0.03);
padding:10px;
border-radius:4px;
transition:all 0.3s ease;
}

.woocommerce ul.products li.product:hover{
background:rgba(255,255,255,0.1);
}

/* ========== HEAD ========== */
header#masthead{
border-bottom:none;
background:#000 url(./img/bg.jpg);
font-family:"Cabin Sketch", sans-serif;
}
.site-branding{
text-align:center !important;
margin:1rem auto 0 !important;
width:100% !important;
}
.site-branding img{
text-align:center !important;
margin:0 auto !important;
min-width:600px;
}
#site-header-cart{padding:0 !important;}

header.woocommerce-products-header{
padding:0 !important;
margin:0 auto;
}

@media (max-width:767px){
.site-header .col-full{
display:flex;
justify-content:space-between;
align-items:center;
}
.site-branding{flex:1;}
.site-header-cart{flex-shrink:0;}
.site-branding img{
min-width:96%;
}
}

@media screen and (max-width:767px){
#site-navigation.main-navigation{background-color:#000; color:#fff;}
}
#site-navigation.main-navigation ul li a{color:#fff;}
#site-navigation.main-navigation ul li a:hover{color:#fc0fc0;}

#site-navigation.main-navigation{
padding:.6rem 0 !important;
font-family:"Cabin Sketch", sans-serif;
font-size:clamp(1.6rem, 1.0vw + 1rem, 1.8rem);
}
#site-navigation{padding:0 !important; width:100%; margin:0 auto !important;}

.storefront-primary-navigation{text-align:center;}
.storefront-primary-navigation{padding:0 !important;}
.storefront-primary-navigation ul{
margin:0 !important; padding:0 !important; display:inline-block;
}
.storefront-primary-navigation ul li{
padding:0 !important; margin:0 10px !important;
}
.storefront-primary-navigation ul li a{
padding:15px 0 !important; line-height:normal !important;
}

/* ========== カート（Storefront標準の見た目を軽く整える） ========== */
.site-header-cart{padding:0 !important; margin:0 auto;}
.site-header-cart span.count{
color:#fff !important; opacity:1 !important; font-family:"M PLUS 1", sans-serif;
}
.site-header-cart a{color:#fff; font-size:20px;}
.site-header-cart .cart-contents span.amount{
color:#fff; font-family:"M PLUS 1", sans-serif; font-weight:700;
}
/* Woo既定の ::after アイコンは不要 */
a.cart-contents::after{display:none !important;}
/* 横並びと余白 */
a.cart-contents{
display:flex; align-items:center; padding:0; height:auto;
}
a.cart-contents .count{margin-left:.5em;}

/* ========== HEAD CUSTOM（レイアウトは現状維持） ========== */
/* ヘッダー全体：縦積み（上：ユーティリティ／中：ロゴ／下：ナビ） */
.site-header > .col-full{
display:flex; flex-direction:column;
}

/* 右上ユーティリティ（今のまま右寄せで横並び） */
.header-utility{
margin-left:auto;
display:flex; justify-content:flex-end; align-items:center;
gap:16px; font-weight:700;
}
.header-utility a{
margin-left:10px; text-decoration:none; background:transparent;
}

/* カート数表示：衝突回避用の専用クラス（header.phpは <span class="jp-count"> にしておく） */
.header-utility .jp-count{
display:inline-block; min-width:18px; padding:0 6px; border-radius:999px;
background:#d81e5b; color:#fff; font-size:12px; line-height:18px; text-align:center;
}
/* 他所の .count が紛れ込むのを防ぐ（ヘッダー内のみ） */
.header-utility .count{display:none !important;}

/* カートアイコン＋数字バッジ */
.header-utility .jp-cart{
position:relative;
display:inline-flex;
align-items:center;
color:#fff;
font-size:20px;
text-decoration:none;
margin-left:10px;
}
.header-utility .jp-cart i{font-size:20px;}

/* 数字バッジ */
.header-utility .jp-count{
position:absolute;
top:-6px; right:-10px;
min-width:18px; height:18px; padding:0 5px;
border-radius:999px; background:#d81e5b; color:#fff;
font-size:12px; line-height:18px; text-align:center; font-weight:700;
}

/* 念のため、ヘッダー内の .count は無効化（別出力対策） */
.header-utility .count{display:none !important;}

/* ===== Mobile:show desktop primary nav; hide handheld ===== */
@media (max-width:767px){
.menu-toggle{display:none !important;}
.handheld-navigation{display:none !important;}

#site-navigation .primary-navigation{
display:block !important; visibility:visible !important; opacity:1 !important;
height:auto !important; overflow:visible !important; background:transparent !important;
padding:0 !important; margin:0 auto !important;
}
#site-navigation .primary-navigation > ul.menu{
display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;
width:100% !important; margin:0 !important; padding:0 !important;
}
#site-navigation .primary-navigation > ul.menu > li{
list-style:none; display:inline-block !important; margin:0 10px !important; padding:0 !important; border:0 !important;
}
#site-navigation .primary-navigation > ul.menu > li > a{
display:inline-block; padding:12px 6px !important; line-height:1.2 !important;
text-decoration:none !important; background:none !important; box-shadow:none !important; color:#fff !important;
}

/* 余計なフォールバック(div.menu直下UL)が残っていたら非表示 */
#site-navigation > .menu{display:none !important;}
}

/* 黒帯リセット */
.storefront-primary-navigation,
#site-navigation{
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
margin:0 auto -2rem !important;
}


/* LINK */
a{
color:#fc0fc0;
transition:.5s;
text-decoration:none !important;
}
a:hover{
color:#fff;
}
a:focus{
border:none !important;
outline:none !important;
}
a:active,
a.active,
.current-menu-item a{
outline:none !important;
border:none !important;
}


/* BREAD */
.woocommerce-breadcrumb{
color:#fff;
font-family:"M PLUS 1", sans-serif;
margin-bottom:0;
}

.woocommerce-breadcrumb .breadcrumb-separator::after{
opacity:1 !important;
}
.woocommerce-breadcrumb a{
color:#fff;
}
.woocommerce-breadcrumb a:hover{
color:#fc0fc0;
}

/* FOOTER */
#colophon.site-footer{
text-align:center;
font-size:1rem;
padding-bottom:0;
font-family:"Cabin Sketch", sans-serif;
}
.snslinks{
margin-bottom:-2rem;
font-size:3rem;
}
.snslinks a{
color:#fff !important;
}
.snslinks a:hover{
color:#fc0fc0 !important;
}
.pplink{
display:block;
font-size:1.4rem;
}

/* TEXT */
h1,h2{
text-align:center;
letter-spacing:2px;
font-family:"Cabin Sketch", sans-serif;
}
.pagettles{
margin-bottom:2rem;
}
.text-rights{
display:block;
text-align:right;
}

/* HOME */
body.home h1.entry-title{
display:none;
}

.country-links-graffiti{
text-align:center;
margin:4rem 0;
}
.graffiti-link{
display:inline-block;
font-family:'Arial Black', sans-serif;
font-size:3rem;
font-weight:900;
text-decoration:none;
text-transform:uppercase;
color:#fff;
background:rgba(0,0,0,.7);
border:2px solid #000;
padding:1.2rem 2rem;
position:relative;
transition:all 0.3s ease;
letter-spacing:2px;
margin:0 1rem;
}
.graffiti-link:hover{
transform:translateY(-5px) scale(1.05);
color:rgba(255,204,51,.3);
text-shadow:
0 0 5px rgba(255,204,51,.3), 
0 0 10px rgba(255,204,51,.3);
}

ul.topnews{
list-style:none;
color:#000;
margin-bottom:10rem !important;
}
ul.topnews li{
background:rgba(255,255,255,.5);
padding:1.4rem 1.4rem 0;
margin-bottom:1.6rem;
}
ul.topnews li p{
padding-bottom:0 !important;
}
.newsdates span{
background:#000;
color:#fff;
text-align:center;
padding:.2rem .6rem;
}
ul.topnews h3{
padding:0;
margin:0;
}

@media (max-width:767px){
.graffiti-link{
font-size:2.2rem;
margin:0.5rem;
}
}

/* ITEM LIST */
.storefront-sorting, form.woocommerce-ordering, p.woocommerce-result-count{
display:none;
}
.jpj-card .jpj-thumb img{display:block; width:100%; height:auto;}

.jpj-card .jpj-info{
background:rgba(0,0,0,0.9);
padding:12px 14px;
margin-top:8px;
border:1px solid rgba(255,255,255,0.08);
}

.jpj-card .jpj-band{
font-size:1.4rem;
letter-spacing:.02em;
font-family:"Cabin Sketch", sans-serif;
}

.jpj-card .jpj-title{
font-size:1.8rem;
font-weight:700;
margin-top:4px;
line-height:1.4;
font-family:"Cabin Sketch", sans-serif;
}

.jpj-card .jpj-meta{
display:flex;
gap:10px;
align-items:baseline;
justify-content:space-between;
margin-top:8px;
font-size:1.4rem;
}

.jpj-card .jpj-cats{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:65%;
font-family:"M PLUS 1", sans-serif !important;
}

.jpj-cats{
background:#fff;
color:#000;
text-align:center;
padding:.3rem .6rem;
line-height:1;
}
.jpj-dates{
color:#fc0fc0;
}

.jpj-card .jpj-price .woocommerce-Price-amount{
font-family:"M PLUS 1", sans-serif !important;
font-weight:700 !important;
font-size:clamp(1.4rem, 1.0vw + 1rem, 1.6rem);
}

/* 既存ホバーのトーンと合わせるなら */
.woocommerce ul.products li.product:hover .jpj-info{
background:rgba(0,0,0,0.96);
border-color:rgba(255,255,255,0.12);
}

/* Storefrontのfloat/%幅/マージン/clearfixを無効化 */
.woocommerce ul.products::before,
.woocommerce ul.products::after{display:none !important;}

/* 3列（calcはgapと連動）、float/%幅殺し */
.woocommerce ul.products li.product{
float:none !important;
margin:0 !important;
width:calc((100% - 32px*2)/3) !important; /* 3列 */
display:flex;                 /* ←縦Flexカード */
flex-direction:column;
box-sizing:border-box;
}
@media (max-width:1024px){
.woocommerce ul.products li.product{
width:calc((100% - 32px)/2) !important; /* 2列 */
}
}
@media (max-width:560px){
.woocommerce ul.products li.product{width:100% !important;} /* 1列 */
}

/* サムネを正方形に固定（画像はトリミング） */
.jpj-thumb{aspect-ratio:1/1; overflow:hidden;}
.jpj-thumb img{width:100%; height:100%; object-fit:cover; display:block;}

/* 情報パネルが残りを埋めて高さ揃う */
.jpj-info{
flex:1;    
display:flex; flex-direction:column;
justify-content:space-between;
background:rgba(0,0,0,.9);
padding:12px 14px;
border:1px solid rgba(255,255,255,.08);
}

/* 文字量で潰れないための最低高（お好みで調整） */
.jpj-info{min-height:clamp(100px, 12vw, 140px);}

/* Storefrontのclearfixを無効化 */
.woocommerce ul.products::before,
.woocommerce ul.products::after{display:none !important;}


/* SINGLE PAGES */
.single-product .product-main{
max-width:1200px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(280px, 560px) minmax(0,1fr);
gap:28px;
align-items:start;
}

/* Storefront の既定レイアウトを無効化（カラム落ち防止） */
.single-product .product .images,
.single-product .product .summary{
float:none !important;
width:auto !important;
margin:0 !important;
}

/* ギャラリー箱（黒背景・余白・はみ出し防止） */
.single-product .product-image{
max-width:560px;
width:100%;
justify-self:center;
}
.single-product .woocommerce-product-gallery{
background:#000;
padding:1.2rem;
width:100%;
box-sizing:border-box; 
}
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image img{
display:block;
width:100% !important;
height:auto !important;
}

/* サムネ（横並び＆拡大） */
.single-product .woocommerce div.product div.images .flex-control-nav.flex-control-thumbs{
display:flex !important;
flex-wrap:wrap;
gap:10px;
margin-top:12px;
justify-content:flex-start;
}
.single-product .woocommerce div.product div.images .flex-control-thumbs li{
width:90px !important;
height:90px !important;
margin:0 !important;
float:none !important;
overflow:hidden;
border-radius:6px;
list-style:none;
padding:0 !important;
}
.single-product .woocommerce div.product div.images .flex-control-thumbs li img{
width:100% !important;
height:100% !important;
object-fit:cover;
display:block;
}

.single-product .wpgs-for img{width:100%; height:auto; display:block;}

/* 見出し・メタ */
.single-product .product-title, .single-product .product-artist{text-align:left;}
.single-product .product-meta{list-style:disc; margin:0 0 1rem; padding:0;}
.single-product .stock.in-stock{color:#ffcc33;}
.stock.out-of-stock{color:#cc0000;}


.single-product .product-youtube{display:block; margin:32px auto 0;}
.single-product .product-youtube .youtube-wrap{
position:relative;
width:80%;
margin:0 auto;
padding-bottom:56.25%;
height:0;
}
.single-product .product-youtube iframe{
position:absolute; inset:0;
width:100%; height:100%;
border:0;
}

.wpro-pre-order-availability-date{
font-style:normal;
background:#ccc;
color:#000;
padding:0 1.2rem;
}
.product-meta .itemcat span{
display:inline-block;
background:#fff;
color:#000;
padding:0 1.2rem;
text-align:center;
margin-right:1.2rem;
}
.price span.woocommerce-Price-amount{
font-size:4rem;
font-family:"Cabin Sketch", sans-serif;
}
.price span.woocommerce-Price-amount::after{
content:" (+ tax)";
padding-left:.8rem;
font-size:2.6rem;
}
.product-title{
font-size:4rem;
}
.product-artist{
font-size:3rem;
margin-top:-1rem !important;
margin-bottom:3rem !important;
}
.product-notes{
border:2px solid #fff;
padding:1.2rem 1.2rem 1.2rem 3rem;
background:rgba(0,0,0,.5);
}
.product-description{
margin:4rem auto 0;
border:2px solid #000;
background:rgba(0,0,0,.7);
padding:1.4rem;
width:100%;
max-width:100%;
}

@media screen and (max-width:767px){
.price span.woocommerce-Price-amount{
font-size:3.2rem;
}
.price span.woocommerce-Price-amount::after{
font-size:2rem;
}
.product-title{
font-size:3rem;
}
.product-artist{
font-size:2.4rem;
}
.single-product .product-main{
display:block !important;
}
.single-product .product-image,
.single-product .woocommerce-product-gallery{
width:100% !important;
max-width:100% !important;
margin:0 auto !important;
}
.single-product .woocommerce-product-gallery img{
width:auto !important;
max-width:100% !important;
height:auto !important;
object-fit:contain !important;
}
h1.product-title{
margin-top:4rem;
}
.single-product .product-youtube .youtube-wrap{
width:100%;
max-width:100%;
}
}


/* CART */
.button.wc-forward{
color:#000 !important;
}
.button.wc-forward:hover{
color:#555 !important;
}
.woocommerce-message, .woocommerce-info{
background:rgba(255,255,255,.5);
color:#000 !important;
font-family:"M PLUS 1", sans-serif;
}
.woocommerce-message, .woocommerce-error, .woocommerce-info, .wc-block-components-button__text{
outline:none !important;
box-shadow:none !important;
}
.wc-block-components-product-metadata__description, th.wc-block-cart-items__header-image span, .wc-block-components-totals-coupon.wc-block-components-panel, h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
display:none;
}
tr.wc-block-cart-items__row, .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block{
padding:1.4rem;
background:rgba(0,0,0,.5);
}
.wc-block-components-button:focus,
.wc-block-components-button.wc-block-components-button:focus{
outline:none !important;
box-shadow:none !important;
}
.wp-block-woocommerce-checkout-shipping-method-block, h2.wc-block-components-title.wc-block-components-checkout-step__title, #contact-fields{
font-family:"M PLUS 1", sans-serif !important;
}
h2.wc-block-components-title.wc-block-components-checkout-step__title{
font-weight:700;
}
.wc-block-components-form.wc-block-checkout__form{
font-family:"M PLUS 1", sans-serif !important;
}
p.wc-block-components-checkout-step__description{
padding-bottom:0 !important;
margin-top:2rem;
}
span.wc-block-components-checkbox__label{
font-weight:700;
}

.wc-block-components-checkout-step__content{
border:2px solid #000;
padding:1.2rem;
background:rgba(0,0,0,.5);
font-family:"M PLUS 1", sans-serif;
}

#payment-method .wc-block-components-checkout-step__content{
border:2px solid #000;
padding:1.2rem;
background:rgba(255,255,255,.5);
color:#000;
font-family:"M PLUS 1", sans-serif;
}

/* FORM */
input, textarea{
font-family:"M PLUS 1", sans-serif;
}

/* 各種ボタンにtransitionとhoverスタイルを追加 */
.wc-block-components-button{
transition:.5s ease !important;
}
.wc-block-components-button:hover{
background-color:#ffcc33;
color:#fff;
border-color:#ffcc33;
}


/*　MY ACCOUNT */
nav.woocommerce-MyAccount-navigation{
margin-bottom:3rem;
font-family:"M PLUS 1", sans-serif;
}
nav.woocommerce-MyAccount-navigation li{
background:#fff;
padding:0 1.2rem;
margin-bottom:1.2rem;
}
nav.woocommerce-MyAccount-navigation li a{
color:#000;
}
nav.woocommerce-MyAccount-navigation li a:hover{
color:#fc0fc0;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard is-active{
background:#fc0fc0;
}
.woocommerce-MyAccount-content{
border:2px solid #000;
padding:1.2rem;
background:rgba(0,0,0,.5);
}

/* PAGE */
h1.pagettles span{
display:block;
font-size:clamp(1.4rem, 1.0vw + 1rem, 1.6rem);
font-family:"M PLUS 1", sans-serif;
font-weight:700;
}

/* ============ TABLE STYLE (SEPARATE) ============ */
.alltables{
width:100%;
max-width:100%;
border-collapse:separate; 
border-spacing:12px;
margin:2rem 0;
font-family:"M PLUS 1", sans-serif;
box-sizing:border-box;
}
.alltables th,
.alltables td{
padding:1.2rem;
box-sizing:border-box;
border:2px solid #000;
}
.alltables th{
background:rgba(0,0,0,.7) !important;
color:#fff;
text-align:left;
white-space:nowrap;
}
.alltables td{
background:rgba(0,0,0,.7) !important;
color:#fff;
}
.alltables td a{
color:#fff;
}
.alltables td a:hover{
color:#fc0fc0;
}

.bkboxes{
border:2px solid #000;
background:rgba(0,0,0,.7);
margin-bottom:1.8rem;
padding:1.4rem;
}
.bkboxes p{
padding-bottom:0;
}
.bkboxes h2{
text-align:left;
font-weight:700;
font-family:"M PLUS 1", sans-serif;
font-size:clamp(1.6rem, 1.0vw + 1rem, 1.8rem);
margin:0 0 1.8rem;
padding:0;
}
.bkboxes ol{
padding:0 1.4rem;
margin:0;
}
.bkboxes ol li{
padding:0;
margin:0;
}

ol.pps{
list-style-type:lower-latin;
}

/* ===== スマホ用CSS ===== */
@media (max-width:767px){
.alltables,
.alltables tbody,
.alltables tr{
display:block !important;
}
.alltables tr{
margin-bottom:2rem;
}
.alltables th,
.alltables td{
display:block !important;
width:100% !important;
}
.alltables th{
font-weight:700 !important;
background:rgba(0, 0, 0, 0.9) !important;
color:#fff !important;
border-bottom:none !important;
}
}

/* CONTACT */
.formsec{
padding:2rem;
font-family:"M PLUS 1", sans-serif;
}
.formsec th{
padding:1.4rem 1rem;
vertical-align:top;
white-space:nowrap;
}
.formsec input{
width:70%;
max-width:80rem;
padding:1rem;
border:1px solid #000;
overflow-x:hidden !important;
}
.formsec textarea{
width:90%;
height:20rem;
max-width:100%;
padding:1rem;
border:1px solid #000;
}
.choosesub select{
padding:1.2rem 2rem;
border-radius:0;
background:#fff;
border:1px solid #000;
}
.formsec input:focus, .formsec textarea:focus, .formsec select:focus{
background:rgba(255,255,255,.7);
box-shadow:none;
outline:none;
}
.sbmbtn{
margin:0 auto;
text-align:center;
}
.checkers{
margin:0 auto 1.8rem;
text-align:center;
}
.formsec input[type=checkbox]{
display:none;
}
.formsec .checkbox label{
display:inline-block;
width:20px;
height:20px;
}
.formsec .checkbox + span{
padding-left:1.2rem;
display:inline-block;
position:relative;
}
.formsec .checkbox + span::after,
.formsec .checkbox + span::before{
content:'';
display:block;
position:absolute;
border:1px solid #fff;
background:#fff;
width:20px;
height:20px;
top:.3rem;
left:-1.4rem;
}
.formsec .checkbox + span::after{
opacity:0;
width:7px;
height:12px;
transform:rotate(45deg);
left:-8px;
top:5px;
border:none;
border-right:2px solid #fc0fc0;
border-bottom:2px solid #fc0fc0;
}
.formsec .checkbox:checked + span{
color:#fff;
}
.formsec .checkbox:checked + span::after{
opacity:1;
}
.centerbtn{
text-align:center;
margin:0 auto 1.4rem;
}
.formsec input[type="submit"]{
display:inline-block;
width:12rem;
border:0;
padding:.7rem 1rem;
cursor:pointer;
color:#fff;
border:1px solid #fc0fc0;
background:#fc0fc0;
overflow:hidden;
margin:0 auto !important;
text-align:center !important;
transition:.5s;
}
.formsec input[type="submit"]:hover ,input[type="submit"].backto:hover{
background:#ffcc33;
border:1px solid #ffcc33;
color:#fff;
}
.backtoform{
display:block;
margin-bottom:1.4rem !important;
}
.mw_wp_form_confirm .confirm-hidden{
display:none;
} 
.consubmit{
text-align:center;
margin:0 auto;
}
.mw_wp_form_confirm{
border:1px solid #000;
padding:1.2rem;
}

@media (max-width:767px){
.formsec{
padding:0;
margin:0 auto;
}
.choosesub select{
font-size: 16px !important; 
}
.formsec th, .formsec td, .allraiten th, .allraiten td{
display:block;
width:100%;
max-width:100%;
}
.formsec input, .formsec textarea, .formsec select{
width:100%;
}
}

/* 決済系 */
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details,
.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses{
border:2px solid #000;
background:rgba(0,0,0,.7);
margin-bottom:1.8rem;
padding:1.4rem;
}
h2.woocommerce-column__title{
font-size:clamp(1.8rem, 1.0vw + 1rem, 2.2rem);
font-weight:700;
}
address{
font-style: normal;
}
.woocommerce-order-details table,
.woocommerce-order-details table th,
.woocommerce-order-details table td{
border:2px solid #000;
background:rgba(0,0,0,.7);
margin-bottom:1.8rem;
padding:1.4rem;
}
#ppcp-gateway_description{
display:none !important;
}