/*!
--------------------------------------------------------
LILYEE Premium UI
Version: 1.0
--------------------------------------------------------
*/

:root{

--ly-primary:#B99CCB;
--ly-primary-dark:#A886BE;
--ly-primary-light:#F7F1FA;

--ly-text:#504E4A;
--ly-text-light:#7B7570;

--ly-bg:#FAF8FB;
--ly-card:#FFFFFF;

--ly-border:#ECE7EF;

--ly-success:#2E9B62;
--ly-warning:#E7A52A;
--ly-danger:#D65252;
--ly-info:#5B8DEF;

--ly-shadow-sm:0 2px 8px rgba(30,30,30,.04);
--ly-shadow:0 10px 35px rgba(0,0,0,.06);
--ly-shadow-lg:0 25px 70px rgba(0,0,0,.10);

--ly-radius-sm:12px;
--ly-radius:18px;
--ly-radius-lg:26px;

--ly-speed:.28s;

}

.lilyee-rma{

max-width:1280px;
margin:auto;
padding:40px 20px;
color:var(--ly-text);

}

.lilyee-rma *,
.lilyee-rma *:before,
.lilyee-rma *:after{

box-sizing:border-box;

}

.lilyee-rma h1,
.lilyee-rma h2,
.lilyee-rma h3{

margin:0;
font-weight:700;
letter-spacing:-.03em;
color:var(--ly-text);

}

.lilyee-rma p{

margin:0;
line-height:1.7;
color:var(--ly-text-light);

}

body{

background:var(--ly-bg);

}

.ly-card{

background:#fff;

border:1px solid var(--ly-border);

border-radius:26px;

box-shadow:var(--ly-shadow);

transition:all .3s ease;

overflow:hidden;

}

.ly-card:hover{

transform:translateY(-3px);

box-shadow:var(--ly-shadow-lg);

}

.ly-card-header{

padding:26px 32px;

border-bottom:1px solid var(--ly-border);

display:flex;

justify-content:space-between;

align-items:center;

}

.ly-card-body{

padding:32px;

}

.ly-grid{

display:grid;

gap:28px;

}

.ly-grid-2{

grid-template-columns:repeat(2,1fr);

}

.ly-grid-3{

grid-template-columns:repeat(3,1fr);

}

.ly-btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;

padding:15px 28px;

border-radius:999px;

font-weight:600;

cursor:pointer;

transition:.25s;

text-decoration:none;

border:none;

}

.ly-btn-primary{

background:var(--ly-primary);

color:#fff;

}

.ly-btn-primary:hover{

background:var(--ly-primary-dark);

transform:translateY(-2px);

box-shadow:0 8px 18px rgba(185,156,203,.20);

}

.ly-btn-secondary{

background:#fff;

border:1px solid var(--ly-border);

color:var(--ly-text);

}

.ly-btn-secondary:hover{

border-color:var(--ly-primary);

}

input,
select,
textarea{

width:100%;

padding:15px 18px;

border-radius:16px;

border:1px solid var(--ly-border);

background:#fff;

transition:.25s;

font-size:15px;

}

input:focus,
select:focus,
textarea:focus{

outline:none;

border-color:var(--ly-primary);

box-shadow:0 0 0 4px rgba(185,156,203,.15);

}

textarea{

resize:vertical;

min-height:140px;

}

label{

font-weight:600;

margin-bottom:8px;

display:block;

}

/* ==========================================================
   RETURN FORM PREMIUM UI
========================================================== */

.ly-page-header{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:40px;
margin-bottom:35px;
flex-wrap:wrap;
}

.ly-page-tag{
display:inline-block;
padding:8px 14px;
border-radius:999px;
background:#F7F1FA;
color:var(--ly-primary);
font-size:12px;
font-weight:700;
letter-spacing:1px;
margin-bottom:14px;
}

.ly-page-header h1{
font-size:42px;
line-height:1.1;
margin-bottom:14px;
}

.ly-page-header p{
max-width:620px;
font-size:16px;
}

.ly-order-summary{
min-width:260px;
}

