/*
 Theme Name:   Taaza Kitchen V2 Child
 Theme URI:    https://taazakitchen.in
 Description:  Custom child theme for Taaza Kitchen website functionality.
 Author:       Your Name or Company Name
 Author URI:   https://yourwebsite.com
 Template:     TaazaKitchen V2
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom-functionality
 Text Domain:  taazakitchen-v2-child
*/

/* --- Taaza Kitchen: Full Custom Checkout Flow --- */
@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");

:root {
    --tk-dark-brown: #7b1f1f;
    --tk-golden: #d4a017;
    --tk-cream: #fffaf7;
    --tk-light-grey: #f4f4f4;
}

/* Style each step as a clean, white "card" */
.tk-step-card {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    overflow: hidden;
}

/* Style the title bar of each step */
.tk-step-header {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    font-size: 20px;
    font-weight: 700;
    color: var(--tk-dark-brown);
    border-bottom: 1px solid #f0f0f0;
}

.tk-step-header .tk-step-icon {
    font-size: 22px;
    margin-right: 15px;
    width: 25px;
    text-align: center;
    color: var(--tk-golden);
}

/* Style the content area inside each step */
.tk-step-content {
    padding: 30px;
}

/* Grey out the disabled steps for logged-out users */
.tk-step-card.tk-step-disabled {
    background: var(--tk-light-grey);
    opacity: 0.7;
    box-shadow: none;
}

.tk-step-card.tk-step-disabled .tk-step-header {
     color: #999;
}
.tk-step-card.tk-step-disabled .tk-step-header .tk-step-icon {
     color: #999;
}


/* Box for the "Logged in as..." message */
.tk-logged-in-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    color: #333;
}
.tk-change-user-btn {
    font-weight: 700;
    color: var(--tk-dark-brown);
    font-size: 14px;
    text-decoration: none;
}

/* Clean up JetForm builder styles inside our cards */
.tk-step-content .jet-form-builder__row {
    margin-bottom: 20px;
}
