/* ==========================================================
   CurtainXPRESS Design System
========================================================== */

/*----------------------------------------------------------
SECTION TITLES
----------------------------------------------------------*/

.form-control-label,
.cxp-price-title{

    font-size:18px !important;

    font-weight:600 !important;

    color:#1F2937;

    margin-bottom:6px !important;

    line-height:1.2;

}

/*----------------------------------------------------------
PPOM FIELD SPACING
----------------------------------------------------------*/

.form-group{

    margin-bottom:14px !important;

}
/*----------------------------------------------------------
TEXT INPUTS
----------------------------------------------------------*/

input[type="text"],
input[type="number"]{

    width:100%;

    height:48px;

    padding:0 16px;

    border:1px solid #D9D9D9;

    border-radius:8px;

    font-size:15px;

    font-weight:500;

    color:#1F2937;

    transition:.25s;

}

input[type="text"]:focus,
input[type="number"]:focus{

    border-color:#8B5E3C;

    outline:none;

    box-shadow:0 0 0 3px rgba(139,94,60,.12);

}

/*----------------------------------------------------------
PRODUCT PRICE
----------------------------------------------------------*/

#cxp-total-price{

    font-size:48px;

    font-weight:700;

    color:#0F172A;

    line-height:1.1;

}

/*----------------------------------------------------------
PRICE BOX
----------------------------------------------------------*/

#cxp-price-box{

    border:1px solid #E5E7EB;

    border-radius:12px;

    padding:24px;

    background:#FFF;

    box-shadow:0 2px 10px rgba(0,0,0,.05);

}

/*----------------------------------------------------------
ACCORDION
----------------------------------------------------------*/

#cxp-breakdown{

    border-radius:8px;

    overflow:hidden;

    border:1px solid #E5E7EB;

}

/*----------------------------------------------------------
BREAKDOWN HEADER
----------------------------------------------------------*/

#cxp-breakdown-header{

    height:52px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 18px;

    font-size:15px;

    font-weight:500;

}

/*----------------------------------------------------------
HEADINGS
----------------------------------------------------------*/

h1.product_title{

    margin-bottom:18px;

}

/* Reduce spacing between PPOM fields */

.ppom-field-wrapper{

    margin-bottom:16px !important;

}

.ppom-col-md-12{

    margin-bottom:16px !important;

}

/* =====================================================
   Hide PPOM Default Price Table for Curtain Products
===================================================== */

.product_cat-curtains #ppom-price-container{

    display:none !important;

}