/*
Theme Name: ListingHive Child
Theme URI: https://hivepress.io/themes/listinghive
Template: listinghive
Author: HivePress
Author URI: https://hivepress.io
Description: A multipurpose WordPress directory theme.
Version: 1.2.12
*/

/* =====================================================
   İLİMİZDEN ANA SAYFA
===================================================== */

.ilimizden-home{
    background:#f5f7fb;
}

.container{
    width:1200px;
    max-width:95%;
    margin:auto;
}

.hero{
    padding:15px 0 10px;
    text-align:center;
}

.hero h1{
    font-size:36px;
    margin:10px 0;
    color:#16355d;
}

.hero p{
    font-size:18px;
    margin:0 0 20px;
    color:#666;
}

.home-categories{
    padding:20px 0 40px;
}

.home-categories h2{
    display:none;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.category-card{
    display:block;
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    text-decoration:none;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.25s;
}

.category-card:hover{
    transform:translateY(-6px);
}

.category-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.category-content{
    padding:18px 22px;
}

.category-content h3{
    font-size:28px;
    margin:0 0 10px;
    color:#16355d;
}

.category-content p{
    margin:0;
    color:#666;
    line-height:1.5;
}

.category-card{
    position:relative;
    overflow:hidden;
    border-radius:18px;
}

.category-card img{
    display:block;
    width:100%;
    transition:.35s;
}

.category-card::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:90px;
    background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,0));
}

.category-title{
    position:absolute;
    left:25px;
    bottom:22px;
    z-index:2;
    color:#fff;
    font-size:30px;
    font-weight:700;
    letter-spacing:1px;
    transition:.30s;
}

.category-card:hover img{
    transform:scale(1.05);
}

.category-card:hover .category-title{
    transform:translateX(8px);
}

/* =====================================================
   LOGO
===================================================== */

.custom-logo{
    max-height:55px !important;
    width:auto !important;
}

.custom-logo-link{
    display:flex;
    align-items:center;
}

.header-logo-custom{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
}

.header-logo-custom img{
    width:50px;
    height:50px;
    display:block;
}

.header-logo-custom span{
    font-size:34px;
    font-weight:700;
    color:#f57c00;
    line-height:1;
}

/* =====================================================
   ARAMA
===================================================== */

.hero .hp-form{
    max-width:800px;
    margin:0 auto;
}

.hero .hp-form input{
    height:58px;
}

.hero .hp-form button{
    height:58px;
    padding:0 30px;
}

.hp-form--listing-search{
    max-width:800px;
    margin:0 auto;
}

.hp-form--listing-search .hp-form__fields{
    width:100%;
}

.hero-search{
    max-width:800px;
    margin:0 auto;
}

/* =====================================================
   ANA SAYFA KATEGORİ FOTOĞRAFLARI
===================================================== */

body.home .ilimizden-home .category-card img,
body.front-page .ilimizden-home .category-card img{
    height:150px !important;
    object-fit:cover !important;
}

body.home .ilimizden-home .category-card,
body.front-page .ilimizden-home .category-card{
    padding:0 !important;
}

/* =====================================================
   BOYACILAR / MESLEK SAYFASI
===================================================== */

/* Sol tarafı kaldır */
body.tax-hp_listing_category .hp-page__sidebar{
    display:none !important;
}

/* Sayfanın ana beyaz alanı */
body.tax-hp_listing_category{
    background:#f5f7fb !important;
}

body.tax-hp_listing_category .hp-page{
    width:94% !important;
    max-width:1200px !important;
    margin:0 auto !important;
    padding:0 0 40px !important;
}

/* İç alan */
body.tax-hp_listing_category .hp-page__content{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    padding:0 !important;
    margin:0 !important;
}

/* =====================================================
   BANNER
===================================================== */

body.tax-hp_listing_category .hp-page__header{
    height:130px !important;
    min-height:130px !important;
    padding:0 !important;
    margin:0 0 18px !important;
    overflow:hidden !important;
    border-radius:0 0 16px 16px !important;
}

