/* Hukuki Araçlar (Tools) — PHP versiyonu için ek stiller */

/* Featured AI card */
.tools-featured {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, var(--brand-navy) 0%, rgba(11, 19, 43, 0.85) 100%);
    color: var(--brand-ivory);
    text-decoration: none;
    box-shadow: 0 10px 30px -10px rgba(11, 19, 43, 0.4);
    transition: transform .2s ease, box-shadow .2s ease;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.tools-featured:hover { transform: translateY(-2px); box-shadow: 0 20px 40px -10px rgba(11, 19, 43, 0.5); }
.tools-featured-icon {
    height: 4rem; width: 4rem; border-radius: 1rem;
    background: rgba(76, 175, 80, .25);
    border: 1px solid rgba(76, 175, 80, .4);
    display: grid; place-items: center;
    font-size: 1.75rem;
    flex-shrink: 0;
}
.tools-featured-eyebrow { font-size: .7rem; letter-spacing: .15em; text-transform: uppercase; color: rgba(255,255,255,.7); }
.tools-featured-cta {
    align-self: flex-start;
    padding: .6rem 1.2rem;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 999px;
    font-size: .9rem;
    font-weight: 500;
    transition: background .2s ease;
}
.tools-featured:hover .tools-featured-cta { background: rgba(255,255,255,.1); }

@media (min-width: 768px) {
    .tools-featured { flex-direction: row; align-items: center; padding: 2.5rem; }
}

/* Tool cards */
.tool-card {
    display: block;
    padding: 1.5rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    text-decoration: none;
    color: inherit;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.tool-card:hover { border-color: rgba(76,175,80,.4); box-shadow: 0 8px 20px -8px rgba(11,19,43,.15); transform: translateY(-2px); }
.tool-icon {
    height: 2.75rem; width: 2.75rem; border-radius: .75rem;
    background: #eaf3ec; display: grid; place-items: center;
    font-size: 1.4rem;
    color: var(--brand-field);
    margin-bottom: 1rem;
}
.tool-card h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.05rem; color: var(--brand-navy);
    margin: 0 0 .5rem;
    line-height: 1.35;
}
.tool-card p {
    font-size: .875rem; color: #64748b;
    margin: 0 0 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.55;
}
.tool-cta {
    font-size: .85rem; font-weight: 500;
    color: var(--brand-field);
    display: inline-flex; align-items: center; gap: .25rem;
}

/* Chat UI (Avukata Sor) */
.chat-msg {
    padding: .75rem 1rem;
    border-radius: 1rem;
    max-width: 85%;
    line-height: 1.55;
    font-size: .9rem;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.chat-msg.user {
    background: rgba(76,175,80,.1);
    align-self: flex-end;
    color: #1e293b;
}
.chat-msg.assistant {
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #1e293b;
    align-self: flex-start;
}
.suggest-pill {
    background: #fff;
    border: 1px solid #e2e8f0;
    padding: .35rem .75rem;
    border-radius: 999px;
    font-size: .75rem;
    cursor: pointer;
    font-family: inherit;
    color: #334155;
    transition: background .15s ease;
}
.suggest-pill:hover { background: #eaf3ec; }

/* Result cards & actions */
.result-block {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.result-block:empty { display: none; }
.result-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}
.result-card {
    padding: 1.25rem;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    background: linear-gradient(135deg, rgba(234,243,236,.5) 0%, transparent 100%);
}
.result-card .lbl {
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: rgba(11,19,43,.7);
}
.result-card .val {
    margin-top: .25rem;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--brand-navy);
    word-break: break-word;
}
.result-card .hint {
    margin-top: .35rem;
    font-size: .75rem;
    color: #64748b;
}

.result-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.result-actions button {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .5rem 1rem;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .75rem;
    font-size: .85rem;
    cursor: pointer;
    font-family: inherit;
    color: #334155;
    transition: background .15s ease, border-color .15s ease;
}
.result-actions button:hover { background: #f8fafc; border-color: var(--brand-field); }

/* Alert warn */
.alert-warn {
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 1rem;
    padding: 1rem 1.25rem;
    font-size: .85rem;
    color: #78350f;
    line-height: 1.55;
}

/* Form label wrappers on tools pages */
form[data-tool] label {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    font-size: .85rem;
    font-weight: 500;
    color: #334155;
}
form[data-tool] input,
form[data-tool] select,
form[data-tool] textarea {
    padding: .6rem .75rem;
    border: 1px solid #cbd5e1;
    border-radius: .5rem;
    font-family: inherit;
    font-size: .95rem;
    background: #fff;
    color: #1e293b;
    transition: border-color .15s ease, box-shadow .15s ease;
}
form[data-tool] input:focus,
form[data-tool] select:focus,
form[data-tool] textarea:focus {
    outline: none;
    border-color: var(--brand-field);
    box-shadow: 0 0 0 3px rgba(76,175,80,.15);
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--brand-field);
}

.content-with-sidebar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}
@media (min-width: 1024px) {
    .content-with-sidebar {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
}