/* ============================================================
   DirekTR Public Layout — shared across all public-facing pages
   ============================================================ */

:root {
    --brand-dark:    #7f0710;
    --brand-ink:     #2e3347;
    --brand-accent:  #e30a17;
    --brand-accent-2:#bd0813;
    --brand-surface: #ffffff;
    --brand-muted:   #6b6f80;
    --brand-border:  #f0d4d7;
    --brand-bg:      #f8f8f8;
    --brand-red:     #e30a17;
    --brand-red-dark:#bd0813;
}

body {
    font-family: 'Manrope', sans-serif;
    background: var(--brand-bg);
    color: var(--brand-ink);
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}

main { flex: 1; display: flex; flex-direction: column; }

/* Auth / partner login sayfaları — main içini doldur ve ortala */
.auth-wrap,
.partner-wrap {
    flex: 1;
    display: grid;
    place-items: center;
    padding: 2rem 1rem;
}

/* ---- Brand link ---- */
.brand-link {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    font-weight: 800;
    text-decoration: none;
    color: var(--brand-dark);
}
.brand-link img { height: 32px; width: auto; }

/* ---- Navbar ---- */
.public-navbar {
    background: #fff;
    border-bottom: 1px solid var(--brand-border);
}

/* ---- Footer ---- */
.public-footer {
    border-top: 1px solid #dee2e6;
    padding: 0.75rem 0;
    background: #fff;
    margin-top: 3rem;
}
.public-footer a { color: var(--brand-muted); text-decoration: none; font-size: .8rem; }
.public-footer a:hover { color: var(--brand-accent); }

/* ---- Language switcher ---- */
.lang-btn { font-size:.72rem; font-weight:700; padding:2px 7px; border-radius:5px; border:1px solid #ccc; color:#6b6f80; text-decoration:none; line-height:1.5; }
.lang-btn:hover { border-color:var(--brand-accent); color:var(--brand-accent); }
.lang-btn-active { border-color:var(--brand-accent); color:var(--brand-accent); background:rgba(227,10,23,.08); }

/* ---- Bootstrap overrides ---- */
.btn-primary { background-color:var(--brand-red); border-color:var(--brand-red); }
.btn-primary:hover,.btn-primary:focus { background-color:var(--brand-red-dark); border-color:var(--brand-red-dark); }
.btn-danger { background-color:var(--brand-accent); border-color:var(--brand-accent); }
.btn-danger:hover,.btn-danger:focus { background-color:var(--brand-accent-2); border-color:var(--brand-accent-2); }
.btn-outline-danger { color:var(--brand-accent); border-color:var(--brand-accent); }
.btn-outline-danger:hover { background-color:var(--brand-accent); border-color:var(--brand-accent); color:#fff; }
.form-control:focus { border-color:var(--brand-accent); box-shadow:0 0 0 0.2rem rgba(227,10,23,.15); }

/* ---- Product card (shared: home, category, listing, wishlist) ---- */
.product-card-media { position: relative; }
.product-card-img-wrap { height: 200px; overflow: hidden; }
.product-card-img { max-height: 200px; max-width: 100%; width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.product-card-discount-badge {
    position: absolute;
    top: .6rem;
    left: .6rem;
    background: var(--brand-accent);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 999px;
}
.product-card-wishlist-form,
.product-card-wishlist-btn {
    position: absolute;
    top: .5rem;
    right: .5rem;
}
.product-card-wishlist-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--brand-border);
    color: var(--brand-accent);
    font-size: 1.05rem;
    line-height: 1;
    text-decoration: none;
}
.product-card-wishlist-btn.is-active { background: var(--brand-accent); color: #fff; border-color: var(--brand-accent); }
.product-card-wishlist-btn:hover { border-color: var(--brand-accent); }
.product-card-cart-form,
.product-card-cart-btn {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
}
.product-card-cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--brand-accent);
    border: none;
    color: #fff;
    font-size: 1rem;
}
.product-card-cart-btn:hover { background: var(--brand-accent-2); }