body.tax-hp_listing_category .hp-page__header img{
    width:100% !important;
    height:130px !important;
    object-fit:cover !important;
}

/* =====================================================
   ÜST ALAN / ARAMA
===================================================== */

body.tax-hp_listing_category .hp-page__topbar{
    width:100% !important;
    margin:0 0 24px !important;
    padding:18px 20px !important;
    background:#fff !important;
    border-radius:14px !important;
    box-shadow:0 3px 14px rgba(0,0,0,.06) !important;
}

/* Arama kutusu */
body.tax-hp_listing_category .hp-form--listing-search{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
}

/* =====================================================
   USTA LİSTESİ
===================================================== */

body.tax-hp_listing_category .hp-listings{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

/* 4 USTA YAN YANA */

body.tax-hp_listing_category .hp-listings.hp-grid > .hp-row{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:20px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

/* Kartların bulunduğu alan */

body.tax-hp_listing_category .hp-listings.hp-grid > .hp-row > .hp-grid__item{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}

/* =====================================================
   USTA KARTI
===================================================== */

body.tax-hp_listing_category .hp-listing.hp-listing--view-block{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border-radius:14px !important;
    overflow:hidden !important;
    box-shadow:0 5px 18px rgba(0,0,0,.08) !important;
    transition:.25s !important;
}

body.tax-hp_listing_category .hp-listing.hp-listing--view-block:hover{
    transform:translateY(-4px);
    box-shadow:0 9px 24px rgba(0,0,0,.12) !important;
}

/* =====================================================
   USTA FOTOĞRAFI
===================================================== */

body.tax-hp_listing_category .hp-listing__image{
    width:100% !important;
    height:230px !important;
    overflow:hidden !important;
    background:#f2f2f2 !important;
}

body.tax-hp_listing_category .hp-listing__image img{
    display:block !important;
    width:100% !important;
    height:230px !important;
    object-fit:cover !important;
}

/* =====================================================
   KART BİLGİLERİ
===================================================== */

body.tax-hp_listing_category .hp-listing__content{
    padding:15px !important;
}

body.tax-hp_listing_category .hp-listing__title{
    font-size:19px !important;
    font-weight:700 !important;
    margin:0 !important;
}

/* =====================================================
   MOBİL
===================================================== */

@media (max-width:1000px){

    body.tax-hp_listing_category .hp-listings.hp-grid > .hp-row{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

}

@media (max-width:600px){

    body.tax-hp_listing_category .hp-page{
        width:94% !important;
    }

    body.tax-hp_listing_category .hp-page__header{
        height:100px !important;
        min-height:100px !important;
    }

    body.tax-hp_listing_category .hp-page__header img{
        height:100px !important;
    }

    body.tax-hp_listing_category .hp-listings.hp-grid > .hp-row{
        grid-template-columns:1fr !important;
    }

    body.tax-hp_listing_category .hp-listing__image,
    body.tax-hp_listing_category .hp-listing__image img{
        height:240px !important;
    }

}
/* BOYACILAR BANNERINI KÜÇÜLT */
body.tax-hp_listing_category .header-hero--cover{
    height:180px !important;
    min-height:180px !important;
    padding:0 !important;
}
/* BOYACILAR - ARAMA VE USTA KARTLARINI YUKARI AL */
body.tax-hp_listing_category .hp-page__content{
    padding-top:0 !important;
}

body.tax-hp_listing_category .hp-page__topbar{
    margin-top:0 !important;
    margin-bottom:10px !important;
}

body.tax-hp_listing_category .hp-listings{
    margin-top:0 !important;
}
/* USTA KARTLARINI YUKARI TAŞI */
body.tax-hp_listing_category .hp-page__topbar{
    margin-bottom:0 !important;
}

body.tax-hp_listing_category .hp-listings{
    margin-top:-40px !important;
}
/* BOYACILAR - FİLTRE SATIRINI GİZLE */
body.tax-hp_listing_category .hp-page__topbar {
    display: none !important;
}
/* ARAMA KUTUSU - ARA BUTONUNU SAĞ UCA YAPIŞTIR */
body.tax-hp_listing_category .hp-form--listing-search .hp-form__field--submit {
    margin-left: auto !important;
}

body.tax-hp_listing_category .hp-form--listing-search .hp-form__fields {
    display: flex !important;
    align-items: stretch !important;
}

body.tax-hp_listing_category .hp-form--listing-search .hp-form__field--submit {
    flex: 0 0 auto !important;
}
/* =================================================
BOYACI KARTI - FOTOĞRAF VE YAZIYI BİRLEŞTİR
================================================= */

body.tax-hp_listing_category .hp-listing.hp-listing--view-block{
    position:relative !important;
}

/* Fotoğraf alanındaki gereksiz boşluğu kaldır */
body.tax-hp_listing_category .hp-listing__image{
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
}

body.tax-hp_listing_category .hp-listing__image img{
    width:100% !important;
    height:auto !important;
    display:block !important;
    object-fit:contain !important;
}

/* Yazıları fotoğrafın üzerine al */
body.tax-hp_listing_category .hp-listing__content{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    padding:45px 16px 16px !important;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.80),
        rgba(0,0,0,0)
    ) !important;
}

/* Usta adı */
body.tax-hp_listing_category .hp-listing__title{
    color:#fff !important;
}

/* Tarih */
body.tax-hp_listing_category .hp-listing__date{
    color:#eee !important;
}

/* Kategori yazısı */
body.tax-hp_listing_category .hp-listing__category{
    color:#fff !important;
}

/* =================================================
ARA BUTONU KÜÇÜLT
================================================= */

body.tax-hp_listing_category .hp-form--listing-search .hp-form__field--submit{
    width:90px !important;
    flex:0 0 90px !important;
}

body.tax-hp_listing_category .hp-form--listing-search .hp-form__field--submit button{
    width:90px !important;
    min-width:90px !important;
    padding:0 !important;
}
/* BOYACILAR SAYFASI - SON SIKIŞTIRMA */

body.tax-hp_listing_category .hp-page__content{
    padding-top:0 !important;
    margin-top:0 !important;
}

body.tax-hp_listing_category .hp-form--listing-search{
    margin-top:0 !important;
    margin-bottom:15px !important;
}

body.tax-hp_listing_category .hp-form--listing-search .hp-form__fields{
    min-height:52px !important;
}

body.tax-hp_listing_category .hp-form--listing-search input{
    height:52px !important;
}

body.tax-hp_listing_category .hp-form--listing-search button{
    height:52px !important;
    width:80px !important;
    min-width:80px !important;
    padding:0 !important;
}

/* USTALARI YUKARI ÇEK */
body.tax-hp_listing_category .hp-listings{
    margin-top:0 !important;
}

body.tax-hp_listing_category .hp-listings.hp-grid{
    padding-top:0 !important;
}

body.tax-hp_listing_category .hp-page__topbar{
    margin-top:0 !important;
    margin-bottom:10px !important;
}
/* BOYACILAR - BOŞLUKLARI SIKIŞTIR */

body.tax-hp_listing_category .hp-page__content{
    padding-bottom:0 !important;
}

body.tax-hp_listing_category .hp-form--listing-search{
    margin-bottom:0 !important;
}

body.tax-hp_listing_category .hp-listings{
    margin-top:-20px !important;
}

body.tax-hp_listing_category .hp-page__topbar{
    margin-bottom:0 !important;
}
body.tax-hp_listing_category .hp-listings{
    transform: translateY(-45px) !important;
}
body.tax-hp_listing_category .hp-form--listing-search{
    transform: translateY(-25px) !important;
}
/* ANA SAYFA KATEGORİLERİ - ESKİ 2x2 TASARIM */

.ilimizden-home .category-grid{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:25px !important;
}

.ilimizden-home .category-card{
    padding:0 !important;
    overflow:hidden !important;
}

.ilimizden-home .category-card img{
    width:100% !important;
    height:150px !important;
    object-fit:cover !important;
    display:block !important;
}

@media (max-width:650px){
    .ilimizden-home .category-grid{
        grid-template-columns:1fr !important;
    }

    .ilimizden-home .category-card img{
        height:130px !important;
    }
}
/* ANA SAYFA - 4 KATEGORİ KARTI */

body.home .ilimizden-home .category-grid,
body.front-page .ilimizden-home .category-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 250px) !important;
    gap: 18px !important;
    width: 518px !important;
    max-width: 100% !important;
    margin: 25px auto 40px !important;
}

