.elementor-kit-7{--e-global-color-primary:#111111;--e-global-color-secondary:#777777;--e-global-color-text:#555555;--e-global-color-accent:#C5A059;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   1. HIDE DEFAULT CIRCLES & $0.00 TEXT
========================================= */
/* Hides radio buttons, but ONLY hides checkboxes in the "Add-ons" field */
.cpf-type-radio .tc-input-wrap, 
.cpf-type-checkbox ul.element_4 .tc-input-wrap {
    display: none !important;
}

/* Hides the $0.00 pricing text across all fields */
.cpf-type-radio .tc-price-wrap,
.cpf-type-checkbox .tc-price-wrap,
.cpf-type-upload .tc-price-wrap { 
    display: none !important; 
}

/* =========================================
   2. UNSELECTED BOX STYLES (White Box)
========================================= */
/* Applies the big box style to radios and the "Add-ons" checkbox */
.cpf-type-radio .tc-label-wrap, 
.cpf-type-checkbox ul.element_4 .tc-label-wrap {
    display: block !important;
    padding: 15px 20px !important;
    border: 1px solid #d1d1d1 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* =========================================
   3. ACTIVE BOX STYLES (Black Box)
========================================= */
/* Turns the box black when clicked */
.cpf-type-radio li.tc-active .tc-label-wrap,
.cpf-type-checkbox ul.element_4 li.tc-active .tc-label-wrap {
    background-color: #050505 !important;
    border-color: #050505 !important;
    color: #ffffff !important;
}

/* Forces all text inside the black box to turn white */
.cpf-type-radio li.tc-active .tc-label-wrap span,
.cpf-type-radio li.tc-active .tc-label-wrap small,
.cpf-type-radio li.tc-active .tc-label-wrap bdi,
.cpf-type-radio li.tc-active .tc-label-wrap .woocommerce-Price-currencySymbol,
.cpf-type-checkbox ul.element_4 li.tc-active .tc-label-wrap span {
    color: #ffffff !important;
}

/* =========================================
   4. CLEAN UP LIST MARGINS & BULLETS
========================================= */
.cpf-type-radio ul.tmcp-ul-wrap li.tmcp-field-wrap,
.cpf-type-checkbox ul.tmcp-ul-wrap li.tmcp-field-wrap {
    list-style: none !important;
    margin-bottom: 10px !important;
}

/* =========================================
   5. QUANTITY GRID (Side-by-Side)
========================================= */
/* Targets the Quantity field specifically (element_3) */
.cpf-type-radio ul.element_3 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
}
.cpf-type-radio ul.element_3 li.tmcp-field-wrap {
    margin-bottom: 0 !important;
    width: 100% !important;
}
.cpf-type-radio ul.element_3 .tc-label-wrap {
    height: 100% !important;
}

/* =========================================
   6. ARTWORK UPLOAD DASHED BOX (UPDATED)
========================================= */
/* Remove background/border from the main wrapper */
.cpf-type-upload .tc-element-inner-wrap {
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
}

/* Use flexbox to reorder the items */
.cpf-type-upload .tc-row {
    display: flex !important;
    flex-direction: column !important;
}
.cpf-type-upload .tc-epo-label { order: 1 !important; }

/* Apply the dashed border ONLY to the upload box */
.cpf-type-upload .tc-element-container {
    order: 2 !important;
    border: 2px dashed #cccccc !important;
    padding: 40px 20px !important;
    text-align: center !important;
    background-color: #fafafa !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/* Push the yellow description box below the dashed line */
.cpf-type-upload .tm-element-description {
    order: 3 !important;
    margin-top: 0 !important;
}

/* Button styles */
.cpf-upload-wrap input[type="file"]::file-.elementor-kit-7-button {
    background-color: transparent !important;
    border: 2px solid #000000 !important;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 15px !important;
    transition: all 0.2s ease !important;
}
.cpf-upload-wrap input[type="file"]::file-.elementor-kit-7-button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}
}

/* =========================================
   7. RESTORE "UPLOAD LATER" CHECKBOX TO NORMAL
========================================= */
/* Targets element_6 so it stays a normal checkbox instead of a big block */
.cpf-type-checkbox ul.element_6 .tc-input-wrap {
    display: inline-block !important; 
    margin-right: 10px !important;
}
.cpf-type-checkbox ul.element_6 .tc-label-wrap {
    border: none !important;
    background: transparent !important;
    padding: 10px 0 !important;
    cursor: pointer !important;
}/* End custom CSS */