/*
 * kzhukuk theme utilities — supplements the inline critical CSS in
 * partials/header.php. Kept separate because these are true "decoration"
 * utilities (not layout), reused across pages. These 3 classes are
 * this theme's own, bespoke CSS — not part of the vendored
 * pattespatte/vanilla-css-design-system framework (that's
 * vendor-vanilla-css.css, loaded before this file; the site's real theme
 * on top of it is public/design-system/styles/themes/kzhukuk/
 * {tokens.css,theme.css} — see partials/header.php for the link order).
 */

/* Icon-circle: gray filled disc behind practice-area / value icons
   (source: kaplanzorer theme assets/scss/_icon-box.scss .icon-circle —
   75px there was authored against a 62.5% root; this file has no such
   root override, so it's expressed directly in px, not a "7.5rem" that
   would render at 120px against a normal 16px root). */
.kz-icon-circle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #b3b3b3;
    margin: 0 auto 1rem;
}
.kz-icon-circle img {
    width: 60%;
    height: 60%;
    object-fit: contain;
}

/* Duotone/sepia photo treatment used on legal-page heroes (gizlilik,
   veri-koruma, künye) and the justice-statue image on Kurumsal. */
.kz-duotone {
    filter: sepia(0.55) contrast(1.05) brightness(0.9);
}

/* Dotted decorative grid used near hero/content transitions in the
   original theme (assets/images/patterns/pattern*.png). */
.kz-dot-pattern {
    background-image: radial-gradient(#d9d9d9 1px, transparent 1px);
    background-size: 1rem 1rem;
    opacity: 0.6;
}

/* Justify long-form prose (team-member CVs, Hakkımızda, blog/publication
   single pages) — these previously rendered left-aligned with a ragged
   right edge. Scoped to direct-child <p> of .content so nested cards
   (publications/articles grids inside team-member.php's .content) are
   never affected — only the actual prose paragraphs are.
   overflow-wrap/word-break: article bodies sometimes paste in a raw
   reference/citation URL with no spaces (several hundred characters as
   one unbroken "word"), wider than .content itself. The browser won't
   break a word without permission, so it widened the whole page into
   horizontal scroll instead of just wrapping that one line — this lets
   it wrap like any other long word instead. */
.content > p {
    text-align: justify;
    overflow-wrap: break-word;
    word-break: break-word;
}