body.home .ilimizden-home .category-card,
body.front-page .ilimizden-home .category-card {
    width: 250px !important;
    height: 150px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 14px !important;
}

body.home .ilimizden-home .category-card img,
body.front-page .ilimizden-home .category-card img {
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
    display: block !important;
}

body.home .ilimizden-home .category-card::after,
body.front-page .ilimizden-home .category-card::after {
    height: 70px !important;
}

body.home .ilimizden-home .category-title,
body.front-page .ilimizden-home .category-title {
    left: 15px !important;
    bottom: 12px !important;
    font-size: 18px !important;
}

body.home .ilimizden-home .category-content,
body.front-page .ilimizden-home .category-content {
    display: none !important;
}

@media (max-width:650px) {
    body.home .ilimizden-home .category-grid,
    body.front-page .ilimizden-home .category-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        width: 100% !important;
    }

    body.home .ilimizden-home .category-card,
    body.front-page .ilimizden-home .category-card {
        width: 100% !important;
    }
}
/* ANA SAYFA - 4 KATEGORİ */

.ilimizden-category-grid{
    width: 540px !important;
    max-width: 100% !important;
    margin: 25px auto 40px !important;

    display: grid !important;
    grid-template-columns: repeat(2, 260px) !important;
    gap: 18px !important;
}

