/* =================================
   MY ACCOUNT PAGE
================================= */
.woocommerce-account .woocommerce{
display:grid;
grid-template-columns:280px 1fr;
gap:30px;
padding:50px 0;
}
/* Sidebar */
.woocommerce-account .woocommerce-MyAccount-navigation{
background:#fff;
border:1px solid #eee;
border-radius:20px;
padding:20px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
margin:0;
padding:0;
list-style:none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
margin-bottom:10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
display:block;
padding:14px 18px;
border-radius:12px;
font-weight:600;
color:#111;
transition:.3s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
background:#ffd700;
color:#000;
}
.woocommerce-account .is-active a{
background:#ffd700;
color:#000;
}
/* Content Area */
.woocommerce-account .woocommerce-MyAccount-content{
background:#fff;
padding:30px;
border-radius:20px;
border:1px solid #eee;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}
/* =================================
   LOGIN / REGISTER
================================= */
.woocommerce form.login,
.woocommerce form.register{
background:#fff;
padding:35px;
border-radius:20px;
border:1px solid #eee;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}
.woocommerce form.login h2,
.woocommerce form.register h2{
font-size:28px;
font-weight:800;
margin-bottom:25px;
}
.woocommerce form .form-row{
margin-bottom:18px;
}
.woocommerce input.input-text{
height:55px;
border:1px solid #ddd;
border-radius:12px;
padding:0 18px;
font-size:15px;
width:100%;
}
.woocommerce input.input-text:focus{
border-color:#ffd700;
outline:none;
}
/* Button */
.woocommerce button.button,
.woocommerce a.button{
background:#ffd700 !important;
color:#000 !important;
border:none !important;
border-radius:12px !important;
height:52px;
padding:0 28px !important;
font-weight:700 !important;
}
.woocommerce button.button:hover,
.woocommerce a.button:hover{
opacity:.9;
}
/* =================================
   ORDERS TABLE
================================= */
.woocommerce table.shop_table{
border:none;
border-radius:16px;
overflow:hidden;
}
.woocommerce table.shop_table th{
background:#111;
color:#fff;
padding:16px;
}
.woocommerce table.shop_table td{
padding:16px;
}
/* =================================
   MOBILE
================================= */
@media(max-width:768px){
.woocommerce-account .woocommerce{
grid-template-columns:1fr;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:20px;
}
.woocommerce form.login,
.woocommerce form.register{
padding:20px;
}
}