.ly-summary-item{
display:flex;
justify-content:space-between;
align-items:center;
margin:12px 0;
font-size:15px;
}

.ly-summary-item span{
color:#888;
}

.ly-summary-item strong{
font-size:18px;
color:#504E4A;
}

.ly-summary-divider{
height:1px;
background:#ece7ef;
margin:18px 0;
}

.ly-section-title{
font-size:26px;
margin-bottom:8px;
}

.ly-section-text{
margin-bottom:28px;
color:#777;
}

.lilyee-product-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,300px));
justify-content:flex-start;
gap:18px;
}

.lilyee-product-card{
position:relative;
padding:16px;
cursor:pointer;
border:1px solid #ece7ef;
border-radius:22px;
background:#fff;
transition:.3s;
overflow:hidden;
}

.lilyee-product-card:hover{

transform:translateY(-2px);

box-shadow:0 10px 24px rgba(0,0,0,.08);

}

.lilyee-product-card.selected{

border:2px solid var(--ly-primary);

background:#fcf9fe;

box-shadow:0 10px 24px rgba(185,156,203,.18);

}


.lilyee-product-image{

display:flex;

justify-content:center;

margin-bottom:14px;

}

.lilyee-product-image img{

width:170px;

height:170px;

object-fit:cover;

border-radius:18px;

}

.ly-product-top{
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:16px;
gap:10px;
}

.ly-product-title{
font-size:20px;
line-height:1.3;
}

.ly-selected-pill{
display:none;
padding:6px 12px;
background:var(--ly-primary);
color:#fff;
border-radius:999px;
font-size:12px;
font-weight:600;
}

.lilyee-product-card.selected .ly-selected-pill{
display:inline-flex;
}

.ly-chip{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 12px;
margin:6px 6px 0 0;
border-radius:999px;
background:#f6f4f7;
font-size:13px;
}

.ly-chip strong{
font-weight:700;
}

.ly-return-options{
margin-top:22px;
padding-top:20px;
border-top:1px solid #eee;
}

.ly-info-box{
display:flex;
align-items:center;
gap:12px;
padding:14px 16px;
background:#faf8fb;
border-radius:16px;
font-size:14px;
}

.ly-section-card{
margin-top:36px;
}

.ly-label{
display:block;
margin-bottom:10px;
font-weight:600;
}

.ly-refund-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px;
margin:22px 0;
}

.ly-refund-card{
display:block;
cursor:pointer;
border:1px solid #ece7ef;
border-radius:18px;
padding:22px;
transition:.25s;
background:#fff;
}

.ly-refund-card:hover{
border-color:var(--ly-primary);
transform:translateY(-3px);
}

.ly-refund-card input{
width:auto;
margin-right:10px;
}

.ly-refund-card h4{
margin:0 0 6px;
font-size:18px;
}

.ly-refund-card p{
font-size:14px;
color:#777;
margin:0;
}

.ly-policy{
margin-bottom:18px;
padding:16px;
background:#faf8fb;
border-radius:16px;
font-size:14px;
color:#666;
}

.ly-form-footer{
margin-top:40px;
}

.ly-submit-btn{
width:100%;
justify-content:center;
font-size:17px;
padding:18px;
gap:12px;
}

.ly-submit-btn svg{
transition:.25s;
}

.ly-submit-btn:hover svg{
transform:translateX(4px);
}

@media(max-width:768px){

.ly-page-header{
flex-direction:column;
}

.ly-page-header h1{
font-size:32px;
}

.lilyee-product-grid{
grid-template-columns:1fr;
}

.ly-refund-grid{
grid-template-columns:1fr;
}

}

/*========================
Return History
========================*/

.ly-history-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

gap:24px;

margin-top:35px;

}

.ly-history-card{

padding:28px;

}

.ly-history-top{

display:flex;

justify-content:space-between;

align-items:flex-start;

margin-bottom:26px;

}

.ly-history-top h3{

margin-bottom:6px;

}

.ly-history-meta{

display:flex;

justify-content:space-between;

padding:18px 0;

border-top:1px solid #eee;

border-bottom:1px solid #eee;

margin-bottom:24px;

}

