/*
Theme Name: Children
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ===== Küçükköy Firma Rehberi ===== */
:root{--kk-green:#25d366;--kk-green-dark:#1da851;--kk-ink:#222;--kk-gold:#b8913a;--kk-line:#e8e4dc}

/* WhatsApp butonu */
.kk-wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--kk-green)!important;color:#fff!important;border-radius:6px;font-weight:700;text-transform:none;letter-spacing:0;padding:0 1.6em;margin:1.2em 0 0;box-shadow:0 4px 14px rgba(37,211,102,.35);transition:.2s}
.kk-wa-btn:hover{background:var(--kk-green-dark)!important;transform:translateY(-1px)}
.kk-wa-btn i{font-size:1.25em;margin:0}

/* Tekil firma sayfası */
.kk-firma .kk-firma-title{font-size:2em;margin:0 0 .2em}
.kk-firma .kk-activity{color:var(--kk-gold);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.85em;margin-bottom:1em}
.kk-firma .kk-desc{margin-bottom:1.2em}
.kk-info{list-style:none;margin:0;padding:0;border:1px solid var(--kk-line);border-radius:6px}
.kk-info li{display:flex;gap:1em;margin:0;padding:.8em 1em;border-bottom:1px solid var(--kk-line)}
.kk-info li:last-child{border-bottom:0}
.kk-info li span{flex:0 0 38%;color:#777;font-size:.9em}
.kk-info li strong{flex:1;color:var(--kk-ink)}
.kk-info a{color:var(--kk-ink);text-decoration:underline}
.kk-section{box-sizing:border-box;width:100%;max-width:1110px;margin:3em auto 0;padding:2em 15px 0;border-top:1px solid var(--kk-line)}
.kk-section .row{margin-left:0;margin-right:0;max-width:100%}
.kk-section-title{font-size:1.4em;margin-bottom:1em}
.kk-noimg{display:block;width:100%;aspect-ratio:4/3;background:#f2efe9}
.kk-noimg-lg{aspect-ratio:3/2}

/* Rehber filtresi */
.kk-filter{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;margin-bottom:2em}
.kk-filter button{margin:0;background:#fff;border:1px solid var(--kk-line);color:var(--kk-ink);padding:.55em 1.3em;border-radius:50px;font-size:.9em;font-weight:600;cursor:pointer;transition:.2s}
.kk-filter button:hover,.kk-filter button.is-active{background:var(--kk-ink);border-color:var(--kk-ink);color:#fff}

/* Firma kartı + rozetler */
.kk-card{display:block;color:inherit;background:#fff;border:1px solid var(--kk-line);border-radius:8px;overflow:hidden;transition:.25s}
.kk-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.1);transform:translateY(-3px)}
.kk-card-img{overflow:hidden;aspect-ratio:4/3;background:#f2efe9}
.kk-card-img img{width:100%;height:100%;object-fit:cover;transition:.4s}
.kk-card:hover .kk-card-img img{transform:scale(1.05)}
.kk-card-body{padding:1em 1.1em 1.2em}
.kk-card-title{font-size:1.05em;margin:0 0 .6em}
.kk-badges{display:flex;flex-wrap:wrap;gap:.4em}
.kk-badge{display:inline-block;font-size:.72em;font-weight:700;letter-spacing:.03em;padding:.3em .8em;border-radius:50px;line-height:1.4}
.kk-badge-cat{background:#f6efe0;color:#8a6a1f}
.kk-badge-block{background:var(--kk-ink);color:#fff}
.kk-grid .kk-item{padding-bottom:20px}

@media only screen and (max-width:48em){
.kk-info li{flex-direction:column;gap:.1em}
.kk-info li span{flex:none}
.kk-wa-btn{display:flex;width:100%}
}