/* ==========================================
   Travel AI Platform
   Frontend Base
========================================== */

/*
 * FIX: this file used to declare its own :root block, redefining
 * --tap-bg / --tap-text / --tap-radius / --tap-shadow with DIFFERENT
 * values than variables.css. Since both are loaded on every page,
 * the winner depended on load order, so colors/spacing quietly
 * shifted between pages. variables.css (loaded first) is now the
 * single source for all of these; this file only keeps the classes
 * that are actually unique to it.
 */

.tap-planner{

    background:var(--tap-bg);

    padding:80px 20px;

    min-height:100vh;

}

.tap-planner-container{

    max-width:1200px;

    margin:auto;

}

.tap-hero{

    text-align:center;

    margin-bottom:60px;

}

.tap-hero h1{

    font-family:var(--tap-font-heading);

    font-size:48px;

    font-weight:700;

    margin-bottom:15px;

    color:var(--tap-heading);

}

.tap-hero p{

    font-size:18px;

    color:var(--tap-light);

}

/*
 * FIX: .tap-grid / .tap-field / .tap-field input,select used to be
 * defined HERE too, with different column counts, heights and
 * radius than forms.css's versions of the same classes. Because
 * forms.css loaded after this file, its values silently won on
 * every page -- but the duplication made the actual rendered result
 * unpredictable and hard to debug. forms.css is now the single
 * source for the planner form fields.
 */

.tap-submit{

    margin-top:40px;

    text-align:center;

}

.tap-submit button{

    background:var(--tap-gradient-navy);

    color:var(--tap-on-dark);

    border:1px solid var(--tap-gold);

    padding:18px 40px;

    border-radius:16px;

    cursor:pointer;

    font-size:17px;

    font-weight:700;

    letter-spacing:.3px;

    transition:var(--tap-transition);

}

.tap-submit button:hover{

    transform:translateY(-2px);

    background:var(--tap-gradient-gold);

    color:var(--tap-primary-dark);

    box-shadow:var(--tap-shadow-gold);

}

.tap-itinerary{

    margin-top:80px;

}

.tap-trip-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:40px;

}

.tap-summary,

.tap-days,

.tap-hotels,

.tap-flights,

.tap-weather,

.tap-budget,

.tap-restaurants,

.tap-shopping,

.tap-map{

    background:#fff;

    border-radius:18px;

    padding:30px;

    margin-bottom:25px;

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

}