/*
Theme Name: TeenyTude Bridge
Description: Minimal checkout theme for TeenyTude Threads. WordPress here is ONLY the checkout and order engine - the storefront lives in the custom PHP front. Provides the /wp/checkout-bridge handoff and brands the WooCommerce checkout to match the front (cream / sage / stitch).
Version: 1.0
Author: TeenyTude Threads
Text Domain: teenytude-bridge
*/

@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;src:url(/view/fonts/tt/karla-400.woff2) format('woff2')}
@font-face{font-family:'Karla';font-style:normal;font-weight:700;font-display:swap;src:url(/view/fonts/tt/karla-700.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(/view/fonts/tt/fraunces-600.woff2) format('woff2')}
@font-face{font-family:'Ms Madi';font-style:normal;font-weight:400;font-display:swap;src:url(/view/fonts/tt/msmadi-400.woff2) format('woff2')}

:root{
    --cream:#F7F2E9;
    --linen:#EDE5D6;
    --sage:#7C8B6F;
    --sage-dark:#657257;
    --peach:#E8A87C;
    --charcoal:#3E3A36;
    --muted:#877D70;
    --stitch:#D9CDBB;
}

body{background:var(--cream);color:var(--charcoal);font-family:'Karla',sans-serif;margin:0;line-height:1.6}
h1,h2,h3{font-family:'Fraunces',serif;font-weight:600;color:var(--charcoal)}
a{color:var(--sage-dark)}

.tt-bridge-header{background:var(--cream);border-bottom:2px dashed var(--stitch);padding:14px 22px;text-align:center}
.tt-bridge-header a{display:inline-flex;flex-direction:column;line-height:1;text-decoration:none}
.tt-bridge-logo-script{font-family:'Ms Madi',cursive;font-size:26px;color:var(--charcoal)}
.tt-bridge-logo-caps{font-family:'Karla',sans-serif;font-weight:700;font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--sage);margin-top:2px}
.tt-bridge-back{margin-top:6px;font-size:13.5px;color:var(--muted)}

.tt-bridge-main{max-width:1080px;margin:0 auto;padding:34px 22px 60px}

.tt-bridge-footer{background:var(--linen);border-top:2px dashed var(--stitch);text-align:center;padding:20px;font-size:14px;color:var(--muted);margin-top:60px}
.tt-bridge-footer p{margin:0}

/* soften WooCommerce (classic + block checkout) to the brand */
.woocommerce .button, .wc-block-components-button:not(.is-link),
.woocommerce button.button.alt, .wp-element-button{
    background:var(--sage) !important;color:#FFFDF8 !important;border:0 !important;border-radius:999px !important;
    font-family:'Karla',sans-serif !important;font-weight:700 !important;
}
.woocommerce .button:hover, .wc-block-components-button:not(.is-link):hover,
.woocommerce button.button.alt:hover, .wp-element-button:hover{background:var(--sage-dark) !important}
.wc-block-components-checkout-step__title,
.wc-block-components-title{font-family:'Fraunces',serif !important}
.woocommerce form .form-row input.input-text, .wc-block-components-text-input input{
    border:1.4px solid var(--stitch);border-radius:10px;background:#FFFDF8;
}