.ly-history-meta span{

display:block;

font-size:13px;

color:#888;

margin-bottom:6px;

}

.ly-status-pill{

padding:8px 16px;

border-radius:999px;

font-size:13px;

font-weight:600;

}

.ly-status-pending{

background:#FFF8E6;

color:#B78103;

}

.ly-status-approved{

background:#EEF6FF;

color:#2563EB;

}

.ly-status-rejected{

background:#FDECEC;

color:#C0392B;

}

.ly-status-refunded{

background:#EDF9F1;

color:#1E8E5A;

}

/*==============================
Return Details
==============================*/

.ly-summary-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin:30px 0;
}

.ly-summary-grid>div{
background:#faf8fb;
border:1px solid #ece7ef;
border-radius:18px;
padding:20px;
}

.ly-summary-grid span{
display:block;
font-size:13px;
color:#888;
margin-bottom:6px;
}

.ly-summary-grid strong{
font-size:20px;
}

.ly-timeline{
margin-top:40px;
position:relative;
padding-left:32px;
}

.ly-timeline:before{
content:"";
position:absolute;
left:10px;
top:0;
bottom:0;
width:2px;
background:#ece7ef;
}

.ly-timeline-item{
position:relative;
padding-bottom:36px;
}

.ly-dot{
position:absolute;
left:-28px;
top:4px;
width:18px;
height:18px;
border-radius:50%;
background:#fff;
border:4px solid var(--ly-primary);
}

.ly-content{
background:#fff;
border:1px solid #ece7ef;
border-radius:18px;
padding:18px 22px;
box-shadow:var(--ly-shadow-sm);
}

.ly-content h4{
margin-bottom:6px;
}

@media(max-width:768px){

.ly-summary-grid{
grid-template-columns:1fr;
}

}

.ly-exchange-options{
    margin-top:20px;
}

.ly-exchange-options .ly-label{
    margin:14px 0 10px;
}

.ly-choice-chip input:checked + span{
    background:var(--ly-primary);
    color:#fff;
    border-color:var(--ly-primary);
}

.ly-current-variant strong{
    color:var(--ly-primary);
}

.ly-chip-disabled{
    opacity:.45;
    cursor:not-allowed;
    position:relative;
}

.ly-chip-disabled small{
    display:block;
    font-size:10px;
    margin-top:2px;
    font-weight:700;
    text-transform:uppercase;
}

/* Exchange History */

.ly-history-variants{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:22px;
}

.ly-status-reserved{
background:#F5F0FF;
color:#7B4DCC;
}

.ly-status-shipped{
background:#EEF8FF;
color:#2563EB;
}

.ly-status-completed{
background:#EDF9F1;
color:#1E8E5A;
}

/* WooCommerce Notices */

.woocommerce-notices-wrapper{
margin-bottom:30px;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{

border:none !important;
background:#fff !important;
border-radius:20px !important;
padding:22px 26px !important;
box-shadow:0 12px 35px rgba(0,0,0,.06);
border-left:5px solid var(--ly-primary) !important;
color:#504E4A !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{

color:var(--ly-primary)!important;

}
.lilyee-checkmark{

position:absolute;

top:18px;

right:18px;

width:42px;

height:42px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#EADCF3;

color:#fff;

opacity:0;

transform:scale(.8);

transition:.25s;

z-index:10;

}
.lilyee-product-card.selected .lilyee-checkmark{

opacity:1;

transform:scale(1);

background:var(--ly-primary);

}

.ly-hidden-checkbox{

position:absolute;

opacity:0;

pointer-events:none;

}

.ly-submit-btn:disabled{

opacity:.45;

cursor:not-allowed;

box-shadow:none;

transform:none;

}
@media(max-width:768px){

.lilyee-rma{

padding:20px 16px;

}

.ly-card-body{

padding:20px;

}

.lilyee-product-image img{

width:120px;

height:120px;

}

.ly-history-grid,
.ly-summary-grid,
.ly-grid,
.ly-grid-2,
.ly-grid-3{

grid-template-columns:1fr !important;

}

.ly-page-header{

gap:16px;

}

.ly-btn{

width:100%;

}

}