/*
 * Tugkamp Content Elements v1
 * Genel element tipografisi sadece içerik/WooCommerce alanlarına uygulanır.
 * Header, footer, hero ve modül içi özel kontroller bu dosya tarafından ezilmez.
 */

.tugkamp-content,
.tugkamp-entry-content,
.tugkamp-woocommerce,
.tugkamp-content .woocommerce {
    font-family: var(--tk-font-body);
    color: var(--tk-text-main);
    text-rendering: optimizeLegibility;
}

.tugkamp-content :where(h1, h2, h3, h4, h5, h6),
.tugkamp-entry-content :where(h1, h2, h3, h4, h5, h6),
.tugkamp-content .woocommerce :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--tk-font-heading);
    color: var(--tk-text-strong);
    margin-block: 0 0.65em;
}

.tugkamp-content :where(p),
.tugkamp-entry-content :where(p),
.tugkamp-content .woocommerce :where(p) {
    margin-block: 0 1em;
    font-size: var(--tk-font-body-size);
    font-weight: var(--tk-weight-body);
    line-height: var(--tk-line-body);
    color: var(--tk-text-main);
}

.tugkamp-content :where(a),
.tugkamp-entry-content :where(a),
.tugkamp-content .woocommerce :where(a) {
    color: var(--tk-green-main);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

.tugkamp-content :where(a:hover, a:focus-visible),
.tugkamp-entry-content :where(a:hover, a:focus-visible),
.tugkamp-content .woocommerce :where(a:hover, a:focus-visible) {
    color: var(--tk-green-deep);
}

.tugkamp-content :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea),
.tugkamp-entry-content :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea),
.tugkamp-content .woocommerce :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea) {
    font-family: var(--tk-font-body);
    font-size: 15px;
    font-weight: var(--tk-weight-medium);
    line-height: 1.2;
    color: var(--tk-text-main);
    background: var(--tk-input-bg);
    border: var(--tk-input-border);
    border-radius: var(--tk-radius-input);
}

.tugkamp-content :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea):focus,
.tugkamp-entry-content :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea):focus,
.tugkamp-content .woocommerce :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea):focus {
    outline: 0;
    border-color: var(--tk-input-focus-border);
    box-shadow: var(--tk-input-focus-shadow);
}