.ilimizden-category-card{
    position: relative !important;
    display: block !important;
    width: 260px !important;
    height: 150px !important;

    overflow: hidden !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.12) !important;
}

.ilimizden-category-card img{
    display: block !important;
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
}

.ilimizden-category-card span{
    position: absolute !important;
    left: 14px !important;
    bottom: 12px !important;

    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 5px rgba(0,0,0,.8) !important;
}

@media (max-width: 650px){

    .ilimizden-category-grid{
        width: 100% !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .ilimizden-category-card{
        width: 100% !important;
    }
}
/* ANA SAYFA SON DOKUNUŞ */

.ilimizden-hero{
    padding-top: 25px !important;
    padding-bottom: 10px !important;
    text-align: center !important;
}

.ilimizden-hero h1{
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.ilimizden-hero p{
    text-align: center !important;
    margin-bottom: 15px !important;
}

.ilimizden-categories{
    padding-top: 0 !important;
    margin-top: -10px !important;
}

.ilimizden-search{
    margin-top: 0 !important;
}
.ilimizden-search .hp-form input,
.ilimizden-search .hp-form button{
    height:48px !important;
}
.header-logo-custom span{
    display:inline-block !important;
    color:#f57c00 !important;
    font-size:28px !important;
    font-weight:700 !important;
    margin-left:8px !important;
}
/* LOGONUN YANINA İLİMİZDEN YAZISI */

.custom-logo-link::after{
    content:"ilimizden" !important;
    color:#f57c00 !important;
    font-size:28px !important;
    font-weight:700 !important;
    margin-left:10px !important;
    white-space:nowrap !important;
}
/* İNŞAAT KATEGORİ SAYFASI - SIKI TASARIM */

/* İNŞAAT ALT KATEGORİLERİ */

body.tax-hp_listing_category .hp-listing-category {
    border-radius: 14px !important;
    overflow: hidden !important;
}

body.tax-hp_listing_category .hp-listing-category__image {
    height: 155px !important;
    min-height: 155px !important;
}

body.tax-hp_listing_category .hp-listing-category__image img {
    height: 155px !important;
    object-fit: cover !important;
}

body.tax-hp_listing_category .hp-listing-category__content {
    padding: 10px !important;
}

body.tax-hp_listing_category .hp-listings.hp-grid > .hp-row {
    gap: 18px !important;
}
/* KATEGORİ FOTOĞRAFLARINI ARAMA KUTUSUNA YAKLAŞTIR */
body.tax-hp_listing_category .hp-listings.hp-grid {
    margin-top: -30px !important;
}
/* LOGO YANINDAKİ YAZI */

.custom-logo-link::after{
    content:"ilimizDEN" !important;
    color:#f57c00 !important;
    font-size:28px !important;
    font-weight:700 !important;
    margin-left:10px !important;
    white-space:nowrap !important;
}
/* PROFİL SAYFASI - İLİMİZDEN LOGOSU */

div.ilimizden-profile-page header.ilimizden-profile-header
.ilimizden-brand .ilimizden-brand-name {
    display: inline-block !important;
    font-size: 0 !important;
    color: transparent !important;
    width: auto !important;
}

div.ilimizden-profile-page header.ilimizden-profile-header
.ilimizden-brand .ilimizden-brand-name::after {
    content: "ilimizDEN" !important;
    display: inline-block !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #f57c00 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}


/* =====================================================
   İLİMİZDEN TANITIM / VİDEO BÖLÜMÜ
   Mevcut ana sayfa ve 4 kategori kartlarına dokunmaz.
===================================================== */

.ilimizden-video-section{
    width:100% !important;
    padding:35px 0 45px !important;
    margin-top:10px !important;
    background:#f5f8fd !important;
}

.ilimizden-video-section .ilimizden-container{
    width:1100px !important;
    max-width:92% !important;
    margin:0 auto !important;
}

.ilimizden-video-box{
    background:linear-gradient(135deg,#f4f8ff 0%,#eef5fc 100%) !important;
    border-radius:24px !important;
    padding:35px !important;
    box-shadow:0 8px 28px rgba(22,53,93,.06) !important;
    overflow:hidden !important;
}

.ilimizden-video-title{
    text-align:center !important;
    margin:0 0 25px !important;
}

.ilimizden-video-title h2{
    margin:0 0 8px !important;
    color:#16355d !important;
    font-size:32px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
}

.ilimizden-video-title p{
    margin:0 !important;
    color:#68778a !important;
    font-size:16px !important;
    line-height:1.6 !important;
}

/* VİDEO + İLİMİZDEN NEDİR? */
.ilimizden-video-main{
    display:grid !important;
    grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr) !important;
    gap:22px !important;
    align-items:stretch !important;
    margin-bottom:22px !important;
}

.ilimizden-video-placeholder{
    width:100% !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:#111 !important;
    box-shadow:0 8px 24px rgba(0,0,0,.14) !important;
    aspect-ratio:16 / 9 !important;
}

.ilimizden-video-placeholder iframe{
    display:block !important;
    width:100% !important;
    height:100% !important;
    border:0 !important;
}

.ilimizden-about-card{
    background:#fff !important;
    border-radius:18px !important;
    padding:32px 30px !important;
    box-shadow:0 5px 18px rgba(22,53,93,.07) !important;
    border:1px solid rgba(22,53,93,.06) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.ilimizden-about-icon{
    width:48px !important;
    height:48px !important;
    border-radius:50% !important;
    background:#e4f0ff !important;
    color:#1877d2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:28px !important;
    font-weight:700 !important;
    margin-bottom:18px !important;
}

.ilimizden-about-card h3{
    margin:0 0 12px !important;
    color:#16355d !important;
    font-size:23px !important;
    line-height:1.3 !important;
}

.ilimizden-about-card p{
    margin:0 !important;
    color:#59697c !important;
    font-size:15px !important;
    line-height:1.7 !important;
}

/* 3 BİLGİ KARTI */
.ilimizden-video-topics{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    width:100% !important;
}

.ilimizden-video-topics > div{
    background:#fff !important;
    border-radius:16px !important;
    padding:20px 18px !important;
    min-height:125px !important;
    box-shadow:0 4px 16px rgba(22,53,93,.07) !important;
    border:1px solid rgba(22,53,93,.05) !important;
}

.ilimizden-video-topics strong{
    display:block !important;
    color:#16355d !important;
    font-size:17px !important;
    line-height:1.3 !important;
    margin:0 0 9px !important;
}

.ilimizden-video-topics span{
    display:block !important;
    color:#697687 !important;
    font-size:14px !important;
    line-height:1.55 !important;
}

body.home .ilimizden-video-section,
body.front-page .ilimizden-video-section{
    box-sizing:border-box !important;
}

@media (max-width:900px){
    .ilimizden-video-box{
        padding:28px !important;
    }

    .ilimizden-video-main{
        grid-template-columns:1fr !important;
    }

    .ilimizden-about-card{
        min-height:0 !important;
        padding:25px !important;
    }

    .ilimizden-video-topics{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:650px){
    .ilimizden-video-section{
        padding:25px 0 30px !important;
        margin-top:5px !important;
    }

    .ilimizden-video-section .ilimizden-container{
        max-width:94% !important;
    }

    .ilimizden-video-box{
        padding:20px 14px !important;
        border-radius:18px !important;
    }

    .ilimizden-video-title{
        margin-bottom:18px !important;
    }

    .ilimizden-video-title h2{
        font-size:25px !important;
    }

    .ilimizden-video-title p{
        font-size:14px !important;
    }

    .ilimizden-video-main{
        gap:14px !important;
        margin-bottom:14px !important;
    }

    .ilimizden-video-placeholder{
        border-radius:13px !important;
    }

    .ilimizden-about-card{
        border-radius:14px !important;
        padding:20px !important;
    }

    .ilimizden-about-icon{
        width:42px !important;
        height:42px !important;
        font-size:24px !important;
        margin-bottom:12px !important;
    }

    .ilimizden-about-card h3{
        font-size:20px !important;
    }

    .ilimizden-about-card p{
        font-size:14px !important;
    }

    .ilimizden-video-topics{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .ilimizden-video-topics > div{
        min-height:0 !important;
        padding:17px 16px !important;
    }

    .ilimizden-video-topics strong{
        font-size:16px !important;
    }

    .ilimizden-video-topics span{
        font-size:13px !important;
    }
}


/* KATEGORİ ALT KARTLARI - İSİMLER TAM GÖRÜNSÜN */
body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__name{
    transform: translateY(-5px) !important;
}

/* =====================================================
   KATEGORİ SAYFASI - SON GÖRÜNÜM
   Sadece kategori sayfalarını etkiler.
   Ana sayfaya dokunmaz.
===================================================== */

body.tax-hp_listing_category .header-hero,
body.tax-hp_listing_category .header-hero--cover,
body.tax-hp_listing_category .hp-page__header{
    display:none !important;
}

body.tax-hp_listing_category .hp-page{
    width:94% !important;
    max-width:1200px !important;
    margin:0 auto !important;
    padding:0 0 40px !important;
}

body.tax-hp_listing_category .hp-page__content{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    padding:0 !important;
    margin:0 !important;
}

/* Arama kutusu */
body.tax-hp_listing_category .hp-form--listing-search{
    width:700px !important;
    max-width:100% !important;
    margin:25px auto 55px !important;
    transform:none !important;
}

body.tax-hp_listing_category .hp-form--listing-search .hp-form__fields{
    min-height:48px !important;
    display:flex !important;
    align-items:stretch !important;
}

body.tax-hp_listing_category .hp-form--listing-search input{
    height:48px !important;
    min-height:48px !important;
}

body.tax-hp_listing_category .hp-form--listing-search .hp-form__field--submit{
    width:90px !important;
    min-width:90px !important;
    flex:0 0 90px !important;
    margin-left:auto !important;
}

body.tax-hp_listing_category .hp-form--listing-search .hp-form__field--submit button{
    width:90px !important;
    min-width:90px !important;
    height:48px !important;
    padding:0 !important;
}

/* Alt kategori kartları: 5 sütun */
body.tax-hp_listing_category .hp-listing-categories .hp-row{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:16px !important;
    margin:0 !important;
}

body.tax-hp_listing_category .hp-listing-categories .hp-grid__item{
    width:auto !important;
    max-width:none !important;
    flex:none !important;
    padding:0 !important;
}

body.tax-hp_listing_category .hp-listing-category--view-block{
    height:155px !important;
    min-height:155px !important;
    border-radius:14px !important;
    overflow:hidden !important;
    position:relative !important;
}

body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__image,
body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__image img{
    width:100% !important;
    height:155px !important;
    min-height:155px !important;
    object-fit:cover !important;
}

body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__content{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    padding:35px 14px 15px !important;
    background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0)) !important;
}

body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__name{
    color:#fff !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    margin:0 !important;
    transform:none !important;
}

/* Kategori sayfasındaki logo yazısı */
body.tax-hp_listing_category .custom-logo-link::after{
    content:"ilimizDEN" !important;
    display:inline-block !important;
    color:#f57c00 !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:1 !important;
    margin-left:10px !important;
    white-space:nowrap !important;
}

/* Tablet */
@media (max-width:1000px){
    body.tax-hp_listing_category .hp-listing-categories .hp-row{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}

/* Telefon */
@media (max-width:650px){
    body.tax-hp_listing_category .hp-form--listing-search{
        width:100% !important;
        margin:20px auto 35px !important;
    }

    body.tax-hp_listing_category .hp-listing-categories .hp-row{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    body.tax-hp_listing_category .hp-listing-category--view-block,
    body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__image,
    body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__image img{
        height:145px !important;
        min-height:145px !important;
    }

    body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__content{
        padding:32px 11px 12px !important;
    }

    body.tax-hp_listing_category .hp-listing-category--view-block .hp-listing-category__name{
        font-size:16px !important;
    }

    body.tax-hp_listing_category .custom-logo-link::after{
        font-size:24px !important;
        margin-left:7px !important;
    }
}

/* ANA SAYFA - 4 KATEGORİYİ YAN YANA DENE */
@media (min-width: 900px){
    body.home .ilimizden-home .category-grid,
    body.front-page .ilimizden-home .category-grid{
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 18px !important;
        width: 100% !important;
        max-width: 1080px !important;
    }

    body.home .ilimizden-home .category-card,
    body.front-page .ilimizden-home .category-card{
        width: 100% !important;
        height: 150px !important;
    }

    body.home .ilimizden-home .category-card img,
    body.front-page .ilimizden-home .category-card img{
        width: 100% !important;
        height: 150px !important;
        object-fit: cover !important;
    }
}

@media (max-width: 899px){
    body.home .ilimizden-home .category-grid,
    body.front-page .ilimizden-home .category-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 520px !important;
    }
}


/* İLİMİZDEN ORTAK HEADER - SITE ADI RENGİ */
header.site-header .ilimizden-header-brand .header-logo__name,
header.site-header .ilimizden-header-brand .ilimizden-header-site-name {
    color: #f57c00 !important;
}
/* MOBİL USTA PROFİLİ - ALT BİLGİ KUTULARI */
@media (max-width: 600px) {
    .ilimizden-bottom-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .ilimizden-bottom-card {
        width: 100% !important;
    }
}
/* MOBİL USTA ÜST PROFİL DÜZENİ */
@media (max-width: 600px) {

    .ilimizden-profile-intro {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding: 18px !important;
    }

    .ilimizden-profile-photo {
        width: 90px !important;
        height: 90px !important;
        margin: 0 auto !important;
    }

    .ilimizden-profile-name {
        font-size: 27px !important;
        line-height: 1.2 !important;
        margin: 5px 0 8px !important;
    }

    .ilimizden-profile-side {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding-left: 0 !important;
        padding-top: 15px !important;
        border-left: 0 !important;
        border-top: 1px solid #edf0f3 !important;
    }

    .ilimizden-contact-card {
        padding: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .ilimizden-contact-card-title {
        font-size: 12px !important;
    }

    .ilimizden-phone-number {
        font-size: 18px !important;
        white-space: nowrap !important;
    }

    .ilimizden-button {
        min-height: 42px !important;
        font-size: 13px !important;
    }

    .ilimizden-mini-card {
        min-height: 60px !important;
        padding: 11px 12px !important;
    }
}